https://www.xpel.com/_nuxt/hja0RC_y.js

1import{ah as F,bV as H,ap as $,cX as j,bC as q,c_ as X,bY as Y,S as J,b1 as K,aa as o,ac as c,av as Q,aH as p,b0 as k,a2 as s,a3 as n,aR as w,aS as L,b3 as Z,a5 as S,a4 as ee,a9 as f,i as C,a8 as x,bT as te,aV as oe}from"./gtL6pf2-.js";import{_ as ae}from"./yOot5u6L.js";import{b as se}from"./CmpFLWgZ.js";const le={class:"logo-grid-container"},ne=["data-cslp"],re={key:0,class:"play-pause-btn"},z=187,O=100,ie={__name:"LogoGrid",props:{theme:{type:String,default:"light",validator:H},logos:{type:Array,default:()=>[]},playLabel:{type:String,default:"Play animation"},pauseLabel:{type:String,default:"Pause animation"},anchorLink:{type:String,default:""},...se},setup(r){const d=r,{blockCslp:T,firstNestedItemCslp:U}=te(()=>d.cslp,()=>d.blockType),B=e=>U(e,"logos"),{playLabel:I,pauseLabel:A}=$(d),g=f(null),l=f(!1),a=f(!1),{width:P}=j({includeScrollbar:!1}),{width:V}=q(g),v=X(),W=x(()=>a.value===!0?A.value:I.value),N=x(()=>a.value===!0?"/icons/base/pause.svg":"/icons/base/play.svg"),G=()=>!!document.querySelector(".visual-builder__overlay__wrapper.visible");let _=0;const b=()=>{const e=V.value>P.value,i=l.value;l.value=e,e&&!i&&(a.value=!0),e||(a.value=!1)},M=()=>{a.value=!a.value},R=()=>{C()&&(a.value=!1,_=Date.now()+400)},D=()=>{!C()||!l.value||Date.now()<_||G()||(a.value=!0)},h=e=>{if(!e||typeof e!="string")return!1;const i=e.trim();return i.startsWith("data:image/svg")?!0:i.split("?")[0].split("#")[0].toLowerCase().endsWith(".svg")};return v.value==="no-preference"&&Y(g,b),J(()=>{v.value==="no-preference"&&b();const e=new MutationObserver(()=>{D()});e.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class"]}),K(()=>{e.disconnect()})}),(e,i)=>{const u=Z,y=ae,E=oe;return o(),c(E,{class:"logo-grid",theme:r.theme,size:"sm","anchor-link":r.anchorLink,"data-cslp":s(T)},{default:Q(()=>[p("div",le,[p("div",{ref_key:"scrollOverflow",ref:g,class:k(["logo-grid-scroller",{animate:s(l)},{"animation-pause":s(l)&&!s(a)}])},[(o(!0),n(w,null,L(r.logos,(t,m)=>(o(),n("div",{key:`logo-item-${m}`,class:"logo-item","data-cslp":B(t),onPointerdownCapture:R},[h(t.logoUrl)?(o(),c(u,{key:0,"icon-src":t.logoUrl,title:t.logoTitle},null,8,["icon-src","title"])):(o(),c(y,{key:1,"image-src":t.logoUrl,"alt-text":t.logoTitle,width:z,height:O,"use-picture-format":!1},null,8,["image-src","alt-text"]))],40,ne))),128))],2),s(l)?(o(),n("div",{key:0,"aria-hidden":"true",class:k(["logo-grid-scroller animate",{"animation-pause":s(l)&&!s(a)}])},[(o(!0),n(w,null,L(r.logos,(t,m)=>(o(),n("div",{key:`logo-item-2-${m}`,class:"logo-item"},[h(t.logoUrl)?(o(),c(u,{key:0,"icon-src":t.logoUrl,title:t.logoTitle},null,8,["icon-src","title"])):(o(),c(y,{key:1,"image-src":t.logoUrl,"alt-text":t.logoTitle,width:z,height:O,"use-picture-format":!1},null,8,["image-src","alt-text"]))]))),128))],2)):S("",!0)]),s(l)?(o(),n("div",re,[p("button",{type:"button",onClick:M},[ee(u,{class:"icon","icon-src":s(N),size:"sm",title:s(W)},null,8,["icon-src","title"])])])):S("",!0)]),_:1},8,["theme","anchor-link","data-cslp"])}}},ge=Object.assign(F(ie,[["__scopeId","data-v-46cf8868"]]),{__name:"LogoGrid"});export{ge as default};