https://hiq.co.za/js/npm.vue3-carousel.d8945381.js

1"use strict";(self["webpackChunkhiq"]=self["webpackChunkhiq"]||[]).push([[2180],{7410:function(e,t,n){n.d(t,{Mi:function(){return A},lr:function(){return w},tl:function(){return S}});var a=n(6252),i=n(2262);
2/**
3 * Vue 3 Carousel 0.3.1
4 * (c) 2023
5 * @license MIT
6 */
7const o={itemsToShow:1,itemsToScroll:1,modelValue:0,transition:300,autoplay:0,snapAlign:"center",wrapAround:!1,throttle:16,pauseAutoplayOnHover:!1,mouseDrag:!0,touchDrag:!0,dir:"ltr",breakpoints:void 0,i18n:{ariaNextSlide:"Navigate to next slide",ariaPreviousSlide:"Navigate to previous slide",ariaNavigateToSlide:"Navigate to slide {slideNumber}",ariaGallery:"Gallery",itemXofY:"Item {currentSlide} of {slidesCount}",iconArrowUp:"Arrow pointing upwards",iconArrowDown:"Arrow pointing downwards",iconArrowRight:"Arrow pointing to the right",iconArrowLeft:"Arrow pointing to the left"}},l={itemsToShow:{default:o.itemsToShow,type:Number},itemsToScroll:{default:o.itemsToScroll,type:Number},wrapAround:{default:o.wrapAround,type:Boolean},throttle:{default:o.throttle,type:Number},snapAlign:{default:o.snapAlign,validator(e){return["start","end","center","center-even","center-odd"].includes(e)}},transition:{default:o.transition,type:Number},breakpoints:{default:o.breakpoints,type:Object},autoplay:{default:o.autoplay,type:Number},pauseAutoplayOnHover:{default:o.pauseAutoplayOnHover,type:Boolean},modelValue:{default:void 0,type:Number},mouseDrag:{default:o.mouseDrag,type:Boolean},touchDrag:{default:o.touchDrag,type:Boolean},dir:{default:o.dir,validator(e){return["rtl","ltr"].includes(e)}},i18n:{default:o.i18n,type:Object},settings:{default(){return{}},type:Object}};function r({config:e,slidesCount:t}){const{snapAlign:n,wrapAround:a,itemsToShow:i=1}=e;if(a)return Math.max(t-1,0);let o;switch(n){case"start":o=t-i;break;case"end":o=t-1;break;case"center":case"center-odd":o=t-Math.ceil((i-.5)/2);break;case"center-even":o=t-Math.ceil(i/2);break;default:o=0;break}return Math.max(o,0)}function s({config:e,slidesCount:t}){const{wrapAround:n,snapAlign:a,itemsToShow:i=1}=e;let o=0;if(n||i>t)return o;switch(a){case"start":o=0;break;case"end":o=i-1;break;case"center":case"center-odd":o=Math.floor((i-1)/2);break;case"center-even":o=Math.floor((i-2)/2);break;default:o=0;break}return o}function u({val:e,max:t,min:n}){return t<n?e:Math.min(Math.max(e,n),t)}function c({config:e,currentSlide:t,slidesCount:n}){const{snapAlign:a,wrapAround:i,itemsToShow:o=1}=e;let l=t;switch(a){case"center":case"center-odd":l-=(o-1)/2;break;case"center-even":l-=(o-2)/2;break;case"end":l-=o-1;break}return i?l:u({val:l,max:n-o,min:0})}function d(e){return e?e.reduce(((e,t)=>{var n;return t.type===a.HY?[...e,...d(t.children)]:"CarouselSlide"===(null===(n=t.type)||void 0===n?void 0:n.name)?[...e,t]:e}),[]):[]}function v({val:e,max:t,min:n=0}){return e>t?v({val:e-(t+1),max:t,min:n}):e<n?v({val:e+(t+1),max:t,min:n}):e}function p(e,t){let n;return t?function(...a){const i=this;n||(e.apply(i,a),n=!0,setTimeout((()=>n=!1),t))}:e}function f(e,t){let n;return function(...a){n&&clearTimeout(n),n=setTimeout((()=>{e(...a),n=null}),t)}}function m(e="",t={}){return Object.entries(t).reduce(((e,[t,n])=>e.replace(`{${t}}`,String(n))),e)}var h,g=(0,a.aZ)({name:"ARIA",setup(){const e=(0,a.f3)("config",(0,i.qj)(Object.assign({},o))),t=(0,a.f3)("currentSlide",(0,i.iH)(0)),n=(0,a.f3)("slidesCount",(0,i.iH)(0));return()=>(0,a.h)("div",{class:["carousel__liveregion","carousel__sr-only"],"aria-live":"polite","aria-atomic":"true"},m(e.i18n["itemXofY"],{currentSlide:t.value+1,slidesCount:n.value}))}}),w=(0,a.aZ)({name:"Carousel",props:l,setup(e,{slots:t,emit:n,expose:m}){var h;const w=(0,i.iH)(null),b=(0,i.iH)([]),x=(0,i.iH)(0),y=(0,i.iH)(0),S=(0,i.qj)(Object.assign({},o));let A,T=Object.assign({},o);const k=(0,i.iH)(null!==(h=e.modelValue)&&void 0!==h?h:0),_=(0,i.iH)(0),C=(0,i.iH)(0),j=(0,i.iH)(0),H=(0,i.iH)(0);let O,M;function L(){A=Object.assign({},e.breakpoints),T=Object.assign(Object.assign(Object.assign({},T),e),{i18n:Object.assign(Object.assign({},T.i18n),e.i18n),breakpoints:void 0}),J(T)}function N(){if(!A||!Object.keys(A).length)return;const e=Object.keys(A).map((e=>Number(e))).sort(((e,t)=>+t-+e));let t=Object.assign({},T);e.some((e=>{const n=window.matchMedia(`(min-width: ${e}

7px)`).matches;return n&&(t=Object.assign(Object.assign({},t),A[e])),n})),J(t)}function J(e){Object.entries(e).forEach((([e,t])=>S[e]=t))}(0,a.JJ)("config",S),(0,a.JJ)("slidesCount",y),(0,a.JJ)("currentSlide",k),(0,a.JJ)("maxSlide",j),(0,a.JJ)("minSlide",H),(0,a.JJ)("slideWidth",x);const D=f((()=>{N(),E()}),16);function E(){if(!w.value)return;const e=w.value.getBoundingClientRect();x.value=e.width/S.itemsToShow}function I(){y.value<=0||(C.value=Math.ceil((y.value-1)/2),j.value=r({config:S,slidesCount:y.value}),H.value=s({config:S,slidesCount:y.value}),S.wrapAround||(k.value=u({val:k.value,max:j.value,min:H.value})))}(0,a.bv)((()=>{(0,a.Y3)((()=>E())),setTimeout((()=>E()),1e3),N(),W(),window.addEventListener("resize",D,{passive:!0}),n("init")})),(0,a.Ah)((()=>{M&&clearTimeout(M),O&&clearInterval(O),window.removeEventListener("resize",D,{passive:!0})}));let Y=!1;const q={x:0,y:0},B={x:0,y:0},X=(0,i.qj)({x:0,y:0}),$=(0,i.iH)(!1),P=(0,i.iH)(!1),R=()=>{$.value=!0},z=()=>{$.value=!1};function U(e){["INPUT","TEXTAREA","SELECT"].includes(e.target.tagName)||(Y="touchstart"===e.type,Y||e.preventDefault(),!Y&&0!==e.button||F.value||(q.x=Y?e.touches[0].clientX:e.clientX,q.y=Y?e.touches[0].clientY:e.clientY,document.addEventListener(Y?"touchmove":"mousemove",V,!0),document.addEventListener(Y?"touchend":"mouseup",G,!0)))}const V=p((e=>{P.value=!0,B.x=Y?e.touches[0].clientX:e.clientX,B.y=Y?e.touches[0].clientY:e.clientY;const t=B.x-q.x,n=B.y-q.y;X.y=n,X.x=t}),S.throttle);function G(){const e="rtl"===S.dir?-1:1,t=.4*Math.sign(X.x),n=Math.round(X.x/x.value+t)*e;if(n&&!Y){const e=t=>{t.stopPropagation(),window.removeEventListener("click",e,!0)};window.addEventListener("click",e,!0)}K(k.value-n),X.x=0,X.y=0,P.value=!1,document.removeEventListener(Y?"touchmove":"mousemove",V,!0),document.removeEventListener(Y?"touchend":"mouseup",G,!0)}function W(){!S.autoplay||S.autoplay<=0||(O=setInterval((()=>{S.pauseAutoplayOnHover&&$.value||Q()}),S.autoplay))}function Z(){O&&(clearInterval(O),O=null),W()}const F=(0,i.iH)(!1);function K(e){const t=S.wrapAround?e:u({val:e,max:j.value,min:H.value});k.value===t||F.value||(n("slide-start",{slidingToIndex:e,currentSlideIndex:k.value,prevSlideIndex:_.value,slidesCount:y.value}),F.value=!0,_.value=k.value,k.value=t,M=setTimeout((()=>{if(S.wrapAround){const a=v({val:t,max:j.value,min:0});a!==k.value&&(k.value=a,n("loop",{currentSlideIndex:k.value,slidingToIndex:e}))}n("update:modelValue",k.value),n("slide-end",{currentSlideIndex:k.value,prevSlideIndex:_.value,slidesCount:y.value}),F.value=!1,Z()}),S.transition))}function Q(){K(k.value+S.itemsToScroll)}function ee(){K(k.value-S.itemsToScroll)}const te={slideTo:K,next:Q,prev:ee};(0,a.JJ)("nav",te),(0,a.JJ)("isSliding",F);const ne=(0,a.Fl)((()=>c({config:S,currentSlide:k.value,slidesCount:y.value})));(0,a.JJ)("slidesToScroll",ne);const ae=(0,a.Fl)((()=>{const e="rtl"===S.dir?-1:1,t=ne.value*x.value*e;return{transform:`translateX(${X.x-t}px)`,transition:`${F.value?S.transition:0}ms`,margin:S.wrapAround?`0 -${y.value*x.value}px`:"",width:"100%"}}));function ie(){L(),N(),I(),E(),Z()}Object.keys(l).forEach((t=>{["modelValue"].includes(t)||(0,a.YP)((()=>e[t]),ie)})),(0,a.YP)((()=>e["modelValue"]),(e=>{e!==k.value&&K(Number(e))})),(0,a.YP)(y,I),n("before-init"),L();const oe={config:S,slidesCount:y,slideWidth:x,next:Q,prev:ee,slideTo:K,currentSlide:k,maxSlide:j,minSlide:H,middleSlide:C};m({updateBreakpointsConfigs:N,updateSlidesData:I,updateSlideWidth:E,initDefaultConfigs:L,restartCarousel:ie,slideTo:K,next:Q,prev:ee,nav:te,data:oe});const le=t.default||t.slides,re=t.addons,se=(0,i.qj)(oe);return()=>{const e=d(null===le||void 0===le?void 0:le(se)),t=(null===re||void 0===re?void 0:re(se))||[];e.forEach(((e,t)=>e.props.index=t));let n=e;if(S.wrapAround){const t=e.map(((t,n)=>(0,a.Ho)(t,{index:-e.length+n,isClone:!0,key:`clone-before-${n}`}))),i=e.map(((t,n)=>(0,a.Ho)(t,{index:e.length+n,isClone:!0,key:`clone-after-${n}`})));n=[...t,...e,...i]}b.value=e,y.value=Math.max(e.length,1);const i=(0,a.h)("ol",{class:"carousel__track",style:ae.value,onMousedownCapture:S.mouseDrag?U:null,onTouchstartPassiveCapture:S.touchDrag?U:null},n),o=(0,a.h)("div",{class:"carousel__viewport"},i);

7return(0,a.h)("section",{ref:w,class:{carousel:!0,"is-sliding":F.value,"is-dragging":P.value,"is-hover":$.value,"carousel--rtl":"rtl"===S.dir},dir:S.dir,"aria-label":S.i18n["ariaGallery"],tabindex:"0",onMouseenter:R,onMouseleave:z},[o,t,(0,a.h)(g)])}}});(function(e){e["arrowUp"]="arrowUp",e["arrowDown"]="arrowDown",e["arrowRight"]="arrowRight",e["arrowLeft"]="arrowLeft"})(h||(h={}));const b={arrowUp:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",arrowDown:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",arrowRight:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",arrowLeft:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"};function x(e){return e in h}const y=e=>{const t=(0,a.f3)("config",(0,i.qj)(Object.assign({},o))),n=String(e.name),l=`icon${n.charAt(0).toUpperCase()+n.slice(1)}`;if(!n||"string"!==typeof n||!x(n))return;const r=b[n],s=(0,a.h)("path",{d:r}),u=t.i18n[l]||e.title||n,c=(0,a.h)("title",u);return(0,a.h)("svg",{class:"carousel__icon",viewBox:"0 0 24 24",role:"img","aria-label":u},[c,s])};y.props={name:String,title:String};const S=()=>{const e=(0,a.f3)("config",(0,i.qj)(Object.assign({},o))),t=(0,a.f3)("maxSlide",(0,i.iH)(1)),n=(0,a.f3)("minSlide",(0,i.iH)(1)),l=(0,a.f3)("currentSlide",(0,i.iH)(1)),r=(0,a.f3)("nav",{}),s=e=>v({val:l.value,max:t.value,min:0})===e,u=[];for(let i=n.value;i<t.value+1;i++){const t=(0,a.h)("button",{type:"button",class:{"carousel__pagination-button":!0,"carousel__pagination-button--active":s(i)}

7,"aria-label":m(e.i18n["ariaNavigateToSlide"],{slideNumber:i+1}),onClick:()=>r.slideTo(i)}),n=(0,a.h)("li",{class:"carousel__pagination-item",key:i},t);u.push(n)}return(0,a.h)("ol",{class:"carousel__pagination"},u)};var A=(0,a.aZ)({name:"CarouselSlide",props:{index:{type:Number,default:1},isClone:{type:Boolean,default:!1}},setup(e,{slots:t}){const n=(0,a.f3)("config",(0,i.qj)(Object.assign({},o))),l=(0,a.f3)("currentSlide",(0,i.iH)(0)),r=(0,a.f3)("slidesToScroll",(0,i.iH)(0)),s=(0,a.f3)("isSliding",(0,i.iH)(!1)),u=()=>e.index===l.value,c=()=>e.index===l.value-1,d=()=>e.index===l.value+1,v=()=>{const t=Math.floor(r.value),a=Math.ceil(r.value+n.itemsToShow-1);return e.index>=t&&e.index<=a};return()=>{var i;return(0,a.h)("li",{style:{width:100/n.itemsToShow+"%"},class:{carousel__slide:!0,"carousel__slide--clone":e.isClone,"carousel__slide--visible":v(),"carousel__slide--active":u(),"carousel__slide--prev":c(),"carousel__slide--next":d(),"carousel__slide--sliding":s.value},"aria-hidden":!v()},null===(i=t.default)||void 0===i?void 0:i.call(t))}}})}}]);
8//# sourceMappingURL=npm.vue3-carousel.d8945381.js.map