@pairbo/ui-kit 0.3.12 → 0.3.14

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

@@ -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,7 +1988,9 @@
   ::slotted([slot="title"]) {
     font-size: var(--title-font-size);
     font-weight: var(--title-font-weight);
-    margin: var(--title-margin);
+    margin: 12px 0 0 4px;
+    grid-column-start: 2;
+    grid-column-end: 2;
   }
 
   :host(:first-of-type) ::slotted([slot="title"]) {
@@ -1997,53 +1999,10 @@
   .category-container {
     margin-left: auto;
     margin-right: auto;
+    display: grid;
+    grid-template-columns: 30px 1fr 30px;
+    grid-template-rows: auto 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);
-  }
-
-  .splide__slide img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    object-fit: contain;
-    cursor: pointer;
-    transition: all 0.3s ease;
-  }
-
-  .splide__slide img:hover {
-    transform: scale(1.1);
-  }
-
   /* -------------------------------- skeleton -------------------------------- */
   .skeleton .splide__slide {
     border: none;
@@ -2073,10 +2032,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 +2061,7 @@
   .embla__viewport {
     overflow: hidden;
     width: 100%;
+    padding: calc(var(--slide-spacing) * 0.5);
   }
 
   .embla__container {
@@ -2108,11 +2071,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,7 +2085,6 @@
   }
 
   .embla__slide__img {
-    box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 0.1);
     border: 2px solid var(--pbo-color-gray-200);
     display: flex;
     align-items: center;
@@ -2167,8 +2128,8 @@
   }
 
   .embla__button__svg {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
   }
 
   .embla__button_container {
@@ -2203,18 +2164,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 +2190,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 {
@@ -3574,7 +3534,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 +3553,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 +3596,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.12",
+  "version": "0.3.14",
   "description": "",
   "type": "module",
   "readme": "./README-NPM.md",