https://janapost.kz/_nuxt/DHJm2plN.js

1import{d as se,g as ie,p as re,C as ue,o as i,c,l as de,e as _,w as N,a0 as P,a as t,x as A,b as a,h as b,A as k,T as j,t as z,i as D,y as O,v as W,U as ce,k as $,j as s,D as fe,Z as me,B as ve,_ as he}from"./64dsKTIj.js";import{_ as pe}from"./O2s5XsxR.js";import{a as q}from"./Dz1NQC_b.js";import{_ as I}from"./cGAzLZZx.js";import{m as be}from"./sCjCSR3k.js";const we={class:"absolute inset-0 z-6 flex items-center justify-center pointer-events-none"},ye={class:"flex h-16 w-16 items-center justify-center rounded-full bg-black/50 text-white"},xe={key:0,src:I,alt:"",class:"h-8 w-8"},ge={key:1,class:"h-8 w-8 text-white",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},ke={class:"flex flex-col gap-2"},Ce={key:0,class:"font-semibold text-colorWhite text-(length:--text-xbase) leading-[1.4]"},Ve={class:"flex items-center gap-2"},_e={class:"text-colorStroke text-(length:--text-xbase) leading-[1.4]"},ze={class:"flex items-center gap-3 relative pt-4 pb-1"},Me=["max"],Te={class:"min-w-16 shrink-0 text-right text-xs absolute right-0 -top-1 text-white tabular-nums"},Ne={class:"flex items-center justify-between"},Pe={class:"flex items-center gap-2"},je={key:0,src:I,alt:"",class:"h-4 w-4"},Ie={key:1,class:"h-4 w-4 text-white",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},Be={key:0,class:"h-4 w-4",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},Se={key:1,class:"h-4 w-4",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},Le=se({__name:"vimeo-player",props:{modelValue:{type:Boolean},embedUrl:{default:""},vimeoId:{default:""},title:{default:""},author:{default:""},autoplay:{type:Boolean,default:!0}},emits:["update:modelValue","close"],setup(r,{emit:K}){const u=r,B=K,Z=$(()=>{const n=u.author?.toLowerCase();return be.find(e=>e.key===n||n?.includes(e.key))?.marketplaceLogo}),S=s(null),L=s(null);let l=null;const m=s(!0),C=s(0),w=s(0),v=s(0),d=s(1),h=s(!1),V=s(!1),f=s(!1),M=s(!1),y=s(!1);let p=null;const E=$(()=>{if(u.vimeoId)return Number(u.vimeoId);if(u.embedUrl){const n=u.embedUrl.match(/vimeo\.com\/video\/(\d+)/);return n?Number(n[1]):null}return null});function R(n){if(!Number.isFinite(n)||n<0)return"0:00";const e=Math.floor(n/60),g=Math.floor(n%60);return`${e}:${g.toString().padStart(2,"0")}`}function F(){l&&(m.value?l.play():l.pause())}function G(){F(),M.value=!0,p&&clearTimeout(p),p=setTimeout(()=>{M.value=!1,p=null},1e3)}function J(){l&&(h.value=!h.value,l.setMuted(h.value))}function Q(){l&&(l.setVolume(d.value),d.value>0&&l.setMuted(!1),h.value=d.value===0)}function X(n){V.value=!0;const e=n.target.valueAsNumber;v.value=e}function Y(n){const e=n.target.valueAsNumber;l&&Number.isFinite(e)&&l.setCurrentTime(e),V.value=!1}async function ee(){const n=L.value;n&&(document.fullscreenElement?(document.exitFullscreen?.(),f.value=!1):(n.requestFullscreen?.(),f.value=!0))}function te(){l&&(y.value=!1,l.setCurrentTime(0),l.play())}async function le(){const n=S.value,e=E.value;if(!n||e==null||Number.isNaN(e))return;const{default:g}=await me(async()=>{const{default:o}=await import("./BBvNM0Oo.js");return{default:o}},[],import.meta.url);l=ve(new g(n,{id:Number(e),responsive:!0,autoplay:u.autoplay&&u.modelValue,controls:!1,title:!1,byline:!1,portrait:!1,autopause:!1,end_screen:{type:"empty"}}));try{const o=await l.getDuration();w.value=o;const U=await l.getCurrentTime();C.value=U,v.value=U;const ne=await l.getVolume();d.value=ne;const ae=await l.getMuted();h.value=ae;const oe=await l.getPaused();m.value=oe}catch{}l.on("timeupdate",o=>{V.value||(C.value=o.seconds,v.value=o.seconds)}),l.on("durationchange",o=>{w.value=o.duration}),l.on("play",()=>{m.value=!1,y.value=!1}),l.on("pause",()=>{m.value=!0}),l.on("ended",()=>{y.value=!0}),l.on("fullscreenchange",o=>{f.value=o.fullscreen})}async function T(){if(l){try{await l.destroy()}catch{}l=null}m.value=!0,C.value=0,w.value=0,v.value=0,d.value=1,h.value=!1,V.value=!1,y.value=!1}const x=()=>{B("update:modelValue",!1),B("close")},H=async n=>{n.key==="Escape"&&u.modelValue&&(document.fullscreenElement?(document.exitFullscreen(),f.value=!1):x())};return ie(()=>[u.modelValue,E.value],async([n,e])=>{typeof document>"u"||(document.body.style.overflow=n?"hidden":"",n?(await T(),e!=null&&!Number.isNaN(e)&&(await fe(),await le())):await T())},{immediate:!0}),re(()=>{window.addEventListener("keydown",H)}),ue(()=>{p&&(clearTimeout(p),p=null),typeof document<"u"&&(document.body.style.overflow=""),window.removeEventListener("keydown",H),T()}),(n,e)=>{const g=pe;return i(),c("div",null,[(i(),de(ce,{to:"body"},[_(j,{name:"fade"},{default:N(()=>[r.modelValue?(i(),c("div",{key:0,class:"fixed inset-0 z-1000 flex items-center justify-center p-4",onClick:P(x,["self"])},[t("div",{class:"absolute inset-0 bg-black/60","aria-hidden":"true",onClick:x}),t("div",{ref_key:"modalRef",ref:L,class:A(["relative z-1 w-full max-w-[450px] overflow-hidden shadow-vi

1deo",a(f)?"rounded-none bg-white/20 flex items-center justify-center":"rounded-[20px] bg-colorWhite"])},[b(t("button",{type:"button",class:"absolute right-2 top-2 z-20 inline-flex h-10 w-10 items-center justify-center rounded-full text-colorSecondaryText transition hover:bg-colorStroke/30",onClick:x,"aria-label":"Close video"},[...e[5]||(e[5]=[t("img",{src:q,alt:"",class:"h-5 w-5"},null,-1)])],512),[[k,!a(f)]]),t("div",{ref_key:"playerContainerRef",ref:S,class:A(["player-container min-h-[600px] relative aspect-video overflow-hidden bg-colorPrimaryText",a(f)?"min-h-[700px] md:min-h-full rounded-none md:w-1/2 w-full mx-auto":"rounded-t-[20px] w-full"])},[t("div",{class:"absolute inset-0 z-5 cursor-pointer","aria-label":"Play or pause video",onClick:G}),_(j,{name:"fade"},{default:N(()=>[b(t("div",we,[t("div",ye,[a(m)?(i(),c("img",xe)):(i(),c("svg",ge,[...e[6]||(e[6]=[t("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"},null,-1)])]))])],512),[[k,a(M)]])]),_:1}),_(j,{name:"fade"},{default:N(()=>[b(t("div",{class:"absolute inset-0 z-15 flex items-center justify-center bg-colorPrimaryText",onClick:e[1]||(e[1]=P(()=>{},["stop"]))},[t("button",{type:"button",class:"inline-flex h-14 w-14 items-center justify-center rounded-full bg-white/20 text-white transition hover:bg-white/30","aria-label":"Replay video",onClick:te},[...e[7]||(e[7]=[t("img",{src:I,alt:"",class:"h-7 w-7 ml-0.5"},null,-1)])]),t("button",{type:"button",class:"absolute right-2 top-2 z-20 inline-flex h-10 w-10 items-center justify-center rounded-full text-colorSecondaryText transition bg-white/20 hover:bg-colorStroke/30",onClick:e[0]||(e[0]=()=>{f.value=!1,x()}),"aria-label":"Close video"},[...e[8]||(e[8]=[t("img",{src:q,alt:"",class:"h-5 w-5"},null,-1)])])],512),[[k,a(y)]])]),_:1}),t("div",{class:"absolute inset-x-0 bottom-0 z-10 flex flex-col gap-2 bg-linear-to-t from-black/95 to-transparent px-4 pb-3 pt-8",onClick:e[4]||(e[4]=P(()=>{},["stop"]))},[b(t("div",ke,[r.title?(i(),c("p",Ce,z(r.title),1)):D("",!0),b(t("div",Ve,[_(g,{"placeholder-class":"animate-pulse bg-colorStroke",src:a(Z),alt:r.author,class:"size-6 object-cover"},null,8,["src","alt"]),t("p",_e,z(r.author),1)],512),[[k,r.author]])],512),[[k,r.title||r.author]]),t("div",null,[t("div",ze,[b(t("input",{"onUpdate:modelValue":e[2]||(e[2]=o=>O(v)?v.value=o:null),type:"range",min:"0",max:a(w),step:"0.1",class:"h-0.5 flex-1 cursor-pointer appearance-none rounded-full bg-white/30 accent-white [&::-webkit-slider-thumb]:h-2 [&::-webkit-slider-thumb]:w-2 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",onInput:X,onChange:Y},null,40,Me),[[W,a(v),void 0,{number:!0}]]),t("span",Te,z(R(a(C)))+" / "+z(R(a(w))),1)]),t("div",Ne,[t("div",Pe,[t("button",{type:"button",class:"inline-flex h-8 w-8 items-center justify-center rounded-full text-white transition hover:bg-white/20","aria-label":"Play / Pause",onClick:F},[a(m)?(i(),c("img",je)):(i(),c("svg",Ie,[...e[9]||(e[9]=[t("path",{d:"M6 4h4v16H6V4zm8 0h4v16h-4V4z"},null,-1)])]))]),t("button",{type:"button",class:"inline-flex h-8 w-8 items-center justify-center rounded-full text-white transition hover:bg-white/20","aria-label":"Volume",onClick:J},[a(h)||a(d)===0?(i(),c("svg",Be,[...e[10]||(e[10]=[t("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"},null,-1)])])):(i(),c("svg",Se,[...e[11]||(e[11]=[t("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"},null,-1)])]))]),b(t("input",{"onUpdate:modelValue":e[3]||(e[3]=o=>O(d)?d.value=o:null),type:"range",min:"0",max:"1",step:"0.05",class:"w-20 h-1 cursor-pointer appearance-none rounded-full bg-white/30 accent-white [&::-webkit-slider-thumb]:h-2 [&::-webkit-slider-thumb]:w-2 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",onInput:Q},null,544),[[W,a(d),void 0,{number:!0}]])]),t("button",{type:"button",class:"inline-flex h-8 w-8 items-center justify-center rounded-full text-white transition hover:bg-white/20","aria-label":"Fullscreen",onClick:ee},[...e[12]||(e[12]=[t("svg",{class:"h-4 w-4",viewBox:"0 0 24 24",fill:"

1currentColor","aria-hidden":"true"},[t("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"})],-1)])])])])])],2)],2)])):D("",!0)]),_:1})]))])}}}),Ae=Object.assign(he(Le,[["__scopeId","data-v-692c0f10"]]),{__name:"VideoVimeoPlayer"});export{Ae as default};