https://xn--80aapampemcchfmo7a3c9ehj.xn--p1ai/front/dist/assets/StoriesLine-ccaa2cf7.js

1import{_ as q}from"./ResizeImage-70154822.js";import{X as le,y as re,Z as ie,r as C,i as c,u as oe,k as ue,J as h,A as ce,z,o as l,c as u,F as E,q as U,n as j,a as d,p as y,B as A,t as T,w as de,$ as fe,G as _e}from"./index-d8daf042.js";const ve={key:0,class:"stories-line__list"},ge=["href","aria-current","role","tabindex","onClick"],pe={class:"stories-line__avatar"},he={class:"stories-line__avatar-media"},ye=["aria-hidden"],we={class:"stories-line__content-inner"},me=["innerHTML"],ke={key:0,class:"stories-line__count color-neutral-400"},Ie=["href"],xe={key:1,class:"stories-line__list stories-line__list--scroll"},be={class:"stories-line__avatar"},Me={class:"stories-line__avatar-media"},Ce={class:"stories-line__content"},Se=["innerHTML"],ze={key:0,class:"stories-line__count color-neutral-400"},D=650,De={__name:"StoriesLine",props:le({initialFilterTags:{type:Array,default:()=>[]},visibleItems:{type:Number,default:4},size:{type:String,default:"default",validator:w=>["default","md"].includes(w)},autoplayInterval:{type:Number,default:5e3},showAllUrl:{type:String,default:""}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(w){const W=re("breakpoint",null),g=w,i=ie(w,"modelValue"),f=C(0),o=C(0),m=C(!1),N=C(null);let k=null,L=0,_=null;const s=c(()=>g.initialFilterTags||[]),F=c(()=>s.value.length>1&&g.autoplayInterval>0),O=c(()=>({[`stories-line--size-${g.size}`]:!0})),G=c(()=>({"--stories-morph-duration":`${D}ms`})),p=c(()=>{const e=oe(W);return e?e.isMobile||e.isTablet:!1}),J=c(()=>s.value[i.value]||{}),B=c(()=>{const e=s.value.length;return e?Math.min(g.visibleItems+1,e-f.value):0}),X=c(()=>{const e=s.value.length,t=B.value,n=[];for(let a=0;a<t;a+=1){const r=f.value+a;if(r>=e)break;n.push({...s.value[r],index:r})}return n}),P=c(()=>{const e=s.value.length;return Math.max(e-f.value-B.value,0)});function I(e){return(e==null?void 0:e.count)||(e==null?void 0:e.initiativesCount)||0}function R(e){var t;return(e==null?void 0:e.img)||((t=e==null?void 0:e.image)==null?void 0:t.src)||(e==null?void 0:e.image)||""}function V(e){if(e!=null&&e.image&&typeof e.image=="object")return e.image;const t=(e==null?void 0:e.img)||(e==null?void 0:e.image);if(typeof t=="string"&&t.length)return{src:t}}function $(e){var t;return((t=e==null?void 0:e.name)==null?void 0:t.replace(/<[^>]*>/g,""))||""}function Z(e){e&&(N.value=e)}function x(e){const t=N.value;if(!t)return;const n=Math.min(Math.max(e,0),1);t.style.setProperty("--ring-progress",String(n))}function S(){k&&(cancelAnimationFrame(k),k=null)}function K(){const e=s.value.length;e<=1||b((i.value+1)%e)}function H(e){return new Promise(t=>{window.setTimeout(t,e)})}function v(e){return o.value===e}function Q(e){const t=s.value.length;if(!t||e===0)return 0;const n=f.value,a=Math.min(g.visibleItems+1,t-n),r=n+a-1;return e>=n&&e<=r?n:e}async function b(e){const t=s.value.length;if(!t)return;const n=(e%t+t)%t;if(p.value){i.value=n,o.value=n;return}if(m.value){_=n;return}if(n===o.value){Y();return}m.value=!0,S(),x(0),o.value=-1,await h(),await H(D);const a=_!==null?_:n;_=null;const r=Q(a);if(f.value!==r&&(f.value=r,await h()),i.value=a,o.value=a,await h(),await H(D),m.value=!1,_!==null){const se=_;_=null,await b(se);return}M()}function M(){if(S(),p.value||!F.value||m.value){x(0);return}const e=g.autoplayInterval;L=performance.now()+e,x(0);const t=n=>{const a=Math.max(L-n,0),r=1-a/e;if(x(r),a<=0){K();return}k=requestAnimationFrame(t)};k=requestAnimationFrame(t)}function Y(){h(M)}function ee(e){if(p.value){e!==i.value&&(i.value=e),o.value=e;return}b(e)}function ne(e){J.value.url||e.preventDefault()}function te(e,t){if(v(e.index)){ne(t);return}t.preventDefault(),b(e.index)}function ae(e,t){var a;const n=s.value[e];if(n){if(ee(e),!n.url){(a=t==null?void 0:t.preventDefault)==null||a.call(t);return}window.location.assign(n.url)}}return ue(()=>{o.value=i.value,h(M)}),ce(()=>{S()}),z(()=>s.value.length,e=>{i.value>=e&&(i.value=0),f.value>=e&&(f.value=0),o.value>=e&&(o.value=i.value)}),z(p,e=>{e&&(_=null,m.value=!1,o.value=i.value)}),z(()=>[s.value.length,g.autoplayInterval,p.value],()=>{h(M)}),(e,t)=>(l(),u("div",{class:j(["stories-line",O.value]),style:_e(G.value)},[p.value?(l(),u("div",xe,[(l(!0),u(E,null,U(s.value,(n,a)=>(l(),A(fe(n.url?"a":"button"),{key:`stories-line__item-${n.id}`,href:n.url||void 0,type:"button",class:"stories-line__item stories-line__item--active",onClick:r=>ae(a,r)},{default:de(()=>[d("span",be,[d("span",Me,[R(n)?(l(),A(q,{key:0,images:n.resizesImages,"default-image":V(n),lazy:a>=3,class:"stories-line__avatar-img",alt:$(n),width:"56",height:"56",fetchpriority:"low",loading:a<3?"eager":"lazy",decoding:"async"},null,8,["images","default-image","lazy","alt","loading"])):y("",!0)])]),d("span",Ce,[d("span",{class:"stories-line__name",innerHTML:n.name},null,8,Se),I(n)?(l(),u("sup",ze," ("+T(I(n))+") ",1)):y("",!0)])]),_:2},1032,["href","onClick"]))),128))])):(l(),u("div",ve,[(l(!0),u(E,null,U(X.value,

1n=>(l(),u("a",{key:`stories-line__item-${n.id}`,href:v(n.index)&&n.url?n.url:void 0,class:j(["stories-line__item",v(n.index)?"stories-line__item--active":"stories-line__item--inactive"]),"aria-current":v(n.index)?"true":void 0,role:v(n.index)&&n.url?void 0:"button",tabindex:v(n.index)&&n.url?void 0:0,onClick:a=>te(n,a)},[d("span",pe,[v(n.index)&&F.value?(l(),u("span",{key:0,ref_for:!0,ref:Z,class:"stories-line__avatar-ring","aria-hidden":"true"})):y("",!0),d("span",he,[R(n)?(l(),A(q,{key:0,images:n.resizesImages,"default-image":V(n),lazy:!1,class:"stories-line__avatar-img",alt:$(n),width:"56",height:"56",fetchpriority:"low",loading:"eager",decoding:"async"},null,8,["images","default-image","alt"])):y("",!0)])]),d("span",{class:"stories-line__content","aria-hidden":v(n.index)?void 0:"true"},[d("span",we,[d("span",{class:"stories-line__name",innerHTML:n.name},null,8,me),I(n)?(l(),u("sup",ke," ("+T(I(n))+") ",1)):y("",!0)])],8,ye)],10,ge))),128)),P.value>0?(l(),u("a",{key:0,class:"stories-line__item stories-line__item--more",href:w.showAllUrl}," +"+T(P.value),9,Ie)):y("",!0)]))],6))}};export{De as default};