@pairbo/ui-kit 0.3.13 → 0.3.15

package/dist/src/components/gift-options/gift-options.component.d.ts

@@ -57,7 +57,16 @@ export default class PboGiftOptions extends PairboElement {
     onFreeMessageClear?: () => void;
     hidden: boolean;
     expand: boolean;
-    divided: boolean;
+    dividerConfig: {
+        topDivider: {
+            visible: boolean;
+            persistent: boolean;
+        };
+        bottomDivider: {
+            visible: boolean;
+            persistent: boolean;
+        };
+    };
     freeMessage: string;
     isGift: boolean;
     isPremiumChecked: boolean;
@@ -72,7 +81,6 @@ export default class PboGiftOptions extends PairboElement {
     setGiftOptionEnabled(isGift: boolean): void;
     setPremiumEnabled(isPremiumActive: boolean): void;
     setFreeMessageEnabled(useFreeMessage: boolean): void;
-    private handlePremiumChange;
     render(): import('lit-html').TemplateResult<1>;
     clear(): void;
 }

package/dist/ui-kit.js

@@ -1474,7 +1474,7 @@
   .skip::part(label) {
     font-size: 14px;
   }
-`,gi=()=>/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent),ws=o=>o!=null,Kl=o=>Object.entries(o).reduce((t,[e,i])=>(i==null||(t[e]=i),t),{});function Nu(o,t){let e;return function(...i){clearTimeout(e),e=setTimeout(()=>o.apply(this,i),t)}}var Vu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,At=(o,t,e,i)=>{for(var s=i>1?void 0:i?Uu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Vu(t,e,s),s};let K=class extends gt{constructor(){super(...arguments),this.resizeTimeout=null,this.cardInnerImageUrl="../../../public/Greeting Card from Pairbo.png",this.card=null,this.submitTypeForm=async t=>{console.error("submitTypingForm function not implemented",t)},this.loading=!1,this.disabled=!1,this.onClose=()=>{},this.windowHeight=window.innerHeight,this.charsNum=0,this.ctaButtonState=K.CTA_STATES.primary,this.wrappedSubmitTypeForm=async t=>{console.warn("submitTypingForm function not implemented",t)},this.handleResize=()=>{this.resizeTimeout&&window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.windowHeight=window.innerHeight},50)}}updateWrappedSubmitTypeForm(){this.wrappedSubmitTypeForm=async t=>{this.loading=!0,this.disabled=!0;try{this.submitTypeForm(t),this.onClose(),this.emit("pbo-type-form-submitted")}catch(e){console.error("Error submitting type form:",e)}finally{this.loading=!1,this.disabled=!1}}}firstUpdated(){console.log("Is type-form disabled: ",this.disabled,this.loading),this.textArea.addEventListener("invalid",()=>{alert("Please add a message to continue")})}get formData(){var e,i,s,r,n,a,l,c;const t={pboCardId:((e=this.card)==null?void 0:e.pboId)||"Unknown",productId:(i=this.card)==null?void 0:i.productId,sku:(s=this.card)==null?void 0:s.sku,variantId:(r=this.card)==null?void 0:r.variantId,font:((n=this.fontSelector)==null?void 0:n.value)||"",text:((a=this.greetingText)==null?void 0:a.value)||"",color:((l=this.textColor)==null?void 0:l.value)||"",alignment:((c=this.textAlignment)==null?void 0:c.value)||""};return Kl(t)}handleFormChange(t){var e;this.ctaButtonState=K.CTA_STATES.primary,this.charsNum=((e=this.greetingText)==null?void 0:e.value.length)||0,this.emit("pbo-change",{detail:this.formData})}hostConnected(){this.addEventListener("pbo-change",this.handleFormChange)}hostDisconnected(){this.removeEventListener("pbo-change",this.handleFormChange)}submitFormHandler(t){var i;t.preventDefault();const e=(i=t.submitter)==null?void 0:i.name;if(this.ctaButtonState.type==="danger"){e==="skip"&&this.wrappedSubmitTypeForm(this.formData);return}if(this.greetingText.value===""||this.greetingText.value===null||this.greetingText.value===void 0){this.ctaButtonState=K.CTA_STATES.danger,this.greetingText.focus();return}this.wrappedSubmitTypeForm(this.formData)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleResize),this.resizeTimeout&&window.clearTimeout(this.resizeTimeout)}render(){const t=223-this.charsNum;return L`
+`,gi=()=>/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent),ws=o=>o!=null,Kl=o=>Object.entries(o).reduce((t,[e,i])=>(i==null||(t[e]=i),t),{});function Nu(o,t){let e;return function(...i){clearTimeout(e),e=setTimeout(()=>o.apply(this,i),t)}}var Vu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,At=(o,t,e,i)=>{for(var s=i>1?void 0:i?Uu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Vu(t,e,s),s};let K=class extends gt{constructor(){super(...arguments),this.resizeTimeout=null,this.cardInnerImageUrl="../../../public/Greeting Card from Pairbo.png",this.card=null,this.submitTypeForm=async t=>{console.error("submitTypingForm function not implemented",t)},this.loading=!1,this.disabled=!1,this.onClose=()=>{},this.windowHeight=window.innerHeight,this.charsNum=0,this.ctaButtonState=K.CTA_STATES.primary,this.wrappedSubmitTypeForm=async t=>{console.warn("submitTypingForm function not implemented",t)},this.handleResize=()=>{this.resizeTimeout&&window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.windowHeight=window.innerHeight},50)}}updateWrappedSubmitTypeForm(){this.wrappedSubmitTypeForm=async t=>{this.loading=!0,this.disabled=!0;try{this.submitTypeForm(t),this.onClose(),this.emit("pbo-type-form-submitted")}catch(e){console.error("Error submitting type form:",e)}finally{this.loading=!1,this.disabled=!1}}}firstUpdated(){console.log("Is type-form disabled: ",this.disabled,this.loading),this.textArea.addEventListener("invalid",()=>{alert("Please add a message to continue")})}get formData(){var e,i,s,r,n,a,l,c;const t={pboCardId:((e=this.card)==null?void 0:e.pboId)||"Unknown",productId:(i=this.card)==null?void 0:i.productId,sku:(s=this.card)==null?void 0:s.sku,variantId:(r=this.card)==null?void 0:r.variantId,font:((n=this.fontSelector)==null?void 0:n.value)||"",text:((a=this.greetingText)==null?void 0:a.value)||"",color:((l=this.textColor)==null?void 0:l.value)||"",alignment:((c=this.textAlignment)==null?void 0:c.value)||""};return Kl(t)}handleFormChange(t){var e;this.ctaButtonState=K.CTA_STATES.primary,this.charsNum=((e=this.greetingText)==null?void 0:e.value.length)||0,this.emit("pbo-type-form-change",{detail:this.formData})}hostConnected(){this.addEventListener("pbo-change",this.handleFormChange)}hostDisconnected(){this.removeEventListener("pbo-change",this.handleFormChange)}submitFormHandler(t){var i;t.preventDefault();const e=(i=t.submitter)==null?void 0:i.name;if(this.ctaButtonState.type==="danger"){e==="skip"&&this.wrappedSubmitTypeForm(this.formData);return}if(this.greetingText.value===""||this.greetingText.value===null||this.greetingText.value===void 0){this.ctaButtonState=K.CTA_STATES.danger,this.greetingText.focus();return}this.wrappedSubmitTypeForm(this.formData)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleResize),this.resizeTimeout&&window.clearTimeout(this.resizeTimeout)}render(){const t=223-this.charsNum;return L`
       <form class="typing-form" @submit=${this.submitFormHandler}>
         <pbo-textarea
           exportparts="textarea:editor-textarea"
@@ -1591,7 +1591,7 @@
                 `:""}
         </div>
       </form>
-    `}};K.styles=[pt,Ws,Hu];K.dependencies={"pbo-font-selector":$e,"pbo-textarea":ct,"pbo-color-radio-group":lt,"pbo-radio-group":lt,"pbo-radio-button":lt,"pbo-button":et};K.CTA_STATES={danger:{type:"danger",message:"Add a message to Continue"},primary:{type:"primary",message:"Save and Continue"}};At([C({type:String,reflect:!0})],K.prototype,"cardInnerImageUrl",2);At([C()],K.prototype,"card",2);At([C()],K.prototype,"submitTypeForm",2);At([C({type:Boolean,reflect:!0})],K.prototype,"loading",2);At([C({type:Boolean,reflect:!0})],K.prototype,"disabled",2);At([C({type:Function})],K.prototype,"onClose",2);At([H(".greeting-text")],K.prototype,"greetingText",2);At([H(".font-selector")],K.prototype,"fontSelector",2);At([H(".text-color")],K.prototype,"textColor",2);At([H(".text-alignment")],K.prototype,"textAlignment",2);At([H(".typing-form")],K.prototype,"typingForm",2);At([H("pbo-textarea")],K.prototype,"textArea",2);At([yn(".cta-buttons pbo-button")],K.prototype,"ctaButtons",2);At([$()],K.prototype,"windowHeight",2);At([$()],K.prototype,"charsNum",2);At([$()],K.prototype,"ctaButtonState",2);At([$()],K.prototype,"wrappedSubmitTypeForm",2);At([V("submitTypeForm")],K.prototype,"updateWrappedSubmitTypeForm",1);K=At([dt("pbo-type-form")],K);/**
+    `}};K.styles=[pt,Ws,Hu];K.dependencies={"pbo-font-selector":$e,"pbo-textarea":ct,"pbo-color-radio-group":lt,"pbo-radio-group":lt,"pbo-radio-button":lt,"pbo-button":et};K.CTA_STATES={danger:{type:"danger",message:"Add a message to Continue"},primary:{type:"primary",message:"Add to Cart"}};At([C({type:String,reflect:!0})],K.prototype,"cardInnerImageUrl",2);At([C()],K.prototype,"card",2);At([C()],K.prototype,"submitTypeForm",2);At([C({type:Boolean,reflect:!0})],K.prototype,"loading",2);At([C({type:Boolean,reflect:!0})],K.prototype,"disabled",2);At([C({type:Function})],K.prototype,"onClose",2);At([H(".greeting-text")],K.prototype,"greetingText",2);At([H(".font-selector")],K.prototype,"fontSelector",2);At([H(".text-color")],K.prototype,"textColor",2);At([H(".text-alignment")],K.prototype,"textAlignment",2);At([H(".typing-form")],K.prototype,"typingForm",2);At([H("pbo-textarea")],K.prototype,"textArea",2);At([yn(".cta-buttons pbo-button")],K.prototype,"ctaButtons",2);At([$()],K.prototype,"windowHeight",2);At([$()],K.prototype,"charsNum",2);At([$()],K.prototype,"ctaButtonState",2);At([$()],K.prototype,"wrappedSubmitTypeForm",2);At([V("submitTypeForm")],K.prototype,"updateWrappedSubmitTypeForm",1);K=At([dt("pbo-type-form")],K);/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -1927,7 +1927,7 @@
           />
         </pbo-zoomed-preview>
       </pbo-drawer>
-    `}};_t.styles=[pt,Wu];_t.dependencies={"pbo-image":oe};Ut([C({type:Object})],_t.prototype,"card",2);Ut([C({type:Number,reflect:!0})],_t.prototype,"focusIndex",2);Ut([C({type:Object})],_t.prototype,"livePreviewProps",2);Ut([C()],_t.prototype,"handwrittenPreviewProps",2);Ut([C()],_t.prototype,"type",2);Ut([H("#thumbnails")],_t.prototype,"thumbnailCarousel",2);Ut([H("#main-carousel")],_t.prototype,"mainCarousel",2);Ut([H(".editor__zoomed")],_t.prototype,"zoomedPreview",2);Ut([H(".main-slide.active")],_t.prototype,"activeMainSlide",2);Ut([H("pbo-type-canvas")],_t.prototype,"typeCanvas",2);Ut([yn(".thumbnail")],_t.prototype,"thumbnailElements",2);Ut([yn(".main-slide")],_t.prototype,"mainSlideElements",2);Ut([$()],_t.prototype,"mainImageTemplates",2);Ut([V("card")],_t.prototype,"handleCardChange",1);Ut([V("focusIndex")],_t.prototype,"handleFocusIndexChange",1);_t=Ut([dt("pbo-editor-card-slider")],_t);var Zu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,ae=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ju(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Zu(t,e,s),s};let Pt=class extends gt{constructor(){super(...arguments),this.card=null,this.onClose=()=>{},this.formData={font:"Monsieur La Doulaise",text:"",color:"rgb(0,0,0)",alignment:"left"},this.handwrittenFormState={isLoading:!1,processedFileUrl:""},this.editorType="type",this.handleTypingFormChange=()=>{this.formData=this.typeForm.formData},this.handleHandwrittenFormChange=t=>{this.handwrittenFormState=t.detail,this.slider.focusOn(1),gi()&&t.detail.processedFileUrl!==""&&t.detail.isLoading===!1&&(this.slider.openZoomedPreview(),this.slider.scrollIntoView({behavior:"smooth",block:"start"}))},this.handleHandwrittenImageDimensionsChanged=t=>{this.handwrittenForm.setDimensions(t.detail)},this.handleEditorChange=t=>{this.emit("pbo-switch-editor",{detail:{fromEditor:this.editorType,toEditor:t.detail.editor},bubbles:!0,composed:!0}),this.editorType=t.detail.editor}}async handleCardChange(){await this.updateComplete,this.card&&(this.slider.card=this.card,this.requestUpdate(),this.typeForm.card=this.card,this.handwrittenForm.card=this.card)}handleEditorTypeChange(){this.updateComplete.then(()=>{this.slider.focusOn(1),this.editorType==="handwritten"&&gi()&&this.handwrittenForm.scrollIntoView(!0)})}firstUpdated(){this.addEventListener("handwritten-image-dimensions-changed",this.handleHandwrittenImageDimensionsChanged),this.typeForm.addEventListener("pbo-change",this.handleTypingFormChange),this.handwrittenForm.addEventListener("pbo-change",this.handleHandwrittenFormChange)}disconnectedCallback(){this.typeForm.removeEventListener("pbo-change",this.handleTypingFormChange),this.handwrittenForm.removeEventListener("pbo-change",this.handleHandwrittenFormChange)}render(){return L`
+    `}};_t.styles=[pt,Wu];_t.dependencies={"pbo-image":oe};Ut([C({type:Object})],_t.prototype,"card",2);Ut([C({type:Number,reflect:!0})],_t.prototype,"focusIndex",2);Ut([C({type:Object})],_t.prototype,"livePreviewProps",2);Ut([C()],_t.prototype,"handwrittenPreviewProps",2);Ut([C()],_t.prototype,"type",2);Ut([H("#thumbnails")],_t.prototype,"thumbnailCarousel",2);Ut([H("#main-carousel")],_t.prototype,"mainCarousel",2);Ut([H(".editor__zoomed")],_t.prototype,"zoomedPreview",2);Ut([H(".main-slide.active")],_t.prototype,"activeMainSlide",2);Ut([H("pbo-type-canvas")],_t.prototype,"typeCanvas",2);Ut([yn(".thumbnail")],_t.prototype,"thumbnailElements",2);Ut([yn(".main-slide")],_t.prototype,"mainSlideElements",2);Ut([$()],_t.prototype,"mainImageTemplates",2);Ut([V("card")],_t.prototype,"handleCardChange",1);Ut([V("focusIndex")],_t.prototype,"handleFocusIndexChange",1);_t=Ut([dt("pbo-editor-card-slider")],_t);var Zu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,ae=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ju(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Zu(t,e,s),s};let Pt=class extends gt{constructor(){super(...arguments),this.card=null,this.onClose=()=>{},this.formData={font:"Monsieur La Doulaise",text:"",color:"rgb(0,0,0)",alignment:"left"},this.handwrittenFormState={isLoading:!1,processedFileUrl:""},this.editorType="type",this.handleTypingFormChange=()=>{this.formData=this.typeForm.formData},this.handleHandwrittenFormChange=t=>{this.handwrittenFormState=t.detail,this.slider.focusOn(1),gi()&&t.detail.processedFileUrl!==""&&t.detail.isLoading===!1&&(this.slider.openZoomedPreview(),this.slider.scrollIntoView({behavior:"smooth",block:"start"}))},this.handleHandwrittenImageDimensionsChanged=t=>{this.handwrittenForm.setDimensions(t.detail)},this.handleEditorChange=t=>{this.emit("pbo-switch-editor",{detail:{fromEditor:this.editorType,toEditor:t.detail.editor},bubbles:!0,composed:!0}),this.editorType=t.detail.editor}}async handleCardChange(){await this.updateComplete,this.card&&(this.slider.card=this.card,this.requestUpdate(),this.typeForm.card=this.card,this.handwrittenForm.card=this.card)}handleEditorTypeChange(){this.updateComplete.then(()=>{this.slider.focusOn(1),this.editorType==="handwritten"&&gi()&&this.handwrittenForm.scrollIntoView(!0)})}firstUpdated(){this.addEventListener("handwritten-image-dimensions-changed",this.handleHandwrittenImageDimensionsChanged),this.typeForm.addEventListener("pbo-type-form-change",this.handleTypingFormChange),this.handwrittenForm.addEventListener("pbo-change",this.handleHandwrittenFormChange)}disconnectedCallback(){this.typeForm.removeEventListener("pbo-change",this.handleTypingFormChange),this.handwrittenForm.removeEventListener("pbo-change",this.handleHandwrittenFormChange)}render(){return L`
       <div class="editor">
         <div class="editor__card" part="editor-card-slider-container">
           <pbo-editor-card-slider
@@ -1988,62 +1988,28 @@
   ::slotted([slot="title"]) {
     font-size: var(--title-font-size);
     font-weight: var(--title-font-weight);
-    margin: var(--title-margin);
+    margin: 16px 0 0 4px;
+    grid-column-start: 2;
+    grid-column-end: 2;
   }
 
   :host(:first-of-type) ::slotted([slot="title"]) {
-    margin-top: 0; /* Remove top margin for first category */
-  }
-  .category-container {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .splide {
-    margin: 0 auto;
-    width: 100%;
-  }
-
-  .splide__slide {
-    width: 100%;
-    aspect-ratio: 3/4;
-    position: relative;
-    overflow: hidden;
-    border: 2px solid var(--pbo-color-gray-200);
-  }
-
-  .splide__slide::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: transparent;
-    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.1);
-    transition: all 0.3s ease;
-    z-index: 1;
-    pointer-events: none;
-  }
-
-  .splide__slide:hover::before {
-    box-shadow: inset 0 0 20px 3px rgba(0, 0, 0, 0.3);
+    margin-top: 4px; /* 4px more on the mobile */
   }
 
