https://www.thehonestkitchen.com/cdn/shop/t/657/assets/SliderBannerSection.VG6AtL11.bundle.min.js

1import{u as K}from"./index.CYinoHZD.chunk.min.js";import{j as h,l as y,q as W,s as E,y as B,z as A,F as X,B as J,A as Q,I as Z,w as $,o as D,g as _,a as n,e as g}from"./vue.esm-bundler.BeruhKlg.chunk.min.js";(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.vue3-marquee{display:flex!important;position:relative}.vue3-marquee.horizontal{overflow-x:hidden!important;flex-direction:row!important;width:100%;height:max-content}.vue3-marquee.vertical{overflow-y:hidden!important;flex-direction:column!important;height:100%;width:max-content}.vue3-marquee:hover>.marquee{animation-play-state:var(--pauseOnHover)}.vue3-marquee:active>.marquee{animation-play-state:var(--pauseOnClick)}.vue3-marquee>.marquee{flex:0 0 auto;min-width:var(--min-width);min-height:var(--min-height);z-index:1;animation:var(--orientation) var(--duration) linear var(--delay) var(--loops);animation-play-state:var(--pauseAnimation);animation-direction:var(--direction)}.vue3-marquee.horizontal>.marquee{display:flex;flex-direction:row;align-items:center}.vue3-marquee.vertical>.marquee{display:flex;flex-direction:column;align-items:center}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.vue3-marquee>.overlay{position:absolute;width:100%;height:100%}.vue3-marquee>.transparent-overlay{position:absolute;width:100%;height:100%}.vue3-marquee>.overlay:before,.vue3-marquee>.overlay:after{content:"";position:absolute;z-index:2}.vue3-marquee.horizontal>.overlay:before,.vue3-marquee.horizontal>.overlay:after{background:linear-gradient(to right,var(--gradient-color));height:100%;width:var(--gradient-length)}.vue3-marquee.vertical>.overlay:before,.vue3-marquee.vertical>.overlay:after{background:linear-gradient(to bottom,var(--gradient-color));height:var(--gradient-length);width:100%}.vue3-marquee.horizontal>.overlay:after{transform:rotate(180deg)}.vue3-marquee.vertical>.overlay:after{transform:rotate(-180deg)}.vue3-marquee>.overlay:before{left:0;top:0}.vue3-marquee.horizontal>.overlay:after{right:0;top:0}.vue3-marquee.vertical>.overlay:after{left:0;bottom:0}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();var x=Object.defineProperty,I=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable,L=(e,a,t)=>a in e?x(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,N=(e,a)=>{for(var t in a||(a={}))ee.call(a,t)&&L(e,t,a[t]);if(I)for(var t of I(a))ae.call(a,t)&&L(e,t,a[t]);return e},te=(e,a)=>{const t=e.__vccOpts||e;for(const[l,o]of a)t[l]=o;return t};const ne=Z({props:{vertical:{type:Boolean,default:!1},direction:{type:String,default:"normal"},duration:{type:Number,default:20},delay:{type:Number,default:0},loop:{type:Number,default:0},clone:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},gradientColor:{type:Array,default:[255,255,255]},gradientWidth:{type:String},gradientLength:{type:String},pauseOnHover:{type:Boolean,default:!1},pauseOnClick:{type:Boolean,default:!1},pause:{type:Boolean,default:!1},animateOnOverflowOnly:{type:Boolean,default:!1}},emits:["onComplete","onLoopComplete","onPause","onResume","onOverflowDetected","onOverflowCleared"],setup(e,{emit:a}){const t=n(0),l=n("100%"),o=n("100%"),v=n(0),r=n(!1),O=n(!0),d=n(0),c=n(0),b=n(0),S=n(0),f=n(!1),m=n(!1),k=n(0),w=n(null),H=n("200px"),p=n(!1),u=n(null),s=n(null),q=async()=>{await P(),v.value++},P=async()=>{e.vertical&&(r.value=!0),setInterval(()=>{if(l.value="0%",o.value="0%",u.value!==null&&s.value!==null&&u.value&&s.value)if(e.vertical&&"clientHeight"in u.value&&"clientHeight"in s.value){S.value=u.value.clientHeight,b.value=s.value.clientHeight;const i=Math.ceil(b.value/S.value);return t.value=e.animateOnOverflowOnly?0:isFinite(i)?i:0,r.value=!1,t.value}else if(!e.vertical&&"clientWidth"in u.value&&"clientWidth"in s.value){if(c.value=u.value.clientWidth,d.value=s.value.clientWidth,e.animateOnOverflowOnly&&p.value)return c.value<=d.value?(O.value=!0,a("onOverflowCleared")):(O.value=!1,a("onOverflowDetected")),0;const i=Math.ceil(d.value/c.value);return t.value=isFinite(i)?i:0,t.value}else return l.value="100%",o.value="100%",0;else return l.value="100%",o.value="100%",0},100)};$(c,async()=>{e.clone&&q()}),$(d,async()=>

1{(e.clone||e.animateOnOverflowOnly)&&q()}),$(()=>e.pause,(i,C)=>{i!==C&&a(i?"onResume":"onPause")});const F=()=>{e.pauseOnHover&&(a("onPause"),f.value=!0)},j=()=>{e.pauseOnHover&&(a("onResume"),f.value=!1)},R=()=>{e.pauseOnClick&&(a("onPause"),m.value=!0)},U=()=>{e.pauseOnClick&&(a("onResume"),m.value=!1)},z=g(()=>e.pause||e.vertical&&r.value||e.animateOnOverflowOnly&&O.value?"paused":"running"),V=g(()=>e.pauseOnHover&&(f.value||m.value)||!e.pauseOnHover&&z.value==="paused"?"paused":"running"),Y=g(()=>e.pauseOnHover&&f.value||e.pauseOnClick&&m.value||!e.pauseOnHover&&z.value==="paused"?"paused":"running"),T=g(()=>{const i={"--duration":`${e.duration}s`,"--delay":`${e.delay}s`,"--direction":`${e.direction}`,"--pauseOnHover":`${V.value}`,"--pauseOnClick":`${Y.value}`,"--pauseAnimation":`${z.value}`,"--loops":`${e.loop===0?"infinite":e.loop}`,"--gradient-color":`rgba(${e.gradientColor[0]}, ${e.gradientColor[1]}, ${e.gradientColor[2]}, 1), rgba(${e.gradientColor[0]}, ${e.gradientColor[1]}, ${e.gradientColor[2]}, 0)`,"--gradient-length":`${H.value}`,"--min-width":`${l.value}`,"--min-height":`${o.value}`},C={"--orientation":"scrollX",orientation:"horizontal"};return e.vertical&&(C["--orientation"]="scrollY"),N(N({},i),C)}),G=g(()=>!!e.gradient),M=async()=>{e.vertical?(o.value="100%",l.value="auto",e.animateOnOverflowOnly&&console.warn("The `animateOnOverflowOnly` prop is not supported for vertical marquees.")):(o.value="auto",e.animateOnOverflowOnly?l.value="auto":l.value="100%"),e.gradient&&(e.gradientWidth?(console.warn("The `gradientWidth` prop has been deprecated and will be removed in a future release. Please use `gradientLength` instead."),H.value=e.gradientWidth):e.gradientLength&&(H.value=e.gradientLength)),(e.clone||e.animateOnOverflowOnly)&&(await P(),q()),p.value=!0};return D(async()=>{M(),w.value=setInterval(()=>{k.value++,e.loop!==0&&k.value===e.loop&&(a("onComplete"),clearInterval(w.value)),a("onLoopComplete")},e.duration*1e3)}),_(()=>{clearInterval(w.value)}),{ready:p,contentWidth:c,containerWidth:d,contentHeight:S,containerHeight:b,loopCounter:k,loopInterval:w,mouseOverMarquee:f,mouseDownMarquee:m,minWidth:l,minHeight:o,animateOnOverflowPause:O,marqueeContent:u,marqueeOverlayContainer:s,componentKey:v,showGradient:G,cloneAmount:t,ForcesUpdate:q,checkForClone:P,setupMarquee:M,getCurrentStyle:T,hoverStarted:F,hoverEnded:j,mouseDown:R,mouseUp:U}}}),re={class:"transparent-overlay",ref:"marqueeOverlayContainer","aria-hidden":!0},le={class:"marquee",ref:"marqueeContent"},oe={key:1,"aria-hidden":!0,class:"marquee"};function ie(e,a,t,l,o,v){return e.ready?(h(),y("div",{class:E(["vue3-marquee",{vertical:e.vertical,horizontal:!e.vertical}]),style:Q(e.getCurrentStyle),key:e.componentKey,onMouseenter:a[0]||(a[0]=(...r)=>e.hoverStarted&&e.hoverStarted(...r)),onMouseleave:a[1]||(a[1]=(...r)=>e.hoverEnded&&e.hoverEnded(...r)),onMousedown:a[2]||(a[2]=(...r)=>e.mouseDown&&e.mouseDown(...r)),onMouseup:a[3]||(a[3]=(...r)=>e.mouseUp&&e.mouseUp(...r))},[W("div",re,null,512),e.showGradient?(h(),y("div",{key:0,"aria-hidden":!0,class:E(["overlay",{vertical:e.vertical,horizontal:!e.vertical}])},null,2)):B("",!0),W("div",le,[A(e.$slots,"default")],512),!e.animateOnOverflowOnly||e.animateOnOverflowOnly&&!e.animateOnOverflowPause?(h(),y("div",oe,[A(e.$slots,"default")])):B("",!0),(h(!0),y(X,null,J(e.cloneAmount,r=>(h(),y("div",{"aria-hidden":!0,class:"marquee cloned",key:r},[A(e.$slots,"default")]))),128))],38)):B("",!0)}var ue=te(ne,[["render",ie]]);const ce={components:{Vue3Marquee:ue},setup(){const e=n(null),a=document.querySelector(":root"),t=n(!1),l=n(!1),o=r=>{a.style.setProperty("--slider-banner-height",`${r}px`)},v=()=>{t.value=!t.value};return D(()=>{const{height:r}=K(e);$(r,o,{immediate:!0})}),{sliderBannerElement:e,displayControls:l,isPaused:t,toggleSlider:v}}};export{ce as default};