-  .splide__slide img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    object-fit: contain;
-    cursor: pointer;
-    transition: all 0.3s ease;
+  @media screen and (min-width: 640px) {
+    :host(:first-of-type) ::slotted([slot="title"]) {
+      margin-top: 0px; /* Remove top margin for first category */
+    }
   }
 
-  .splide__slide img:hover {
-    transform: scale(1.1);
+  .category-container {
+    margin-left: auto;
+    margin-right: auto;
+    display: grid;
+    grid-template-columns: 30px 1fr 30px;
+    grid-template-rows: auto auto;
   }
-
   /* -------------------------------- skeleton -------------------------------- */
   .skeleton .splide__slide {
     border: none;
@@ -2073,10 +2039,13 @@
       background-color: #f3f3f3;
     }
   }
-
+  .embla__button_container {
+    grid-row: 2/3;
+    justify-self: center;
+  }
   .embla {
-    display: grid;
-    grid-template-columns: 30px 1fr 30px;
+    grid-row: 2/3;
+    grid-column: 2/3;
     --slide-size: 50%;
     --slide-spacing: calc(var(--slide-size) * 0.05);
     --detail-high-contrast: rgb(101, 101, 101);
@@ -2099,6 +2068,7 @@
   .embla__viewport {
     overflow: hidden;
     width: 100%;
+    padding: 4px;
   }
 
   .embla__container {
@@ -2108,11 +2078,10 @@
   }
 
   .embla__slide {
-    padding: calc(var(--slide-size) * 0.05) 0 calc(var(--slide-size) * 0.05) var(--slide-spacing);
+    padding-left: calc(var(--slide-size) * 0.05);
     transform: translate3d(0, 0, 0);
     flex: 0 0 var(--slide-size);
     min-width: 0;
-    /* padding-left: var(--slide-spacing); */
     position: relative;
     transition: transform 0.3s ease;
   }
@@ -2123,8 +2092,12 @@
   }
 
   .embla__slide__img {
-    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 0.1);
-    border: 2px solid var(--pbo-color-gray-200);
+    box-shadow:
+      rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+      rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+      rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
+      rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
+    border: 2px solid rgb(241, 245, 249);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -2167,8 +2140,8 @@
   }
 
   .embla__button__svg {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
   }
 
   .embla__button_container {
@@ -2180,7 +2153,7 @@
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function*Zl(o,t){if(o!==void 0){let e=0;for(const i of o)yield t(i,e++)}}function Sn(o){return typeof o=="number"}function tn(o){return typeof o=="string"}function no(o){return typeof o=="boolean"}function Ba(o){return Object.prototype.toString.call(o)==="[object Object]"}function nt(o){return Math.abs(o)}function Tn(o){return Math.sign(o)}function Ds(o,t){return nt(o-t)}function ep(o,t){if(o===0||t===0||nt(o)<=nt(t))return 0;const e=Ds(nt(o),nt(t));return nt(e/o)}function ip(o){return Math.round(o*100)/100}function $s(o){return Bs(o).map(Number)}function Ee(o){return o[Gs(o)]}function Gs(o){return Math.max(0,o.length-1)}function En(o,t){return t===Gs(o)}function Ra(o,t=0){return Array.from(Array(o),(e,i)=>t+i)}function Bs(o){return Object.keys(o)}function Jl(o,t){return[o,t].reduce((e,i)=>(Bs(i).forEach(s=>{const r=e[s],n=i[s],a=Ba(r)&&Ba(n);e[s]=a?Jl(r,n):n}),e),{})}function en(o,t){return typeof t.MouseEvent<"u"&&o instanceof t.MouseEvent}function sp(o,t){const e={start:i,center:s,end:r};function i(){return 0}function s(l){return r(l)/2}function r(l){return t-l}function n(l,c){return tn(o)?e[o](l):o(t,l,c)}return{measure:n}}function Rs(){let o=[];function t(s,r,n,a={passive:!0}){let l;if("addEventListener"in s)s.addEventListener(r,n,a),l=()=>s.removeEventListener(r,n,a);else{const c=s;c.addListener(n),l=()=>c.removeListener(n)}return o.push(l),i}function e(){o=o.filter(s=>s())}const i={add:t,clear:e};return i}function rp(o,t,e,i){const s=Rs(),r=1e3/60;let n=null,a=0,l=0;function c(){s.add(o,"visibilitychange",()=>{o.hidden&&p()})}function h(){g(),s.clear()}function d(b){if(!l)return;n||(n=b,e(),e());const m=b-n;for(n=b,a+=m;a>=r;)e(),a-=r;const y=a/r;i(y),l&&(l=t.requestAnimationFrame(d))}function u(){l||(l=t.requestAnimationFrame(d))}function g(){t.cancelAnimationFrame(l),n=null,a=0,l=0}function p(){n=null,a=0}return{init:c,destroy:h,start:u,stop:g,update:e,render:i}}function op(o,t){const e=t==="rtl",i=o==="y",s=i?"y":"x",r=i?"x":"y",n=!i&&e?-1:1,a=h(),l=d();function c(p){const{height:f,width:b}=p;return i?f:b}function h(){return i?"top":e?"right":"left"}function d(){return i?"bottom":e?"left":"right"}function u(p){return p*n}return{scroll:s,cross:r,startEdge:a,endEdge:l,measureSize:c,direction:u}}function ji(o=0,t=0){const e=nt(o-t);function i(c){return c<o}function s(c){return c>t}function r(c){return i(c)||s(c)}function n(c){return r(c)?i(c)?o:t:c}function a(c){return e?c-e*Math.ceil((c-t)/e):c}return{length:e,max:t,min:o,constrain:n,reachedAny:r,reachedMax:s,reachedMin:i,removeOffset:a}}function Ql(o,t,e){const{constrain:i}=ji(0,o),s=o+1;let r=n(t);function n(u){return e?nt((s+u)%s):i(u)}function a(){return r}function l(u){return r=n(u),d}function c(u){return h().set(a()+u)}function h(){return Ql(o,a(),e)}const d={get:a,set:l,add:c,clone:h};return d}function np(o,t,e,i,s,r,n,a,l,c,h,d,u,g,p,f,b,m,y){const{cross:w,direction:T}=o,k=["INPUT","SELECT","TEXTAREA"],O={passive:!1},E=Rs(),S=Rs(),D=ji(50,225).constrain(g.measure(20)),I={mouse:300,touch:400},M={mouse:500,touch:600},B=p?43:25;let R=!1,F=0,Y=0,tt=!1,xt=!1,W=!1,wt=!1;function Gt(A){if(!y)return;function J(Xt){(no(y)||y(A,Xt))&&le(Xt)}const Ct=t;E.add(Ct,"dragstart",Xt=>Xt.preventDefault(),O).add(Ct,"touchmove",()=>{},O).add(Ct,"touchend",()=>{}).add(Ct,"touchstart",J).add(Ct,"mousedown",J).add(Ct,"touchcancel",Ft).add(Ct,"contextmenu",Ft).add(Ct,"click",ce,!0)}function Yt(){E.clear(),S.clear()}function Pe(){const A=wt?e:t;S.add(A,"touchmove",kt,O).add(A,"touchend",Ft).add(A,"mousemove",kt,O).add(A,"mouseup",Ft)}function me(A){const J=A.nodeName||"";return k.includes(J)}function It(){return(p?M:I)[wt?"mouse":"touch"]}function De(A,J){const Ct=d.add(Tn(A)*-1),Xt=h.byDistance(A,!p).distance;return p||nt(A)<D?Xt:b&&J?Xt*.5:h.byIndex(Ct.get(),0).distance}function le(A){const J=en(A,i);wt=J,W=p&&J&&!A.buttons&&R,R=Ds(s.get(),n.get())>=2,!(J&&A.button!==0)&&(me(A.target)||(tt=!0,r.pointerDown(A),c.useFriction(0).useDuration(0),s.set(n),Pe(),F=r.readPoint(A),Y=r.readPoint(A,w),u.emit("pointerDown")))}function kt(A){if(!en(A,i)&&A.touches.length>=2)return Ft(A);const Ct=r.readPoint(A),Xt=r.readPoint(A,w),Ae=Ds(Ct,F),We=Ds(Xt,Y);if(!xt&&!wt&&(!A.cancelable||(xt=Ae>We,!xt)))return Ft(A);const Si=r.pointerMove(A);Ae>f&&(W=!0),c.useFriction(.3).useDuration(.75),a.start(),s.add(T(Si)),A.preventDefault()}function Ft(A){const Ct=h.byDistance(0,!1).index!==d.get(),Xt=r.pointerUp(A)*It(),Ae=De(T(Xt),Ct),We=ep(Xt,Ae),Si=B-10*We,ai=m+We/50;xt=!1,tt=!1,S.clear(),c.useDuration(Si).useFriction(ai),l.distance(Ae,!p),wt=!1,u.emit("pointerUp")}function ce(A){W&&(A.stopPropagation(),A.preventDefault(),W=!1)}function ft(){return tt}return{init:Gt,destroy:Yt,pointerDown:ft}}function ap(o,t){let i,s;function r(d){return d.timeStamp}function n(d,u){const p=`client${(u||o.scroll)==="x"?"X":"Y"}`;return(en(d,t)?d:d.touches[0])[p]}function a(d){return i=d,s=d,n(d)}function l(d){const u=n(d)-n(s),g=r(d)-r(i)>170;return s=d,g&&(i=d),u}function c(d){if(!i||!s)return 0;const u=n(s)-n(i),g=r(d)-r(i),p=r(d)-r(s)>170,f=u/g;return g&&!p&&nt(f)>.1?f:0}return{pointerDown:a,pointerMove:l,pointerUp:c,readPoint:n}}function lp(){function o(e){const{offsetTop:i,offsetLeft:s,offsetWidth:r,offsetHeight:n}=e;return{top:i,right:s+r,bottom:i+n,left:s,width:r,height:n}}return{measure:o}}function cp(o){function t(i){return o*(i/100)}return{measure:t}}function hp(o,t,e,i,s,r,n){const a=[o].concat(i);let l,c,h=[],d=!1;function u(b){return s.measureSize(n.measure(b))}function g(b){if(!r)return;c=u(o),h=i.map(u);function m(y){for(const w of y){if(d)return;const T=w.target===o,k=i.indexOf(w.target),O=T?c:h[k],E=u(T?o:i[k]);if(nt(E-O)>=.5){b.reInit(),t.emit("resize");break}}}l=new ResizeObserver(y=>{(no(r)||r(b,y))&&m(y)}),e.requestAnimationFrame(()=>{a.forEach(y=>l.observe(y))})}function p(){d=!0,l&&l.disconnect()}return{init:g,destroy:p}}function dp(o,t,e,i,s,r){let n=0,a=0,l=s,c=r,h=o.get(),d=0;function u(){const O=i.get()-o.get(),E=!l;let S=0;return E?(n=0,e.set(i),o.set(i),S=O):(e.set(o),n+=O/l,n*=c,h+=n,o.add(n),S=h-d),a=Tn(S),d=h,k}function g(){const O=i.get()-t.get();return nt(O)<.001}function p(){return l}function f(){return a}function b(){return n}function m(){return w(s)}function y(){return T(r)}function w(O){return l=O,k}function T(O){return c=O,k}const k={direction:f,duration:p,velocity:b,seek:u,settled:g,useBaseFriction:y,useBaseDuration:m,useFriction:T,useDuration:w};return k}function up(o,t,e,i,s){const r=s.measure(10),n=s.measure(50),a=ji(.1,.99);let l=!1;function c(){return!(l||!o.reachedAny(e.get())||!o.reachedAny(t.get()))}function h(g){if(!c())return;const p=o.reachedMin(t.get())?"min":"max",f=nt(o[p]-t.get()),b=e.get()-t.get(),m=a.constrain(f/n);e.subtract(b*m),!g&&nt(b)<r&&(e.set(o.constrain(e.get())),i.useDuration(25).useBaseFriction())}function d(g){l=!g}return{shouldConstrain:c,constrain:h,toggleActive:d}}function pp(o,t,e,i,s){const r=ji(-t+o,0),n=d(),a=h(),l=u();function c(p,f){return Ds(p,f)<=1}function h(){const p=n[0],f=Ee(n),b=n.lastIndexOf(p),m=n.indexOf(f)+1;return ji(b,m)}function d(){return e.map((p,f)=>{const{min:b,max:m}=r,y=r.constrain(p),w=!f,T=En(e,f);return w?m:T||c(b,y)?b:c(m,y)?m:y}).map(p=>parseFloat(p.toFixed(3)))}function u(){if(t<=o+s)return[r.max];if(i==="keepSnaps")return n;const{min:p,max:f}=a;return n.slice(p,f)}return{snapsContained:l,scrollContainLimit:a}}function gp(o,t,e){const i=t[0],s=e?i-o:Ee(t);return{limit:ji(s,i)}}function fp(o,t,e,i){const r=t.min+.1,n=t.max+.1,{reachedMin:a,reachedMax:l}=ji(r,n);function c(u){return u===1?l(e.get()):u===-1?a(e.get()):!1}function h(u){if(!c(u))return;const g=o*(u*-1);i.forEach(p=>p.add(g))}return{loop:h}}function mp(o){const{max:t,length:e}=o;function i(r){const n=r-t;return e?n/-e:0}return{get:i}}function bp(o,t,e,i,s){const{startEdge:r,endEdge:n}=o,{groupSlides:a}=s,l=d().map(t.measure),c=u(),h=g();function d(){return a(i).map(f=>Ee(f)[n]-f[0][r]).map(nt)}function u(){return i.map(f=>e[r]-f[r]).map(f=>-nt(f))}function g(){return a(c).map(f=>f[0]).map((f,b)=>f+l[b])}return{snaps:c,snapsAligned:h}}function vp(o,t,e,i,s,r){const{groupSlides:n}=s,{min:a,max:l}=i,c=h();function h(){const u=n(r),g=!o||t==="keepSnaps";return e.length===1?[r]:g?u:u.slice(a,l).map((p,f,b)=>{const m=!f,y=En(b,f);if(m){const w=Ee(b[0])+1;return Ra(w)}if(y){const w=Gs(r)-Ee(b)[0]+1;return Ra(w,Ee(b)[0])}return p})}return{slideRegistry:c}}function _p(o,t,e,i,s){const{reachedAny:r,removeOffset:n,constrain:a}=i;function l(p){return p.concat().sort((f,b)=>nt(f)-nt(b))[0]}function c(p){const f=o?n(p):a(p),b=t.map((y,w)=>({diff:h(y-f,0),index:w})).sort((y,w)=>nt(y.diff)-nt(w.diff)),{index:m}=b[0];return{index:m,distance:f}}function h(p,f){const b=[p,p+e,p-e];if(!o)return p;if(!f)return l(b);const m=b.filter(y=>Tn(y)===f);return m.length?l(m):Ee(b)-e}function d(p,f){const b=t[p]-s.get(),m=h(b,f);return{index:p,distance:m}}function u(p,f){const b=s.get()+p,{index:m,distance:y}=c(b),w=!o&&r(b);if(!f||w)return{index:m,distance:p};const T=t[m]-y,k=p+h(T,0);return{index:m,distance:k}}return{byDistance:u,byIndex:d,shortcut:h}}function yp(o,t,e,i,s,r,n){function a(d){const u=d.distance,g=d.index!==t.get();r.add(u),u&&(i.duration()?o.start():(o.update(),o.render(1),o.update())),g&&(e.set(t.get()),t.set(d.index),n.emit("select"))}function l(d,u){const g=s.byDistance(d,u);a(g)}function c(d,u){const g=t.clone().set(d),p=s.byIndex(g.get(),u);a(p)}return{distance:l,index:c}}function xp(o,t,e,i,s,r,n,a){const l={passive:!0,capture:!0};let c=0;function h(g){if(!a)return;function p(f){if(new Date().getTime()-c>10)return;n.emit("slideFocusStart"),o.scrollLeft=0;const y=e.findIndex(w=>w.includes(f));Sn(y)&&(s.useDuration(0),i.index(y,0),n.emit("slideFocus"))}r.add(document,"keydown",d,!1),t.forEach((f,b)=>{r.add(f,"focus",m=>{(no(a)||a(g,m))&&p(b)},l)})}function d(g){g.code==="Tab"&&(c=new Date().getTime())}return{init:h}}function Ts(o){let t=o;function e(){return t}function i(l){t=n(l)}function s(l){t+=n(l)}function r(l){t-=n(l)}function n(l){return Sn(l)?l:l.get()}return{get:e,set:i,add:s,subtract:r}}function tc(o,t){const e=o.scroll==="x"?n:a,i=t.style;let s=null,r=!1;function n(u){return`translate3d(${u}px,0px,0px)`}function a(u){return`translate3d(0px,${u}px,0px)`}function l(u){if(r)return;const g=ip(o.direction(u));g!==s&&(i.transform=e(g),s=g)}function c(u){r=!u}function h(){r||(i.transform="",t.getAttribute("style")||t.removeAttribute("style"))}return{clear:h,to:l,toggleActive:c}}function wp(o,t,e,i,s,r,n,a,l){const h=$s(s),d=$s(s).reverse(),u=m().concat(y());function g(E,S){return E.reduce((D,I)=>D-s[I],S)}function p(E,S){return E.reduce((D,I)=>g(D,S)>0?D.concat([I]):D,[])}function f(E){return r.map((S,D)=>({start:S-i[D]+.5+E,end:S+t-.5+E}))}function b(E,S,D){const I=f(S);return E.map(M=>{const B=D?0:-e,R=D?e:0,F=D?"end":"start",Y=I[M][F];return{index:M,loopPoint:Y,slideLocation:Ts(-1),translate:tc(o,l[M]),target:()=>a.get()>Y?B:R}})}function m(){const E=n[0],S=p(d,E);return b(S,e,!1)}function y(){const E=t-n[0]-1,S=p(h,E);return b(S,-e,!0)}function w(){return u.every(({index:E})=>{const S=h.filter(D=>D!==E);return g(S,t)<=.1})}function T(){u.forEach(E=>{const{target:S,translate:D,slideLocation:I}=E,M=S();M!==I.get()&&(D.to(M),I.set(M))})}function k(){u.forEach(E=>E.translate.clear())}return{canLoop:w,clear:k,loop:T,loopPoints:u}}function Cp(o,t,e){let i,s=!1;function r(l){if(!e)return;function c(h){for(const d of h)if(d.type==="childList"){l.reInit(),t.emit("slidesChanged");break}}i=new MutationObserver(h=>{s||(no(e)||e(l,h))&&c(h)}),i.observe(o,{childList:!0})}function n(){i&&i.disconnect(),s=!0}return{init:r,destroy:n}}function Sp(o,t,e,i){const s={};let r=null,n=null,a,l=!1;function c(){a=new IntersectionObserver(p=>{l||(p.forEach(f=>{const b=t.indexOf(f.target);s[b]=f}),r=null,n=null,e.emit("slidesInView"))},{root:o.parentElement,threshold:i}),t.forEach(p=>a.observe(p))}function h(){a&&a.disconnect(),l=!0}function d(p){return Bs(s).reduce((f,b)=>{const m=parseInt(b),{isIntersecting:y}=s[m];return(p&&y||!p&&!y)&&f.push(m),f},[])}function u(p=!0){if(p&&r)return r;if(!p&&n)return n;const f=d(p);return p&&(r=f),p||(n=f),f}return{init:c,destroy:h,get:u}}function Tp(o,t,e,i,s,r){const{measureSize:n,startEdge:a,endEdge:l}=o,c=e[0]&&s,h=p(),d=f(),u=e.map(n),g=b();function p(){if(!c)return 0;const y=e[0];return nt(t[a]-y[a])}function f(){if(!c)return 0;const y=r.getComputedStyle(Ee(i));return parseFloat(y.getPropertyValue(`margin-${l}`))}function b(){return e.map((y,w,T)=>{const k=!w,O=En(T,w);return k?u[w]+h:O?u[w]+d:T[w+1][a]-y[a]}).map(nt)}return{slideSizes:u,slideSizesWithGaps:g,startGap:h,endGap:d}}function Ep(o,t,e,i,s,r,n,a,l){const{startEdge:c,endEdge:h,direction:d}=o,u=Sn(e);function g(m,y){return $s(m).filter(w=>w%y===0).map(w=>m.slice(w,w+y))}function p(m){return m.length?$s(m).reduce((y,w,T)=>{const k=Ee(y)||0,O=k===0,E=w===Gs(m),S=s[c]-r[k][c],D=s[c]-r[w][h],I=!i&&O?d(n):0,M=!i&&E?d(a):0,B=nt(D-M-(S+I));return T&&B>t+l&&y.push(w),E&&y.push(m.length),y},[]).map((y,w,T)=>{const k=Math.max(T[w-1]||0);return m.slice(k,y)}):[]}function f(m){return u?g(m,e):p(m)}return{groupSlides:f}}function kp(o,t,e,i,s,r,n){const{align:a,axis:l,direction:c,startIndex:h,loop:d,duration:u,dragFree:g,dragThreshold:p,inViewThreshold:f,slidesToScroll:b,skipSnaps:m,containScroll:y,watchResize:w,watchSlides:T,watchDrag:k,watchFocus:O}=r,E=2,S=lp(),D=S.measure(t),I=e.map(S.measure),M=op(l,c),B=M.measureSize(D),R=cp(B),F=sp(a,B),Y=!d&&!!y,tt=d||!!y,{slideSizes:xt,slideSizesWithGaps:W,startGap:wt,endGap:Gt}=Tp(M,D,I,e,tt,s),Yt=Ep(M,B,b,d,D,I,wt,Gt,E),{snaps:Pe,snapsAligned:me}=bp(M,F,D,I,Yt),It=-Ee(Pe)+Ee(W),{snapsContained:De,scrollContainLimit:le}=pp(B,It,me,y,E),kt=Y?De:me,{limit:Ft}=gp(It,kt,d),ce=Ql(Gs(kt),h,d),ft=ce.clone(),rt=$s(e),A=({dragHandler:Ui,scrollBody:xo,scrollBounds:wo,options:{loop:Qs}})=>{Qs||wo.constrain(Ui.pointerDown()),xo.seek()},J=({scrollBody:Ui,translate:xo,location:wo,offsetLocation:Qs,previousLocation:oh,scrollLooper:nh,slideLooper:ah,dragHandler:lh,animation:ch,eventHandler:Jn,scrollBounds:hh,options:{loop:Qn}},ta)=>{const ea=Ui.settled(),dh=!hh.shouldConstrain(),ia=Qn?ea:ea&&dh,sa=ia&&!lh.pointerDown();sa&&ch.stop();const uh=wo.get()*ta+oh.get()*(1-ta);Qs.set(uh),Qn&&(nh.loop(Ui.direction()),ah.loop()),xo.to(Qs.get()),sa&&Jn.emit("settle"),ia||Jn.emit("scroll")},Ct=rp(i,s,()=>A(yo),Ui=>J(yo,Ui)),Xt=.68,Ae=kt[ce.get()],We=Ts(Ae),Si=Ts(Ae),ai=Ts(Ae),Ti=Ts(Ae),gs=dp(We,ai,Si,Ti,u,Xt),vo=_p(d,kt,It,Ft,Ti),_o=yp(Ct,ce,ft,gs,vo,Ti,n),qn=mp(Ft),Kn=Rs(),sh=Sp(t,e,n,f),{slideRegistry:Zn}=vp(Y,y,kt,le,Yt,rt),rh=xp(o,e,Zn,_o,gs,Kn,n,O),yo={ownerDocument:i,ownerWindow:s,eventHandler:n,containerRect:D,slideRects:I,animation:Ct,axis:M,dragHandler:np(M,o,i,s,Ti,ap(M,s),We,Ct,_o,gs,vo,ce,n,R,g,p,m,Xt,k),eventStore:Kn,percentOfView:R,index:ce,indexPrevious:ft,limit:Ft,location:We,offsetLocation:ai,previousLocation:Si,options:r,resizeHandler:hp(t,n,s,e,M,w,S),scrollBody:gs,scrollBounds:up(Ft,ai,Ti,gs,R),scrollLooper:fp(It,Ft,ai,[We,ai,Si,Ti]),scrollProgress:qn,scrollSnapList:kt.map(qn.get),scrollSnaps:kt,scrollTarget:vo,scrollTo:_o,slideLooper:wp(M,B,It,xt,W,Pe,kt,ai,e),slideFocus:rh,slidesHandler:Cp(t,n,T),slidesInView:sh,slideIndexes:rt,slideRegistry:Zn,slidesToScroll:Yt,target:Ti,translate:tc(M,t)};return yo}function Op(){let o={},t;function e(c){t=c}function i(c){return o[c]||[]}function s(c){return i(c).forEach(h=>h(t,c)),l}function r(c,h){return o[c]=i(c).concat([h]),l}function n(c,h){return o[c]=i(c).filter(d=>d!==h),l}function a(){o={}}const l={init:e,emit:s,off:n,on:r,clear:a};return l}const Pp={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function Dp(o){function t(r,n){return Jl(r,n||{})}function e(r){const n=r.breakpoints||{},a=Bs(n).filter(l=>o.matchMedia(l).matches).map(l=>n[l]).reduce((l,c)=>t(l,c),{});return t(r,a)}function i(r){return r.map(n=>Bs(n.breakpoints||{})).reduce((n,a)=>n.concat(a),[]).map(o.matchMedia)}return{mergeOptions:t,optionsAtMedia:e,optionsMediaQueries:i}}function Ap(o){let t=[];function e(r,n){return t=n.filter(({options:a})=>o.optionsAtMedia(a).active!==!1),t.forEach(a=>a.init(r,o)),n.reduce((a,l)=>Object.assign(a,{[l.name]:l}),{})}function i(){t=t.filter(r=>r.destroy())}return{init:e,destroy:i}}function kn(o,t,e){const i=o.ownerDocument,s=i.defaultView,r=Dp(s),n=Ap(r),a=Rs(),l=Op(),{mergeOptions:c,optionsAtMedia:h,optionsMediaQueries:d}=r,{on:u,off:g,emit:p}=l,f=M;let b=!1,m,y=c(Pp,kn.globalOptions),w=c(y),T=[],k,O,E;function S(){const{container:rt,slides:A}=w;O=(tn(rt)?o.querySelector(rt):rt)||o.children[0];const Ct=tn(A)?O.querySelectorAll(A):A;E=[].slice.call(Ct||O.children)}function D(rt){const A=kp(o,O,E,i,s,rt,l);if(rt.loop&&!A.slideLooper.canLoop()){const J=Object.assign({},rt,{loop:!1});return D(J)}return A}function I(rt,A){b||(y=c(y,rt),w=h(y),T=A||T,S(),m=D(w),d([y,...T.map(({options:J})=>J)]).forEach(J=>a.add(J,"change",M)),w.active&&(m.translate.to(m.location.get()),m.animation.init(),m.slidesInView.init(),m.slideFocus.init(ft),m.eventHandler.init(ft),m.resizeHandler.init(ft),m.slidesHandler.init(ft),m.options.loop&&m.slideLooper.loop(),O.offsetParent&&E.length&&m.dragHandler.init(ft),k=n.init(ft,T)))}function M(rt,A){const J=Yt();B(),I(c({startIndex:J},rt),A),l.emit("reInit")}function B(){m.dragHandler.destroy(),m.eventStore.clear(),m.translate.clear(),m.slideLooper.clear(),m.resizeHandler.destroy(),m.slidesHandler.destroy(),m.slidesInView.destroy(),m.animation.destroy(),n.destroy(),a.clear()}function R(){b||(b=!0,a.clear(),B(),l.emit("destroy"),l.clear())}function F(rt,A,J){!w.active||b||(m.scrollBody.useBaseFriction().useDuration(A===!0?0:w.duration),m.scrollTo.index(rt,J||0))}function Y(rt){const A=m.index.add(1).get();F(A,rt,-1)}function tt(rt){const A=m.index.add(-1).get();F(A,rt,1)}function xt(){return m.index.add(1).get()!==Yt()}function W(){return m.index.add(-1).get()!==Yt()}function wt(){return m.scrollSnapList}function Gt(){return m.scrollProgress.get(m.offsetLocation.get())}function Yt(){return m.index.get()}function Pe(){return m.indexPrevious.get()}function me(){return m.slidesInView.get()}function It(){return m.slidesInView.get(!1)}function De(){return k}function le(){return m}function kt(){return o}function Ft(){return O}function ce(){return E}const ft={canScrollNext:xt,canScrollPrev:W,containerNode:Ft,internalEngine:le,destroy:R,off:g,on:u,emit:p,plugins:De,previousScrollSnap:Pe,reInit:f,rootNode:kt,scrollNext:Y,scrollPrev:tt,scrollProgress:Gt,scrollSnapList:wt,scrollTo:F,selectedScrollSnap:Yt,slideNodes:ce,slidesInView:me,slidesNotInView:It};return I(t,e),setTimeout(()=>l.emit("init"),0),ft}kn.globalOptions=void 0;var Mp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,Ue=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ip(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Mp(t,e,s),s};let fe=class extends gt{constructor(){super(...arguments),this.cards=[],this.skeleton=!1,this.firstUpdated=()=>{const t={align:"start",axis:"x",loop:!1};console.log(this.emblaNode,this.emblaViewport,this.emblaPrevButton,this.emblaNextButton);const e=kn(this.emblaViewport,t);if(this.skeleton)return;const i=this.addPrevNextBtnsClickHandlers(e,this.emblaPrevButton,this.emblaNextButton);e.on("destroy",i),e.on("reInit",()=>{!e.canScrollPrev()&&!e.canScrollNext()?(console.debug("No previous or next slides available, hiding arrows."),this.emblaPrevButton.style.visibility="hidden",this.emblaNextButton.style.visibility="hidden"):(console.debug("Previous or next slides available, showing arrows."),this.emblaPrevButton.style.visibility="visible",this.emblaNextButton.style.visibility="visible")})},this.disconnectedCallback=()=>{var t;super.disconnectedCallback(),(t=this.imageSplide)==null||t.destroy()},this.clickHandler=t=>{const e=t.target;this.emit("pbo-category-card-selected",{detail:{cardId:e.dataset.cardId}})},this.addTogglePrevNextBtnsActive=(t,e,i)=>{const s=()=>{t.canScrollPrev()?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled"),t.canScrollNext()?i.removeAttribute("disabled"):i.setAttribute("disabled","disabled")};return t.on("select",s).on("init",s).on("reInit",s),()=>{e.removeAttribute("disabled"),i.removeAttribute("disabled")}}}updateArrowVisibility(){const t=this.imageCarousel.querySelector(".splide__arrow--next"),e=this.imageCarousel.querySelector(".splide__arrow--prev");t.style.visibility=t.disabled?"hidden":"visible",e.style.visibility=e.disabled?"hidden":"visible"}addPrevNextBtnsClickHandlers(t,e,i){const s=()=>{t.scrollPrev()},r=()=>{t.scrollNext()};e.addEventListener("click",s,!1),i.addEventListener("click",r,!1);const n=this.addTogglePrevNextBtnsActive(t,e,i);return()=>{n(),e.removeEventListener("click",s,!1),i.removeEventListener("click",r,!1)}}render(){return this.skeleton?L`
+ */function*Zl(o,t){if(o!==void 0){let e=0;for(const i of o)yield t(i,e++)}}function Sn(o){return typeof o=="number"}function tn(o){return typeof o=="string"}function no(o){return typeof o=="boolean"}function Ba(o){return Object.prototype.toString.call(o)==="[object Object]"}function nt(o){return Math.abs(o)}function Tn(o){return Math.sign(o)}function Ds(o,t){return nt(o-t)}function ep(o,t){if(o===0||t===0||nt(o)<=nt(t))return 0;const e=Ds(nt(o),nt(t));return nt(e/o)}function ip(o){return Math.round(o*100)/100}function $s(o){return Bs(o).map(Number)}function Ee(o){return o[Gs(o)]}function Gs(o){return Math.max(0,o.length-1)}function En(o,t){return t===Gs(o)}function Ra(o,t=0){return Array.from(Array(o),(e,i)=>t+i)}function Bs(o){return Object.keys(o)}function Jl(o,t){return[o,t].reduce((e,i)=>(Bs(i).forEach(s=>{const r=e[s],n=i[s],a=Ba(r)&&Ba(n);e[s]=a?Jl(r,n):n}),e),{})}function en(o,t){return typeof t.MouseEvent<"u"&&o instanceof t.MouseEvent}function sp(o,t){const e={start:i,center:s,end:r};function i(){return 0}function s(l){return r(l)/2}function r(l){return t-l}function n(l,c){return tn(o)?e[o](l):o(t,l,c)}return{measure:n}}function Rs(){let o=[];function t(s,r,n,a={passive:!0}){let l;if("addEventListener"in s)s.addEventListener(r,n,a),l=()=>s.removeEventListener(r,n,a);else{const c=s;c.addListener(n),l=()=>c.removeListener(n)}return o.push(l),i}function e(){o=o.filter(s=>s())}const i={add:t,clear:e};return i}function rp(o,t,e,i){const s=Rs(),r=1e3/60;let n=null,a=0,l=0;function c(){s.add(o,"visibilitychange",()=>{o.hidden&&p()})}function h(){g(),s.clear()}function d(b){if(!l)return;n||(n=b,e(),e());const m=b-n;for(n=b,a+=m;a>=r;)e(),a-=r;const y=a/r;i(y),l&&(l=t.requestAnimationFrame(d))}function u(){l||(l=t.requestAnimationFrame(d))}function g(){t.cancelAnimationFrame(l),n=null,a=0,l=0}function p(){n=null,a=0}return{init:c,destroy:h,start:u,stop:g,update:e,render:i}}function op(o,t){const e=t==="rtl",i=o==="y",s=i?"y":"x",r=i?"x":"y",n=!i&&e?-1:1,a=h(),l=d();function c(p){const{height:f,width:b}=p;return i?f:b}function h(){return i?"top":e?"right":"left"}function d(){return i?"bottom":e?"left":"right"}function u(p){return p*n}return{scroll:s,cross:r,startEdge:a,endEdge:l,measureSize:c,direction:u}}function ji(o=0,t=0){const e=nt(o-t);function i(c){return c<o}function s(c){return c>t}function r(c){return i(c)||s(c)}function n(c){return r(c)?i(c)?o:t:c}function a(c){return e?c-e*Math.ceil((c-t)/e):c}return{length:e,max:t,min:o,constrain:n,reachedAny:r,reachedMax:s,reachedMin:i,removeOffset:a}}function Ql(o,t,e){const{constrain:i}=ji(0,o),s=o+1;let r=n(t);function n(u){return e?nt((s+u)%s):i(u)}function a(){return r}function l(u){return r=n(u),d}function c(u){return h().set(a()+u)}function h(){return Ql(o,a(),e)}const d={get:a,set:l,add:c,clone:h};return d}function np(o,t,e,i,s,r,n,a,l,c,h,d,u,g,p,f,b,m,y){const{cross:w,direction:T}=o,k=["INPUT","SELECT","TEXTAREA"],O={passive:!1},E=Rs(),S=Rs(),D=ji(50,225).constrain(g.measure(20)),I={mouse:300,touch:400},M={mouse:500,touch:600},B=p?43:25;let R=!1,F=0,Y=0,tt=!1,xt=!1,W=!1,wt=!1;function Gt(A){if(!y)return;function J(Xt){(no(y)||y(A,Xt))&&le(Xt)}const Ct=t;E.add(Ct,"dragstart",Xt=>Xt.preventDefault(),O).add(Ct,"touchmove",()=>{},O).add(Ct,"touchend",()=>{}).add(Ct,"touchstart",J).add(Ct,"mousedown",J).add(Ct,"touchcancel",Ft).add(Ct,"contextmenu",Ft).add(Ct,"click",ce,!0)}function Yt(){E.clear(),S.clear()}function Pe(){const A=wt?e:t;S.add(A,"touchmove",kt,O).add(A,"touchend",Ft).add(A,"mousemove",kt,O).add(A,"mouseup",Ft)}function me(A){const J=A.nodeName||"";return k.includes(J)}function It(){return(p?M:I)[wt?"mouse":"touch"]}function De(A,J){const Ct=d.add(Tn(A)*-1),Xt=h.byDistance(A,!p).distance;return p||nt(A)<D?Xt:b&&J?Xt*.5:h.byIndex(Ct.get(),0).distance}function le(A){const J=en(A,i);wt=J,W=p&&J&&!A.buttons&&R,R=Ds(s.get(),n.get())>=2,!(J&&A.button!==0)&&(me(A.target)||(tt=!0,r.pointerDown(A),c.useFriction(0).useDuration(0),s.set(n),Pe(),F=r.readPoint(A),Y=r.readPoint(A,w),u.emit("pointerDown")))}function kt(A){if(!en(A,i)&&A.touches.length>=2)return Ft(A);const Ct=r.readPoint(A),Xt=r.readPoint(A,w),Ae=Ds(Ct,F),We=Ds(Xt,Y);if(!xt&&!wt&&(!A.cancelable||(xt=Ae>We,!xt)))return Ft(A);const Si=r.pointerMove(A);Ae>f&&(W=!0),c.useFriction(.3).useDuration(.75),a.start(),s.add(T(Si)),A.preventDefault()}function Ft(A){const Ct=h.byDistance(0,!1).index!==d.get(),Xt=r.pointerUp(A)*It(),Ae=De(T(Xt),Ct),We=ep(Xt,Ae),Si=B-10*We,ai=m+We/50;xt=!1,tt=!1,S.clear(),c.useDuration(Si).useFriction(ai),l.distance(Ae,!p),wt=!1,u.emit("pointerUp")}function ce(A){W&&(A.stopPropagation(),A.preventDefault(),W=!1)}function ft(){return tt}return{init:Gt,destroy:Yt,pointerDown:ft}}function ap(o,t){let i,s;function r(d){return d.timeStamp}function n(d,u){const p=`client${(u||o.scroll)==="x"?"X":"Y"}`;return(en(d,t)?d:d.touches[0])[p]}function a(d){return i=d,s=d,n(d)}function l(d){const u=n(d)-n(s),g=r(d)-r(i)>170;return s=d,g&&(i=d),u}function c(d){if(!i||!s)return 0;const u=n(s)-n(i),g=r(d)-r(i),p=r(d)-r(s)>170,f=u/g;return g&&!p&&nt(f)>.1?f:0}return{pointerDown:a,pointerMove:l,pointerUp:c,readPoint:n}}function lp(){function o(e){const{offsetTop:i,offsetLeft:s,offsetWidth:r,offsetHeight:n}=e;return{top:i,right:s+r,bottom:i+n,left:s,width:r,height:n}}return{measure:o}}function cp(o){function t(i){return o*(i/100)}return{measure:t}}function hp(o,t,e,i,s,r,n){const a=[o].concat(i);let l,c,h=[],d=!1;function u(b){return s.measureSize(n.measure(b))}function g(b){if(!r)return;c=u(o),h=i.map(u);function m(y){for(const w of y){if(d)return;const T=w.target===o,k=i.indexOf(w.target),O=T?c:h[k],E=u(T?o:i[k]);if(nt(E-O)>=.5){b.reInit(),t.emit("resize");break}}}l=new ResizeObserver(y=>{(no(r)||r(b,y))&&m(y)}),e.requestAnimationFrame(()=>{a.forEach(y=>l.observe(y))})}function p(){d=!0,l&&l.disconnect()}return{init:g,destroy:p}}function dp(o,t,e,i,s,r){let n=0,a=0,l=s,c=r,h=o.get(),d=0;function u(){const O=i.get()-o.get(),E=!l;let S=0;return E?(n=0,e.set(i),o.set(i),S=O):(e.set(o),n+=O/l,n*=c,h+=n,o.add(n),S=h-d),a=Tn(S),d=h,k}function g(){const O=i.get()-t.get();return nt(O)<.001}function p(){return l}function f(){return a}function b(){return n}function m(){return w(s)}function y(){return T(r)}function w(O){return l=O,k}function T(O){return c=O,k}const k={direction:f,duration:p,velocity:b,seek:u,settled:g,useBaseFriction:y,useBaseDuration:m,useFriction:T,useDuration:w};return k}function up(o,t,e,i,s){const r=s.measure(10),n=s.measure(50),a=ji(.1,.99);let l=!1;function c(){return!(l||!o.reachedAny(e.get())||!o.reachedAny(t.get()))}function h(g){if(!c())return;const p=o.reachedMin(t.get())?"min":"max",f=nt(o[p]-t.get()),b=e.get()-t.get(),m=a.constrain(f/n);e.subtract(b*m),!g&&nt(b)<r&&(e.set(o.constrain(e.get())),i.useDuration(25).useBaseFriction())}function d(g){l=!g}return{shouldConstrain:c,constrain:h,toggleActive:d}}function pp(o,t,e,i,s){const r=ji(-t+o,0),n=d(),a=h(),l=u();function c(p,f){return Ds(p,f)<=1}function h(){const p=n[0],f=Ee(n),b=n.lastIndexOf(p),m=n.indexOf(f)+1;return ji(b,m)}function d(){return e.map((p,f)=>{const{min:b,max:m}=r,y=r.constrain(p),w=!f,T=En(e,f);return w?m:T||c(b,y)?b:c(m,y)?m:y}).map(p=>parseFloat(p.toFixed(3)))}function u(){if(t<=o+s)return[r.max];if(i==="keepSnaps")return n;const{min:p,max:f}=a;return n.slice(p,f)}return{snapsContained:l,scrollContainLimit:a}}function gp(o,t,e){const i=t[0],s=e?i-o:Ee(t);return{limit:ji(s,i)}}function fp(o,t,e,i){const r=t.min+.1,n=t.max+.1,{reachedMin:a,reachedMax:l}=ji(r,n);function c(u){return u===1?l(e.get()):u===-1?a(e.get()):!1}function h(u){if(!c(u))return;const g=o*(u*-1);i.forEach(p=>p.add(g))}return{loop:h}}function mp(o){const{max:t,length:e}=o;function i(r){const n=r-t;return e?n/-e:0}return{get:i}}function bp(o,t,e,i,s){const{startEdge:r,endEdge:n}=o,{groupSlides:a}=s,l=d().map(t.measure),c=u(),h=g();function d(){return a(i).map(f=>Ee(f)[n]-f[0][r]).map(nt)}function u(){return i.map(f=>e[r]-f[r]).map(f=>-nt(f))}function g(){return a(c).map(f=>f[0]).map((f,b)=>f+l[b])}return{snaps:c,snapsAligned:h}}function vp(o,t,e,i,s,r){const{groupSlides:n}=s,{min:a,max:l}=i,c=h();function h(){const u=n(r),g=!o||t==="keepSnaps";return e.length===1?[r]:g?u:u.slice(a,l).map((p,f,b)=>{const m=!f,y=En(b,f);if(m){const w=Ee(b[0])+1;return Ra(w)}if(y){const w=Gs(r)-Ee(b)[0]+1;return Ra(w,Ee(b)[0])}return p})}return{slideRegistry:c}}function _p(o,t,e,i,s){const{reachedAny:r,removeOffset:n,constrain:a}=i;function l(p){return p.concat().sort((f,b)=>nt(f)-nt(b))[0]}function c(p){const f=o?n(p):a(p),b=t.map((y,w)=>({diff:h(y-f,0),index:w})).sort((y,w)=>nt(y.diff)-nt(w.diff)),{index:m}=b[0];return{index:m,distance:f}}function h(p,f){const b=[p,p+e,p-e];if(!o)return p;if(!f)return l(b);const m=b.filter(y=>Tn(y)===f);return m.length?l(m):Ee(b)-e}function d(p,f){const b=t[p]-s.get(),m=h(b,f);return{index:p,distance:m}}function u(p,f){const b=s.get()+p,{index:m,distance:y}=c(b),w=!o&&r(b);if(!f||w)return{index:m,distance:p};const T=t[m]-y,k=p+h(T,0);return{index:m,distance:k}}return{byDistance:u,byIndex:d,shortcut:h}}function yp(o,t,e,i,s,r,n){function a(d){const u=d.distance,g=d.index!==t.get();r.add(u),u&&(i.duration()?o.start():(o.update(),o.render(1),o.update())),g&&(e.set(t.get()),t.set(d.index),n.emit("select"))}function l(d,u){const g=s.byDistance(d,u);a(g)}function c(d,u){const g=t.clone().set(d),p=s.byIndex(g.get(),u);a(p)}return{distance:l,index:c}}function xp(o,t,e,i,s,r,n,a){const l={passive:!0,capture:!0};let c=0;function h(g){if(!a)return;function p(f){if(new Date().getTime()-c>10)return;n.emit("slideFocusStart"),o.scrollLeft=0;const y=e.findIndex(w=>w.includes(f));Sn(y)&&(s.useDuration(0),i.index(y,0),n.emit("slideFocus"))}r.add(document,"keydown",d,!1),t.forEach((f,b)=>{r.add(f,"focus",m=>{(no(a)||a(g,m))&&p(b)},l)})}function d(g){g.code==="Tab"&&(c=new Date().getTime())}return{init:h}}function Ts(o){let t=o;function e(){return t}function i(l){t=n(l)}function s(l){t+=n(l)}function r(l){t-=n(l)}function n(l){return Sn(l)?l:l.get()}return{get:e,set:i,add:s,subtract:r}}function tc(o,t){const e=o.scroll==="x"?n:a,i=t.style;let s=null,r=!1;function n(u){return`translate3d(${u}px,0px,0px)`}function a(u){return`translate3d(0px,${u}px,0px)`}function l(u){if(r)return;const g=ip(o.direction(u));g!==s&&(i.transform=e(g),s=g)}function c(u){r=!u}function h(){r||(i.transform="",t.getAttribute("style")||t.removeAttribute("style"))}return{clear:h,to:l,toggleActive:c}}function wp(o,t,e,i,s,r,n,a,l){const h=$s(s),d=$s(s).reverse(),u=m().concat(y());function g(E,S){return E.reduce((D,I)=>D-s[I],S)}function p(E,S){return E.reduce((D,I)=>g(D,S)>0?D.concat([I]):D,[])}function f(E){return r.map((S,D)=>({start:S-i[D]+.5+E,end:S+t-.5+E}))}function b(E,S,D){const I=f(S);return E.map(M=>{const B=D?0:-e,R=D?e:0,F=D?"end":"start",Y=I[M][F];return{index:M,loopPoint:Y,slideLocation:Ts(-1),translate:tc(o,l[M]),target:()=>a.get()>Y?B:R}})}function m(){const E=n[0],S=p(d,E);return b(S,e,!1)}function y(){const E=t-n[0]-1,S=p(h,E);return b(S,-e,!0)}function w(){return u.every(({index:E})=>{const S=h.filter(D=>D!==E);return g(S,t)<=.1})}function T(){u.forEach(E=>{const{target:S,translate:D,slideLocation:I}=E,M=S();M!==I.get()&&(D.to(M),I.set(M))})}function k(){u.forEach(E=>E.translate.clear())}return{canLoop:w,clear:k,loop:T,loopPoints:u}}function Cp(o,t,e){let i,s=!1;function r(l){if(!e)return;function c(h){for(const d of h)if(d.type==="childList"){l.reInit(),t.emit("slidesChanged");break}}i=new MutationObserver(h=>{s||(no(e)||e(l,h))&&c(h)}),i.observe(o,{childList:!0})}function n(){i&&i.disconnect(),s=!0}return{init:r,destroy:n}}function Sp(o,t,e,i){const s={};let r=null,n=null,a,l=!1;function c(){a=new IntersectionObserver(p=>{l||(p.forEach(f=>{const b=t.indexOf(f.target);s[b]=f}),r=null,n=null,e.emit("slidesInView"))},{root:o.parentElement,threshold:i}),t.forEach(p=>a.observe(p))}function h(){a&&a.disconnect(),l=!0}function d(p){return Bs(s).reduce((f,b)=>{const m=parseInt(b),{isIntersecting:y}=s[m];return(p&&y||!p&&!y)&&f.push(m),f},[])}function u(p=!0){if(p&&r)return r;if(!p&&n)return n;const f=d(p);return p&&(r=f),p||(n=f),f}return{init:c,destroy:h,get:u}}function Tp(o,t,e,i,s,r){const{measureSize:n,startEdge:a,endEdge:l}=o,c=e[0]&&s,h=p(),d=f(),u=e.map(n),g=b();function p(){if(!c)return 0;const y=e[0];return nt(t[a]-y[a])}function f(){if(!c)return 0;const y=r.getComputedStyle(Ee(i));return parseFloat(y.getPropertyValue(`margin-${l}`))}function b(){return e.map((y,w,T)=>{const k=!w,O=En(T,w);return k?u[w]+h:O?u[w]+d:T[w+1][a]-y[a]}).map(nt)}return{slideSizes:u,slideSizesWithGaps:g,startGap:h,endGap:d}}function Ep(o,t,e,i,s,r,n,a,l){const{startEdge:c,endEdge:h,direction:d}=o,u=Sn(e);function g(m,y){return $s(m).filter(w=>w%y===0).map(w=>m.slice(w,w+y))}function p(m){return m.length?$s(m).reduce((y,w,T)=>{const k=Ee(y)||0,O=k===0,E=w===Gs(m),S=s[c]-r[k][c],D=s[c]-r[w][h],I=!i&&O?d(n):0,M=!i&&E?d(a):0,B=nt(D-M-(S+I));return T&&B>t+l&&y.push(w),E&&y.push(m.length),y},[]).map((y,w,T)=>{const k=Math.max(T[w-1]||0);return m.slice(k,y)}):[]}function f(m){return u?g(m,e):p(m)}return{groupSlides:f}}function kp(o,t,e,i,s,r,n){const{align:a,axis:l,direction:c,startIndex:h,loop:d,duration:u,dragFree:g,dragThreshold:p,inViewThreshold:f,slidesToScroll:b,skipSnaps:m,containScroll:y,watchResize:w,watchSlides:T,watchDrag:k,watchFocus:O}=r,E=2,S=lp(),D=S.measure(t),I=e.map(S.measure),M=op(l,c),B=M.measureSize(D),R=cp(B),F=sp(a,B),Y=!d&&!!y,tt=d||!!y,{slideSizes:xt,slideSizesWithGaps:W,startGap:wt,endGap:Gt}=Tp(M,D,I,e,tt,s),Yt=Ep(M,B,b,d,D,I,wt,Gt,E),{snaps:Pe,snapsAligned:me}=bp(M,F,D,I,Yt),It=-Ee(Pe)+Ee(W),{snapsContained:De,scrollContainLimit:le}=pp(B,It,me,y,E),kt=Y?De:me,{limit:Ft}=gp(It,kt,d),ce=Ql(Gs(kt),h,d),ft=ce.clone(),rt=$s(e),A=({dragHandler:Ui,scrollBody:xo,scrollBounds:wo,options:{loop:Qs}})=>{Qs||wo.constrain(Ui.pointerDown()),xo.seek()},J=({scrollBody:Ui,translate:xo,location:wo,offsetLocation:Qs,previousLocation:oh,scrollLooper:nh,slideLooper:ah,dragHandler:lh,animation:ch,eventHandler:Jn,scrollBounds:hh,options:{loop:Qn}},ta)=>{const ea=Ui.settled(),dh=!hh.shouldConstrain(),ia=Qn?ea:ea&&dh,sa=ia&&!lh.pointerDown();sa&&ch.stop();const uh=wo.get()*ta+oh.get()*(1-ta);Qs.set(uh),Qn&&(nh.loop(Ui.direction()),ah.loop()),xo.to(Qs.get()),sa&&Jn.emit("settle"),ia||Jn.emit("scroll")},Ct=rp(i,s,()=>A(yo),Ui=>J(yo,Ui)),Xt=.68,Ae=kt[ce.get()],We=Ts(Ae),Si=Ts(Ae),ai=Ts(Ae),Ti=Ts(Ae),gs=dp(We,ai,Si,Ti,u,Xt),vo=_p(d,kt,It,Ft,Ti),_o=yp(Ct,ce,ft,gs,vo,Ti,n),qn=mp(Ft),Kn=Rs(),sh=Sp(t,e,n,f),{slideRegistry:Zn}=vp(Y,y,kt,le,Yt,rt),rh=xp(o,e,Zn,_o,gs,Kn,n,O),yo={ownerDocument:i,ownerWindow:s,eventHandler:n,containerRect:D,slideRects:I,animation:Ct,axis:M,dragHandler:np(M,o,i,s,Ti,ap(M,s),We,Ct,_o,gs,vo,ce,n,R,g,p,m,Xt,k),eventStore:Kn,percentOfView:R,index:ce,indexPrevious:ft,limit:Ft,location:We,offsetLocation:ai,previousLocation:Si,options:r,resizeHandler:hp(t,n,s,e,M,w,S),scrollBody:gs,scrollBounds:up(Ft,ai,Ti,gs,R),scrollLooper:fp(It,Ft,ai,[We,ai,Si,Ti]),scrollProgress:qn,scrollSnapList:kt.map(qn.get),scrollSnaps:kt,scrollTarget:vo,scrollTo:_o,slideLooper:wp(M,B,It,xt,W,Pe,kt,ai,e),slideFocus:rh,slidesHandler:Cp(t,n,T),slidesInView:sh,slideIndexes:rt,slideRegistry:Zn,slidesToScroll:Yt,target:Ti,translate:tc(M,t)};return yo}function Op(){let o={},t;function e(c){t=c}function i(c){return o[c]||[]}function s(c){return i(c).forEach(h=>h(t,c)),l}function r(c,h){return o[c]=i(c).concat([h]),l}function n(c,h){return o[c]=i(c).filter(d=>d!==h),l}function a(){o={}}const l={init:e,emit:s,off:n,on:r,clear:a};return l}const Pp={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function Dp(o){function t(r,n){return Jl(r,n||{})}function e(r){const n=r.breakpoints||{},a=Bs(n).filter(l=>o.matchMedia(l).matches).map(l=>n[l]).reduce((l,c)=>t(l,c),{});return t(r,a)}function i(r){return r.map(n=>Bs(n.breakpoints||{})).reduce((n,a)=>n.concat(a),[]).map(o.matchMedia)}return{mergeOptions:t,optionsAtMedia:e,optionsMediaQueries:i}}function Ap(o){let t=[];function e(r,n){return t=n.filter(({options:a})=>o.optionsAtMedia(a).active!==!1),t.forEach(a=>a.init(r,o)),n.reduce((a,l)=>Object.assign(a,{[l.name]:l}),{})}function i(){t=t.filter(r=>r.destroy())}return{init:e,destroy:i}}function kn(o,t,e){const i=o.ownerDocument,s=i.defaultView,r=Dp(s),n=Ap(r),a=Rs(),l=Op(),{mergeOptions:c,optionsAtMedia:h,optionsMediaQueries:d}=r,{on:u,off:g,emit:p}=l,f=M;let b=!1,m,y=c(Pp,kn.globalOptions),w=c(y),T=[],k,O,E;function S(){const{container:rt,slides:A}=w;O=(tn(rt)?o.querySelector(rt):rt)||o.children[0];const Ct=tn(A)?O.querySelectorAll(A):A;E=[].slice.call(Ct||O.children)}function D(rt){const A=kp(o,O,E,i,s,rt,l);if(rt.loop&&!A.slideLooper.canLoop()){const J=Object.assign({},rt,{loop:!1});return D(J)}return A}function I(rt,A){b||(y=c(y,rt),w=h(y),T=A||T,S(),m=D(w),d([y,...T.map(({options:J})=>J)]).forEach(J=>a.add(J,"change",M)),w.active&&(m.translate.to(m.location.get()),m.animation.init(),m.slidesInView.init(),m.slideFocus.init(ft),m.eventHandler.init(ft),m.resizeHandler.init(ft),m.slidesHandler.init(ft),m.options.loop&&m.slideLooper.loop(),O.offsetParent&&E.length&&m.dragHandler.init(ft),k=n.init(ft,T)))}function M(rt,A){const J=Yt();B(),I(c({startIndex:J},rt),A),l.emit("reInit")}function B(){m.dragHandler.destroy(),m.eventStore.clear(),m.translate.clear(),m.slideLooper.clear(),m.resizeHandler.destroy(),m.slidesHandler.destroy(),m.slidesInView.destroy(),m.animation.destroy(),n.destroy(),a.clear()}function R(){b||(b=!0,a.clear(),B(),l.emit("destroy"),l.clear())}function F(rt,A,J){!w.active||b||(m.scrollBody.useBaseFriction().useDuration(A===!0?0:w.duration),m.scrollTo.index(rt,J||0))}function Y(rt){const A=m.index.add(1).get();F(A,rt,-1)}function tt(rt){const A=m.index.add(-1).get();F(A,rt,1)}function xt(){return m.index.add(1).get()!==Yt()}function W(){return m.index.add(-1).get()!==Yt()}function wt(){return m.scrollSnapList}function Gt(){return m.scrollProgress.get(m.offsetLocation.get())}function Yt(){return m.index.get()}function Pe(){return m.indexPrevious.get()}function me(){return m.slidesInView.get()}function It(){return m.slidesInView.get(!1)}function De(){return k}function le(){return m}function kt(){return o}function Ft(){return O}function ce(){return E}const ft={canScrollNext:xt,canScrollPrev:W,containerNode:Ft,internalEngine:le,destroy:R,off:g,on:u,emit:p,plugins:De,previousScrollSnap:Pe,reInit:f,rootNode:kt,scrollNext:Y,scrollPrev:tt,scrollProgress:Gt,scrollSnapList:wt,scrollTo:F,selectedScrollSnap:Yt,slideNodes:ce,slidesInView:me,slidesNotInView:It};return I(t,e),setTimeout(()=>l.emit("init"),0),ft}kn.globalOptions=void 0;var Mp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,Ue=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ip(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Mp(t,e,s),s};let fe=class extends gt{constructor(){super(...arguments),this.cards=[],this.skeleton=!1,this.firstUpdated=()=>{const t={align:"start",axis:"x",loop:!1},e=kn(this.emblaViewport,t);if(this.skeleton)return;const i=this.addPrevNextBtnsClickHandlers(e,this.emblaPrevButton,this.emblaNextButton);e.on("destroy",i),e.on("reInit",()=>{!e.canScrollPrev()&&!e.canScrollNext()?(console.debug("No previous or next slides available, hiding arrows."),this.emblaPrevButton.style.visibility="hidden",this.emblaNextButton.style.visibility="hidden"):(console.debug("Previous or next slides available, showing arrows."),this.emblaPrevButton.style.visibility="visible",this.emblaNextButton.style.visibility="visible")})},this.disconnectedCallback=()=>{var t;super.disconnectedCallback(),(t=this.imageSplide)==null||t.destroy()},this.clickHandler=t=>{const e=t.target;this.emit("pbo-category-card-selected",{detail:{cardId:e.dataset.cardId}})},this.addTogglePrevNextBtnsActive=(t,e,i)=>{const s=()=>{t.canScrollPrev()?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled"),t.canScrollNext()?i.removeAttribute("disabled"):i.setAttribute("disabled","disabled")};return t.on("select",s).on("init",s).on("reInit",s),()=>{e.removeAttribute("disabled"),i.removeAttribute("disabled")}}}updateArrowVisibility(){const t=this.imageCarousel.querySelector(".splide__arrow--next"),e=this.imageCarousel.querySelector(".splide__arrow--prev");t.style.visibility=t.disabled?"hidden":"visible",e.style.visibility=e.disabled?"hidden":"visible"}addPrevNextBtnsClickHandlers(t,e,i){const s=()=>{t.scrollPrev()},r=()=>{t.scrollNext()};e.addEventListener("click",s,!1),i.addEventListener("click",r,!1);const n=this.addTogglePrevNextBtnsActive(t,e,i);return()=>{n(),e.removeEventListener("click",s,!1),i.removeEventListener("click",r,!1)}}render(){return this.skeleton?L`
         <div class="category-container skeleton">
           <div class="title"></div>
           <div class="embla__viewport">
@@ -2203,18 +2176,17 @@
       `:L`
       <div class="category-container">
         <slot name="title"></slot>
-
+        <div class="embla__button_container embla__button_container--prev">
+          <button class="embla__button embla__button--prev" type="button">
+            <svg class="embla__button__svg" viewBox="0 0 532 532">
+              <path
+                fill="currentColor"
+                d="M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z"
+              ></path>
+            </svg>
+          </button>
+        </div>
         <section class="embla">
-          <div class="embla__button_container">
-            <button class="embla__button embla__button--prev" type="button">
-              <svg class="embla__button__svg" viewBox="0 0 532 532">
-                <path
-                  fill="currentColor"
-                  d="M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z"
-                ></path>
-              </svg>
-            </button>
-          </div>
           <div class="embla__viewport">
             <div class="embla__container">
               ${Zl(this.cards,t=>L`
@@ -2230,17 +2202,17 @@
                 `)}
             </div>
           </div>
-          <div class="embla__button_container">
-            <button class="embla__button embla__button--next" type="button">
-              <svg class="embla__button__svg" viewBox="0 0 532 532">
-                <path
-                  fill="currentColor"
-                  d="M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z"
-                ></path>
-              </svg>
-            </button>
-          </div>
         </section>
+        <div class="embla__button_container embla__button_container--next">
+          <button class="embla__button embla__button--next" type="button">
+            <svg class="embla__button__svg" viewBox="0 0 532 532">
+              <path
+                fill="currentColor"
+                d="M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z"
+              ></path>
+            </svg>
+          </button>
+        </div>
       </div>
     `}};fe.styles=[pt,Qu,Zr(tp)];Ue([C({type:Array})],fe.prototype,"cards",2);Ue([C({type:Boolean,reflect:!0})],fe.prototype,"skeleton",2);Ue([H("#category-carousel")],fe.prototype,"imageCarousel",2);Ue([H(".embla")],fe.prototype,"emblaNode",2);Ue([H(".embla__viewport")],fe.prototype,"emblaViewport",2);Ue([H(".embla__button--prev")],fe.prototype,"emblaPrevButton",2);Ue([H(".embla__button--next")],fe.prototype,"emblaNextButton",2);Ue([H(".embla__container")],fe.prototype,"emblaContainerEl",2);Ue([$()],fe.prototype,"imageSplide",2);fe=Ue([dt("pbo-category")],fe);const kb=fe,Lp=Q`
   :host {
@@ -3471,7 +3443,7 @@ void main() {
             class="submit-cta"
             style=${ue({display:this.sourceImg&&this.processedImg.masked_img&&!this.isImageProcessing?"block":"none"})}
           >
-            Save and Continue
+            Add to Cart
           </pbo-button>
 
           <!-- Reupload button -->
@@ -3574,7 +3546,7 @@ void main() {
     resize: vertical;
     min-height: 96px;
   }
-`;var Km=Object.defineProperty,Zm=Object.getOwnPropertyDescriptor,Rt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Zm(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Km(t,e,s),s};let yt=class extends gt{constructor(){super(...arguments),this.hasSlotController=new zi(this,"is-gift-label","premium-card-label","free-message-label"),this.hidden=!1,this.expand=!1,this.divided=!1,this.freeMessage="",this.isGift=!1,this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.debouncedFreeMessageChange=()=>{}}handleOnFreeMessageChange(){this.onFreeMessageChange&&(this.debouncedFreeMessageChange=Nu(this.onFreeMessageChange,300))}handleIsGiftChange(){this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.emit("pbo_toggle_is_gift",{detail:{is_checked:this.isGift}})}handleIsFreeMessageCheckedChange(){var t;console.debug("isFreeMessageChecked",this.isFreeMessageChecked),this.isFreeMessageChecked&&(this.isPremiumChecked=!1),this.isFreeMessageChecked||(this.freeMessage="",console.debug("freeMessage is empty"),console.debug("onFreeMessageClear",this.onFreeMessageClear),(t=this.onFreeMessageClear)==null||t.call(this)),this.emit("pbo_toggle_free_message",{detail:{is_checked:this.isFreeMessageChecked}})}handleIsPremiumCheckedChange(){var t;this.isPremiumChecked?(this.isFreeMessageChecked=!1,this.emit("pbo-open-drawer")):this.emit("pbo-close-drawer"),(t=this.onPremiumSelected)==null||t.call(this,this.isPremiumChecked),this.emit("pbo_toggle_is_premium_card",{detail:{is_checked:this.isPremiumChecked}})}handleFreeMessageChange(){var t;this.freeMessage===""?(console.debug("freeMessage is empty"),(t=this.onFreeMessageClear)==null||t.call(this)):this.debouncedFreeMessageChange&&this.debouncedFreeMessageChange(this.freeMessage)}firstUpdated(){this.expand&&(this.isGift=!0)}setGiftOptionEnabled(t){this.isGift=t}setPremiumEnabled(t){this.isPremiumChecked=t}setFreeMessageEnabled(t){this.isFreeMessageChecked=t}handlePremiumChange(t){const e=t.target.checked;this.setPremiumEnabled(e)}render(){const t=this.hasSlotController.test("is-gift-label"),e=this.hasSlotController.test("premium-card-label"),i=this.hasSlotController.test("premium-card-description"),s=this.hasSlotController.test("free-message-label");return L`
+`;var Km=Object.defineProperty,Zm=Object.getOwnPropertyDescriptor,Rt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Zm(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Km(t,e,s),s};let yt=class extends gt{constructor(){super(...arguments),this.hasSlotController=new zi(this,"is-gift-label","premium-card-label","free-message-label"),this.hidden=!1,this.expand=!1,this.dividerConfig={topDivider:{visible:!1,persistent:!1},bottomDivider:{visible:!1,persistent:!1}},this.freeMessage="",this.isGift=!1,this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.debouncedFreeMessageChange=()=>{}}handleOnFreeMessageChange(){this.onFreeMessageChange&&(this.debouncedFreeMessageChange=Nu(this.onFreeMessageChange,300))}handleIsGiftChange(){this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.emit("pbo_toggle_is_gift",{detail:{is_checked:this.isGift}})}handleIsFreeMessageCheckedChange(){var t;console.debug("isFreeMessageChecked",this.isFreeMessageChecked),this.isFreeMessageChecked&&(this.isPremiumChecked=!1),this.isFreeMessageChecked||(this.freeMessage="",console.debug("freeMessage is empty"),console.debug("onFreeMessageClear",this.onFreeMessageClear),(t=this.onFreeMessageClear)==null||t.call(this)),this.emit("pbo_toggle_free_message",{detail:{is_checked:this.isFreeMessageChecked}})}handleIsPremiumCheckedChange(){var t;this.isPremiumChecked?(this.isFreeMessageChecked=!1,this.emit("pbo-open-drawer")):this.emit("pbo-close-drawer"),(t=this.onPremiumSelected)==null||t.call(this,this.isPremiumChecked),this.emit("pbo_toggle_is_premium_card",{detail:{is_checked:this.isPremiumChecked}})}handleFreeMessageChange(){var t;this.freeMessage===""?(console.debug("freeMessage is empty"),(t=this.onFreeMessageClear)==null||t.call(this)):this.debouncedFreeMessageChange&&this.debouncedFreeMessageChange(this.freeMessage)}firstUpdated(){this.expand&&(this.isGift=!0)}setGiftOptionEnabled(t){this.isGift=t}setPremiumEnabled(t){this.isPremiumChecked=t}setFreeMessageEnabled(t){this.isFreeMessageChecked=t}render(){const t=this.hasSlotController.test("is-gift-label"),e=this.hasSlotController.test("premium-card-label"),i=this.hasSlotController.test("premium-card-description"),s=this.hasSlotController.test("free-message-label");return L`
       <div part="base" class="gift-options" ?hidden=${this.hidden}>
         <!-- 🎁 Is this a gift -->
         <div class="is-gift" part="is-gift option-container" ?hidden=${!t}>
@@ -3593,7 +3565,11 @@ void main() {
         </div>
 
         <!-- Divider -->
-        <hr part="divider" class="divider" ?hidden=${!this.divided||!this.isGift} />
+        <hr
+          part="divider top-divider"
+          class="divider"
+          ?hidden=${!this.dividerConfig.topDivider.visible||!this.isGift&&!this.dividerConfig.topDivider.persistent}
+        />
 
         <!-- 💌 Premium Card -->
         <div class="premium-card" part="premium-card" ?hidden=${!this.isGift||!e}>
@@ -3632,6 +3608,10 @@ void main() {
             @input=${r=>{this.freeMessage=r.target.value}}
           ></pbo-textarea>
         </div>
-        <hr part="divider" class="divider" ?hidden=${!this.divided||!this.isGift} />
+        <hr
+          part="divider"
+          class="divider bottom-divider"
+          ?hidden=${!this.dividerConfig.bottomDivider.visible||!this.isGift&&!this.dividerConfig.bottomDivider.persistent}
+        />
       </div>
-    `}clear(){this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.freeMessage=""}};yt.styles=[pt,qm];yt.dependencies={"pbo-textarea":ct};Rt([C({type:Function})],yt.prototype,"onPremiumSelected",2);Rt([C({type:Function})],yt.prototype,"onFreeMessageChange",2);Rt([C({type:Function})],yt.prototype,"onFreeMessageClear",2);Rt([C({type:Boolean,reflect:!0})],yt.prototype,"hidden",2);Rt([C({type:Boolean,reflect:!0})],yt.prototype,"expand",2);Rt([C({type:Boolean,reflect:!0})],yt.prototype,"divided",2);Rt([C()],yt.prototype,"freeMessage",2);Rt([C()],yt.prototype,"isGift",2);Rt([C()],yt.prototype,"isPremiumChecked",2);Rt([C()],yt.prototype,"isFreeMessageChecked",2);Rt([$()],yt.prototype,"debouncedFreeMessageChange",2);Rt([V("onFreeMessageChange")],yt.prototype,"handleOnFreeMessageChange",1);Rt([V("isGift")],yt.prototype,"handleIsGiftChange",1);Rt([V("isFreeMessageChecked")],yt.prototype,"handleIsFreeMessageCheckedChange",1);Rt([V("isPremiumChecked")],yt.prototype,"handleIsPremiumCheckedChange",1);Rt([V("freeMessage")],yt.prototype,"handleFreeMessageChange",1);yt=Rt([dt("pbo-gift-options")],yt);const Wb=yt,Gb=rs,Yb=oe,Xb=He;export{jr as MessageSelector,hb as PboButton,ub as PboButtonGroup,Mb as PboCardSelection,kb as PboCategory,Ob as PboDrawer,Cb as PboEditor,Tb as PboEditorCardSlider,Bb as PboEditorSelector,Xb as PboFakeLoading,$e as PboFontSelector,Wb as PboGiftOption,Vb as PboHandwrittenCanvas,Hb as PboHandwrittenForm,Yb as PboImage,Ab as PboPageManager,gb as PboRadioButton,mb as PboRadioGroup,Gb as PboSpinner,vb as PboTextarea,Lb as PboTypeCanvas,Sb as PboTypeForm,jb as PboZoomedPreview};
+    `}clear(){this.isPremiumChecked=!1,this.isFreeMessageChecked=!1,this.freeMessage=""}};yt.styles=[pt,qm];yt.dependencies={"pbo-textarea":ct};Rt([C({type:Function})],yt.prototype,"onPremiumSelected",2);Rt([C({type:Function})],yt.prototype,"onFreeMessageChange",2);Rt([C({type:Function})],yt.prototype,"onFreeMessageClear",2);Rt([C({type:Boolean,reflect:!0})],yt.prototype,"hidden",2);Rt([C({type:Boolean,reflect:!0})],yt.prototype,"expand",2);Rt([C({type:Object})],yt.prototype,"dividerConfig",2);Rt([C()],yt.prototype,"freeMessage",2);Rt([C()],yt.prototype,"isGift",2);Rt([C()],yt.prototype,"isPremiumChecked",2);Rt([C()],yt.prototype,"isFreeMessageChecked",2);Rt([$()],yt.prototype,"debouncedFreeMessageChange",2);Rt([V("onFreeMessageChange")],yt.prototype,"handleOnFreeMessageChange",1);Rt([V("isGift")],yt.prototype,"handleIsGiftChange",1);Rt([V("isFreeMessageChecked")],yt.prototype,"handleIsFreeMessageCheckedChange",1);Rt([V("isPremiumChecked")],yt.prototype,"handleIsPremiumCheckedChange",1);Rt([V("freeMessage")],yt.prototype,"handleFreeMessageChange",1);yt=Rt([dt("pbo-gift-options")],yt);const Wb=yt,Gb=rs,Yb=oe,Xb=He;export{jr as MessageSelector,hb as PboButton,ub as PboButtonGroup,Mb as PboCardSelection,kb as PboCategory,Ob as PboDrawer,Cb as PboEditor,Tb as PboEditorCardSlider,Bb as PboEditorSelector,Xb as PboFakeLoading,$e as PboFontSelector,Wb as PboGiftOption,Vb as PboHandwrittenCanvas,Hb as PboHandwrittenForm,Yb as PboImage,Ab as PboPageManager,gb as PboRadioButton,mb as PboRadioGroup,Gb as PboSpinner,vb as PboTextarea,Lb as PboTypeCanvas,Sb as PboTypeForm,jb as PboZoomedPreview};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pairbo/ui-kit",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "description": "",
   "type": "module",
   "readme": "./README-NPM.md",