legalesign-document-viewer 0.10.2 → 0.10.4

package/dist/components/{p-BnrAwLD3.js → p-uXv5wPjh.js}

@@ -1,30 +1,30 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-CLbfAJ0X.js';
-import { d as defineCustomElement$q } from './p-MG59mYF3.js';
-import { d as defineCustomElement$p } from './p-D_u1HxMf.js';
-import { d as defineCustomElement$o } from './p-DVKeLLVk.js';
-import { d as defineCustomElement$n } from './p-C0RAZYKW.js';
-import { d as defineCustomElement$m } from './p-j1rAIT-X.js';
-import { d as defineCustomElement$l } from './p-CyQvboOz.js';
-import { d as defineCustomElement$k } from './p-CQVcPp7I.js';
-import { d as defineCustomElement$j } from './p-Ci6AP0jT.js';
-import { d as defineCustomElement$i } from './p-Cm69fGZy.js';
-import { d as defineCustomElement$h } from './p-DRcpbaNd.js';
-import { d as defineCustomElement$g } from './p-Ciap_aJy.js';
-import { d as defineCustomElement$f } from './p-Iy7DUSnq.js';
-import { d as defineCustomElement$e } from './p-B_88roRV.js';
-import { d as defineCustomElement$d } from './p-DPZ4R8tR.js';
-import { d as defineCustomElement$c } from './p-C5Jz_eCB.js';
-import { d as defineCustomElement$b } from './p-DdS3vht-.js';
-import { d as defineCustomElement$a } from './p-lImp2h8Q.js';
-import { d as defineCustomElement$9 } from './p-CItLrDhm.js';
-import { d as defineCustomElement$8 } from './p-s20HlPHN.js';
-import { d as defineCustomElement$7 } from './p-C09xOzQ6.js';
-import { d as defineCustomElement$6 } from './p-DvzrSyuS.js';
-import { d as defineCustomElement$5 } from './p-CB9tEjJy.js';
-import { d as defineCustomElement$4 } from './p-CyKYlaAh.js';
-import { d as defineCustomElement$3 } from './p-B9uklVCX.js';
-import { d as defineCustomElement$2 } from './p-1dutDvgl.js';
-import { d as defineCustomElement$1 } from './p-BsreOXdY.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
+import { d as defineCustomElement$q } from './p-C6Wto5hV.js';
+import { d as defineCustomElement$p } from './p-BNtgCuBd.js';
+import { d as defineCustomElement$o } from './p-BwJElhYd.js';
+import { d as defineCustomElement$n } from './p-rE7Q2Ue3.js';
+import { d as defineCustomElement$m } from './p-BQ7lEZmO.js';
+import { d as defineCustomElement$l } from './p-CQx0j-F_.js';
+import { d as defineCustomElement$k } from './p-Ij6Uu9h8.js';
+import { d as defineCustomElement$j } from './p-B4nern9h.js';
+import { d as defineCustomElement$i } from './p-COX6-Qb4.js';
+import { d as defineCustomElement$h } from './p-DwKK-L0J.js';
+import { d as defineCustomElement$g } from './p-BCNmvVjK.js';
+import { d as defineCustomElement$f } from './p-C_A1TQER.js';
+import { d as defineCustomElement$e } from './p-DYzmbr8y.js';
+import { d as defineCustomElement$d } from './p-D0k1Pz_A.js';
+import { d as defineCustomElement$c } from './p-4SVN50rZ.js';
+import { d as defineCustomElement$b } from './p-UwE-6cC0.js';
+import { d as defineCustomElement$a } from './p-COkDTfhY.js';
+import { d as defineCustomElement$9 } from './p-7tNxs8No.js';
+import { d as defineCustomElement$8 } from './p-BBevdiks.js';
+import { d as defineCustomElement$7 } from './p-D1L3-Uvq.js';
+import { d as defineCustomElement$6 } from './p-BNihuKsl.js';
+import { d as defineCustomElement$5 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$4 } from './p-CKZG8VvW.js';
+import { d as defineCustomElement$3 } from './p-CbaxmrLQ.js';
+import { d as defineCustomElement$2 } from './p-C7ZEYzas.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 
 const lsFieldPropertiesCss = () => `:host{display:block;width:100%;padding:1rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
@@ -76,7 +76,7 @@ const LsFieldProperties = /*@__PURE__*/ proxyCustomElement(class LsFieldProperti
         event.stopPropagation();
     };
     render() {
-        return (h(Host, { key: 'df0234e5384d4cae53b670cfee9ed4767e190dec', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '5a7c912c0d2f013e97b5c3ab403e58044f7dcd79' })));
+        return (h(Host, { key: '8a711d56d7c988d3ded4153dbd1a8b5d8b82d458', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'e3e5dc0fc41d78c5fca1ddbae4fbd68f4145e628' })));
     }
     static get style() { return lsFieldPropertiesCss(); }
 }, [769, "ls-field-properties", {
@@ -230,6 +230,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldProperties as L, defineCustomElement as d };
-//# sourceMappingURL=p-BnrAwLD3.js.map
+//# sourceMappingURL=p-uXv5wPjh.js.map
 
-//# sourceMappingURL=p-BnrAwLD3.js.map
+//# sourceMappingURL=p-uXv5wPjh.js.map

package/dist/components/{p-BnrAwLD3.js.map → p-uXv5wPjh.js.map}

@@ -1 +1 @@
-{"file":"p-BnrAwLD3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n  tag: 'ls-field-properties',\n  styleUrl: 'ls-field-properties.scss',\n  shadow: true,\n})\nexport class LsFieldProperties {\n  @Prop() dataItem: LSApiElement[];\n  @Prop() template: any; // LSApiTemplate\n  @Prop() readonly: boolean = false;\n\n  renderFields() {\n    if (this.dataItem && this.dataItem?.length === 1) {\n      switch (this.dataItem[0].formElementType) {\n        case 'signature':\n          return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} />\n        case 'date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'signing date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'text':\n          return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'number':\n          return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'autosign':\n          return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'email':\n          return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'image':\n          return <ls-field-properties-image dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'file':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'dropdown':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} />\n        default:\n          return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} />\n\n      }\n    } else if (this.dataItem && this.dataItem?.length > 1)\n      return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} />\n\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  private handleKeyUp = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n        {this.dataItem && this.renderFields()}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-uXv5wPjh.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,s+IAAs+I,CAAC;;MCQ9/I,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB,IAAA,QAAQ;IACR,QAAQ,CAAM;IACd,QAAQ,GAAY,KAAK;IAEjC,YAAY,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,EAAE;YAChD,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe;AACtC,gBAAA,KAAK,WAAW;oBACd,OAAO,CAAA,CAAA,+BAAA,EAAA,EAA+B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI;AACxH,gBAAA,KAAK,MAAM;oBACT,OAAO,gCAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC1F,gBAAA,KAAK,cAAc;oBACjB,OAAO,gCAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC1F,gBAAA,KAAK,MAAM;oBACT,OAAO,gCAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC1F,gBAAA,KAAK,QAAQ;oBACX,OAAO,kCAA4B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC5F,gBAAA,KAAK,UAAU;oBACb,OAAO,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC9F,gBAAA,KAAK,OAAO;oBACV,OAAO,iCAA2B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC3F,gBAAA,KAAK,OAAO;oBACV,OAAO,iCAA2B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC3F,gBAAA,KAAK,MAAM;oBACT,OAAO,gCAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC1F,gBAAA,KAAK,UAAU;oBACb,OAAO,gCAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC1F,gBAAA;oBACE,OAAO,mCAA6B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;;;aAG1F,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;AACnD,YAAA,OAAO,CAA8B,CAAA,8BAAA,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;;AAIrF,IAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;QAC/C,KAAK,CAAC,eAAe,EAAE;AACzB,KAAC;AAEO,IAAA,WAAW,GAAG,CAAC,KAAoB,KAAI;QAC7C,KAAK,CAAC,eAAe,EAAE;AACzB,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC3D,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n  tag: 'ls-field-properties',\n  styleUrl: 'ls-field-properties.scss',\n  shadow: true,\n})\nexport class LsFieldProperties {\n  @Prop() dataItem: LSApiElement[];\n  @Prop() template: any; // LSApiTemplate\n  @Prop() readonly: boolean = false;\n\n  renderFields() {\n    if (this.dataItem && this.dataItem?.length === 1) {\n      switch (this.dataItem[0].formElementType) {\n        case 'signature':\n          return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} />\n        case 'date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'signing date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'text':\n          return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'number':\n          return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'autosign':\n          return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'email':\n          return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'image':\n          return <ls-field-properties-image dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'file':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'dropdown':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} />\n        default:\n          return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} />\n\n      }\n    } else if (this.dataItem && this.dataItem?.length > 1)\n      return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} />\n\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  private handleKeyUp = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n        {this.dataItem && this.renderFields()}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DLtUiUbu.js → p-wijn7N4I.js}

@@ -1,8 +1,8 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-CLbfAJ0X.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-CB9tEjJy.js';
-import { d as defineCustomElement$2 } from './p-CoUvqjky.js';
-import { d as defineCustomElement$1 } from './p-i4y_Venf.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$1 } from './p-DKo99Z43.js';
 
 const lsButtonCss = () => `button{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none}.button{position:relative;width:fit-content;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;font-weight:var(--font-medium) !important;text-transform:capitalize;white-space:nowrap;justify-content:center;transition:all 0.3s;border:1px solid transparent;text-decoration-line:none;color:inherit}.font-weight-test{font-weight:var(--font-medium)}.full-width-button{width:100%;min-width:100% !important}.loading{pointer-events:none}.host{display:flex;height:fit-content;position:relative;line-height:0;background-color:transparent !important;box-shadow:none !important}.button:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.text-container{display:inline-flex;align-items:center;justify-content:center}.text-padding-sm{padding:0.5rem}.text-padding-md{padding:0.625rem}.text-padding-lg{padding:0.75rem}.primary{color:white;background-color:var(--primary-60);box-shadow:var(--shadow-base)}.primary:hover{background-color:var(--primary-70);box-shadow:var(--shadow-none)}.primary:active{background-color:var(--primary-60)}.primary-aaa{color:white;background-color:var(--primary-70);box-shadow:var(--shadow-base)}.primary-aaa:hover{background-color:var(--primary-80);box-shadow:var(--shadow-none)}.primary-aaa:active{background-color:var(--primary-70)}.primary:disabled{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondary{color:var(--gray-90);background-color:white;box-shadow:var(--shadow-base)}.secondary:hover{color:var(--gray-100);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondary:active,.secondary:focus{color:var(--gray-100)}.secondary-aaa{color:var(--gray-100);background-color:white;box-shadow:var(--shadow-base)}.secondary:disabled{color:var(--gray-40);background-color:var(--gray-10);box-shadow:var(--shadow-none)}.secondaryColour{color:var(--primary-60);background-color:var(--primary-10);box-shadow:var(--shadow-base)}.secondaryColour:hover{background-color:var(--primary-20);box-shadow:var(--shadow-none)}.secondaryColour:active{color:var(--primary-60);background-color:var(--primary-10)}.secondaryColour:disabled{color:var(--primary-30);background-color:var(--primary-10);box-shadow:var(--shadow-none)}.tertiary{color:var(--primary-60);background-color:transparent}.tertiary:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiary:active{background-color:var(--white)}.tertiary:disabled{color:var(--primary-30);background-color:transparent}.destructive{color:var(--white);background-color:var(--red-70);box-shadow:var(--shadow-inner)}.destructive:hover{background-color:var(--red-80)}.destructive:disabled{background-color:var(--red-10)}.destructiveTertiary{color:var(--red-70);background-color:transparent}.destructiveTertiary:hover{background-color:var(--red-10)}.destructiveTertiary:disabled{color:var(--red-30);background-color:transparent}.tertiaryGrey{color:var(--gray-80);background-color:transparent}.tertiaryGrey:hover{color:var(--gray-90);background-color:var(--gray-10)}.tertiaryGrey:active{color:var(--gray-100);background-color:var(--white)}.tertiaryGrey:focus{color:var(--gray-100)}.tertiaryGrey:disabled{color:var(--gray-30);background-color:transparent}.tertiaryDashed{color:var(--primary-60);background-color:transparent;border-style:dashed}.tertiaryDashed:hover{color:var(--primary-70);background-color:var(--primary-10)}.tertiaryDashed:active{background-color:var(--white)}.tertiaryDashed:disabled{color:var(--primary-30);background-color:transparent}.size-sm{font-size:0.875rem;padding:0.5rem;height:2.25rem}.size-md{font-size:1.125rem;padding:0.625rem;height:2.75rem}.size-lg{font-size:1.25rem;padding:0.75rem;line-height:1.75rem;height:3.25rem}.rounded-sm-soft{border-radius:0.5rem}.rounded-md-soft{border-radius:0.627rem}.rounded-lg-soft{border-radius:0.75rem}.rounded-sm-full,.rounded-md-full,.rounded-lg-full{border-radius:9999px}.disabled{cursor:default}.primary-outline{border:1px solid var(--primary-80)}.primary-outline:disabled{border-color:var(--primary-30)}.secondary-outline{border:1px solid var(--gray-50)}.secondary-outline:disabled{border-color:var(--gray-40)}.secondaryColour-outline{border:1px solid var(--primary-50)}.secondaryColour-outline:disabled{border-color:var(--primary-40)}.tertiary-outline{border:1px solid var(--primary-60)}.tertiary-outline:disabled{border-color:var(--primary-30)}.tertiaryGrey-outline{border:1px solid var(--gray-40)}.tertiaryGrey-outline:hover{border-color:var(--gray-50)}.tertiaryGrey-outline:disabled{border-color:var(--gray-30)}.destructive-outline{border:1px solid var(--red-80)}.destructive-outline:disabled{border-color:var(--red-30)}.destructiveTertiary-outline{border:1px solid var(--red-60)}.destructiveTertiary-outline:disabled{border-color:var(--red-30)}@keyframes dotPulse{0%{opacity:1}33%{opacity:0}66%{opacity:1}}.dot{display:inline-block;animation:dotPulse 1s infinite}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}`;
 
@@ -97,6 +97,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsButton as L, defineCustomElement as d };
-//# sourceMappingURL=p-DLtUiUbu.js.map
+//# sourceMappingURL=p-wijn7N4I.js.map
 
-//# sourceMappingURL=p-DLtUiUbu.js.map
+//# sourceMappingURL=p-wijn7N4I.js.map

package/dist/components/{p-DLtUiUbu.js.map → p-wijn7N4I.js.map}

@@ -1 +1 @@
-{"file":"p-DLtUiUbu.js","mappings":"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","names":["this","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-button/ls-button.css?tag=ls-button&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-button/ls-button.js"],"sourcesContent":["button {\n  all: unset;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n.button {\n  position: relative;\n  width: fit-content;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-weight: var(--font-medium) !important;\n  text-transform: capitalize;\n  white-space: nowrap;\n  justify-content: center;\n  transition: all 0.3s;\n  border: 1px solid transparent;\n  text-decoration-line: none;\n  color: inherit;\n}\n\n.font-weight-test {\n  font-weight: var(--font-medium);\n}\n\n.full-width-button {\n  width: 100%;\n  min-width: 100% !important;\n}\n\n.loading {\n  pointer-events: none;\n}\n\n.host {\n  display: flex;\n\n  height: fit-content;\n  position: relative;\n  line-height: 0;\n  background-color: transparent !important;\n  box-shadow: none !important;\n}\n\n.button:focus {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n}\n\n.text-container {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.text-padding-sm {\n  padding: 0.5rem;\n}\n\n.text-padding-md {\n  padding: 0.625rem;\n}\n\n.text-padding-lg {\n  padding: 0.75rem;\n}\n\n/* Variants */\n.primary {\n  color: white;\n  background-color: var(--primary-60);\n  box-shadow: var(--shadow-base);\n}\n\n.primary:hover {\n  background-color: var(--primary-70);\n  box-shadow: var(--shadow-none);\n}\n\n.primary:active {\n  background-color: var(--primary-60);\n}\n\n.primary-aaa {\n  color: white;\n  background-color: var(--primary-70);\n  box-shadow: var(--shadow-base);\n}\n\n.primary-aaa:hover {\n  background-color: var(--primary-80);\n  box-shadow: var(--shadow-none);\n}\n\n.primary-aaa:active {\n  background-color: var(--primary-70);\n}\n\n.primary:disabled {\n  background-color: var(--primary-20);\n  box-shadow: var(--shadow-none);\n}\n\n.secondary {\n  color: var(--gray-90);\n  background-color: white;\n  box-shadow: var(--shadow-base);\n}\n\n.secondary:hover {\n  color: var(--gray-100);\n  background-color: var(--gray-10);\n  box-shadow: var(--shadow-none);\n}\n\n.secondary:active,\n.secondary:focus {\n  color: var(--gray-100);\n}\n\n.secondary-aaa {\n  color: var(--gray-100);\n  background-color: white;\n  box-shadow: var(--shadow-base);\n}\n\n.secondary:disabled {\n  color: var(--gray-40);\n  background-color: var(--gray-10);\n  box-shadow: var(--shadow-none);\n}\n\n.secondaryColour {\n  color: var(--primary-60);\n  background-color: var(--primary-10);\n  box-shadow: var(--shadow-base);\n}\n\n.secondaryColour:hover {\n  background-color: var(--primary-20);\n  box-shadow: var(--shadow-none);\n}\n\n.secondaryColour:active {\n  color: var(--primary-60);\n  background-color: var(--primary-10);\n}\n\n.secondaryColour:disabled {\n  color: var(--primary-30);\n  background-color: var(--primary-10);\n  box-shadow: var(--shadow-none);\n}\n\n.tertiary {\n  color: var(--primary-60);\n  background-color: transparent;\n}\n\n.tertiary:hover {\n  color: var(--primary-70);\n  background-color: var(--primary-10);\n}\n\n.tertiary:active {\n  background-color: var(--white);\n}\n\n.tertiary:disabled {\n  color: var(--primary-30);\n  background-color: transparent;\n}\n\n.destructive {\n  color: var(--white);\n  background-color: var(--red-70);\n  box-shadow: var(--shadow-inner);\n}\n\n.destructive:hover {\n  background-color: var(--red-80);\n}\n\n.destructive:disabled {\n  background-color: var(--red-10);\n}\n\n.destructiveTertiary {\n  color: var(--red-70);\n  background-color: transparent;\n}\n\n.destructiveTertiary:hover {\n  background-color: var(--red-10);\n}\n\n.destructiveTertiary:disabled {\n  color: var(--red-30);\n  background-color: transparent;\n}\n\n.tertiaryGrey {\n  color: var(--gray-80);\n  background-color: transparent;\n}\n\n.tertiaryGrey:hover {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n}\n\n.tertiaryGrey:active {\n  color: var(--gray-100);\n  background-color: var(--white);\n}\n\n.tertiaryGrey:focus {\n  color: var(--gray-100);\n}\n\n.tertiaryGrey:disabled {\n  color: var(--gray-30);\n  background-color: transparent;\n}\n\n.tertiaryDashed {\n  color: var(--primary-60);\n  background-color: transparent;\n  border-style: dashed;\n}\n\n.tertiaryDashed:hover {\n  color: var(--primary-70);\n  background-color: var(--primary-10);\n}\n\n.tertiaryDashed:active {\n  background-color: var(--white);\n}\n\n.tertiaryDashed:disabled {\n  color: var(--primary-30);\n  background-color: transparent;\n}\n\n/* Sizes */\n.size-sm {\n  font-size: 0.875rem;\n  padding: 0.5rem;\n  height: 2.25rem;\n}\n\n.size-md {\n  font-size: 1.125rem;\n  padding: 0.625rem;\n  height: 2.75rem;\n}\n\n.size-lg {\n  font-size: 1.25rem;\n  padding: 0.75rem;\n  line-height: 1.75rem;\n  height: 3.25rem;\n}\n\n/* Rounded */\n.rounded-sm-soft {\n  border-radius: 0.5rem;\n}\n\n.rounded-md-soft {\n  border-radius: 0.627rem;\n}\n\n.rounded-lg-soft {\n  border-radius: 0.75rem;\n}\n\n.rounded-sm-full,\n.rounded-md-full,\n.rounded-lg-full {\n  border-radius: 9999px;\n}\n\n/* Disabled */\n.disabled {\n  cursor: default;\n}\n\n/* Outline styles */\n.primary-outline {\n  border: 1px solid var(--primary-80);\n}\n\n.primary-outline:disabled {\n  border-color: var(--primary-30);\n}\n\n.secondary-outline {\n  border: 1px solid var(--gray-50);\n}\n\n.secondary-outline:disabled {\n  border-color: var(--gray-40);\n}\n\n.secondaryColour-outline {\n  border: 1px solid var(--primary-50);\n}\n\n.secondaryColour-outline:disabled {\n  border-color: var(--primary-40);\n}\n\n.tertiary-outline {\n  border: 1px solid var(--primary-60);\n}\n\n.tertiary-outline:disabled {\n  border-color: var(--primary-30);\n}\n\n.tertiaryGrey-outline {\n  border: 1px solid var(--gray-40);\n}\n\n.tertiaryGrey-outline:hover {\n  border-color: var(--gray-50);\n}\n\n.tertiaryGrey-outline:disabled {\n  border-color: var(--gray-30);\n}\n\n.destructive-outline {\n  border: 1px solid var(--red-80);\n}\n\n.destructive-outline:disabled {\n  border-color: var(--red-30);\n}\n\n.destructiveTertiary-outline {\n  border: 1px solid var(--red-60);\n}\n\n.destructiveTertiary-outline:disabled {\n  border-color: var(--red-30);\n}\n\n@keyframes dotPulse {\n  0% {\n    opacity: 1;\n  }\n\n  33% {\n    opacity: 0;\n  }\n\n  66% {\n    opacity: 1;\n  }\n}\n\n.dot {\n  display: inline-block;\n  animation: dotPulse 1s infinite;\n}\n\n.dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n\n.dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s)\n        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n            t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsButton {\n    constructor() {\n        this.variant = 'primary';\n        this.accessibility = 'aa';\n        this.type = 'button';\n        this.size = 'sm';\n        this.rounded = 'soft';\n        this.fullWidth = false;\n        this.iconSolid = false;\n        this.outline = false;\n        this.disabled = false;\n        this.loading = false;\n        this.loadingText = 'Loading...';\n        this.text = '';\n    }\n    render() {\n        const _a = this, { type, accessibility, customStyle, variant, outline, rounded, size, fullWidth, leadingIcon, trailingIcon, iconSolid, loading, loadingText, disabled, text } = _a, rest = __rest(_a, [\"type\", \"accessibility\", \"customStyle\", \"variant\", \"outline\", \"rounded\", \"size\", \"fullWidth\", \"leadingIcon\", \"trailingIcon\", \"iconSolid\", \"loading\", \"loadingText\", \"disabled\", \"text\"]);\n        const buttonClass = clsx('button', variant && variant, outline && `${variant}-outline`, accessibility === 'aaa' && `${variant}-aaa`, size && `size-${size.charAt(0) + size.slice(1)}`, rounded &&\n            `rounded-${size.charAt(0) + size.slice(1)}-${rounded.charAt(0) + rounded.slice(1)}`, disabled && 'disabled', loading && 'loading', fullWidth && 'full-width-button');\n        const textContainterClass = clsx('text-container', `text-padding-${size.charAt(0) + size.slice(1)}`);\n        const hostClass = clsx('host', variant && variant);\n        return (h(\"host\", { key: 'eb5598477e69b4a30a94cc3e5f98633201082225', class: hostClass, style: customStyle }, h(\"button\", Object.assign({ key: '775b2cadf7e5b252bdb4be08b25d8e6bc437d597', type: type, disabled: disabled, class: buttonClass, style: customStyle }, rest), loading && (h(\"ls-loading\", { key: 'e6ba6a70489b2079b4cb1e0cefcf8bb2f689c5b3', iconSize: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), loading && loadingText !== undefined && loadingText !== '' && h(\"span\", { key: '9fc0a13b4a8cba79807bfdedd3a7f19edc4f4442', class: textContainterClass }, loadingText), !loading && leadingIcon && (h(\"ls-icon\", { key: '2a5db27ce87b7b515774b900f28d4d3476fe0613', name: leadingIcon, solid: iconSolid, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), !loading && text && h(\"span\", { key: '69ff252f13e83395f96e74bc06db55cf0a51e138', class: textContainterClass }, text), !loading && trailingIcon && (h(\"ls-icon\", { key: '1b1470db22c4c937d5a3ab6c7b4282495be601be', name: trailingIcon, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20, solid: iconSolid })))));\n    }\n    static get is() { return \"ls-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ButtonVariant\",\n                    \"resolved\": \"\\\"destructive\\\" | \\\"destructiveTertiary\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"secondaryColour\\\" | \\\"tertiary\\\" | \\\"tertiaryDashed\\\" | \\\"tertiaryGrey\\\"\",\n                    \"references\": {\n                        \"ButtonVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Button\",\n                            \"id\": \"src/types/Button.ts::ButtonVariant\",\n                            \"referenceLocation\": \"ButtonVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"variant\",\n                \"defaultValue\": \"'primary'\"\n            },\n            \"accessibility\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'aa' | 'aaa'\",\n                    \"resolved\": \"\\\"aa\\\" | \\\"aaa\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"accessibility\",\n                \"defaultValue\": \"'aa'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ButtonType\",\n                    \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n                    \"references\": {\n                        \"ButtonType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/ui/ui/packages/ui/src/components/ls-button/ls-button.tsx\",\n                            \"id\": \"src/components/ls-button/ls-button.tsx::ButtonType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'button'\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"lg\\\" | \\\"md\\\" | \\\"sm\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Size\",\n                            \"id\": \"src/types/Size.ts::Size\",\n                            \"referenceLocation\": \"Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"size\",\n                \"defaultValue\": \"'sm'\"\n            },\n            \"rounded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Rounded\",\n                    \"resolved\": \"\\\"full\\\" | \\\"none\\\" | \\\"soft\\\"\",\n                    \"references\": {\n                        \"Rounded\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Rounded\",\n                            \"id\": \"src/types/Rounded.ts::Rounded\",\n                            \"referenceLocation\": \"Rounded\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"rounded\",\n                \"defaultValue\": \"'soft'\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"full-width\",\n                \"defaultValue\": \"false\"\n            },\n            \"leadingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"leading-icon\"\n            },\n            \"trailingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"trailing-icon\"\n            },\n            \"iconSolid\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"icon-solid\",\n                \"defaultValue\": \"false\"\n            },\n            \"outline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"outline\",\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"disabled\",\n                \"defaultValue\": \"false\"\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"loading\",\n                \"defaultValue\": \"false\"\n            },\n            \"loadingText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"loading-text\",\n                \"defaultValue\": \"'Loading...'\"\n            },\n            \"customStyle\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"{ [key: string]: string }\",\n                    \"resolved\": \"{ [key: string]: string; }\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\",\n                \"defaultValue\": \"''\"\n            },\n            \"rest\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"JSXBase.ButtonHTMLAttributes<HTMLButtonElement>\",\n                    \"resolved\": \"ButtonHTMLAttributes<HTMLButtonElement>\",\n                    \"references\": {\n                        \"JSXBase\": {\n                            \"location\": \"import\",\n                            \"path\": \"@stencil/core/internal\",\n                            \"id\": \"../../node_modules/@stencil/core/internal/index.d.ts::JSXBase\",\n                            \"referenceLocation\": \"JSXBase\"\n                        },\n                        \"HTMLButtonElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLButtonElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"version":3}
+{"file":"p-wijn7N4I.js","mappings":"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","names":["this","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-button/ls-button.css?tag=ls-button&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-button/ls-button.js"],"sourcesContent":["button {\n  all: unset;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n.button {\n  position: relative;\n  width: fit-content;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  font-weight: var(--font-medium) !important;\n  text-transform: capitalize;\n  white-space: nowrap;\n  justify-content: center;\n  transition: all 0.3s;\n  border: 1px solid transparent;\n  text-decoration-line: none;\n  color: inherit;\n}\n\n.font-weight-test {\n  font-weight: var(--font-medium);\n}\n\n.full-width-button {\n  width: 100%;\n  min-width: 100% !important;\n}\n\n.loading {\n  pointer-events: none;\n}\n\n.host {\n  display: flex;\n\n  height: fit-content;\n  position: relative;\n  line-height: 0;\n  background-color: transparent !important;\n  box-shadow: none !important;\n}\n\n.button:focus {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n}\n\n.text-container {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.text-padding-sm {\n  padding: 0.5rem;\n}\n\n.text-padding-md {\n  padding: 0.625rem;\n}\n\n.text-padding-lg {\n  padding: 0.75rem;\n}\n\n/* Variants */\n.primary {\n  color: white;\n  background-color: var(--primary-60);\n  box-shadow: var(--shadow-base);\n}\n\n.primary:hover {\n  background-color: var(--primary-70);\n  box-shadow: var(--shadow-none);\n}\n\n.primary:active {\n  background-color: var(--primary-60);\n}\n\n.primary-aaa {\n  color: white;\n  background-color: var(--primary-70);\n  box-shadow: var(--shadow-base);\n}\n\n.primary-aaa:hover {\n  background-color: var(--primary-80);\n  box-shadow: var(--shadow-none);\n}\n\n.primary-aaa:active {\n  background-color: var(--primary-70);\n}\n\n.primary:disabled {\n  background-color: var(--primary-20);\n  box-shadow: var(--shadow-none);\n}\n\n.secondary {\n  color: var(--gray-90);\n  background-color: white;\n  box-shadow: var(--shadow-base);\n}\n\n.secondary:hover {\n  color: var(--gray-100);\n  background-color: var(--gray-10);\n  box-shadow: var(--shadow-none);\n}\n\n.secondary:active,\n.secondary:focus {\n  color: var(--gray-100);\n}\n\n.secondary-aaa {\n  color: var(--gray-100);\n  background-color: white;\n  box-shadow: var(--shadow-base);\n}\n\n.secondary:disabled {\n  color: var(--gray-40);\n  background-color: var(--gray-10);\n  box-shadow: var(--shadow-none);\n}\n\n.secondaryColour {\n  color: var(--primary-60);\n  background-color: var(--primary-10);\n  box-shadow: var(--shadow-base);\n}\n\n.secondaryColour:hover {\n  background-color: var(--primary-20);\n  box-shadow: var(--shadow-none);\n}\n\n.secondaryColour:active {\n  color: var(--primary-60);\n  background-color: var(--primary-10);\n}\n\n.secondaryColour:disabled {\n  color: var(--primary-30);\n  background-color: var(--primary-10);\n  box-shadow: var(--shadow-none);\n}\n\n.tertiary {\n  color: var(--primary-60);\n  background-color: transparent;\n}\n\n.tertiary:hover {\n  color: var(--primary-70);\n  background-color: var(--primary-10);\n}\n\n.tertiary:active {\n  background-color: var(--white);\n}\n\n.tertiary:disabled {\n  color: var(--primary-30);\n  background-color: transparent;\n}\n\n.destructive {\n  color: var(--white);\n  background-color: var(--red-70);\n  box-shadow: var(--shadow-inner);\n}\n\n.destructive:hover {\n  background-color: var(--red-80);\n}\n\n.destructive:disabled {\n  background-color: var(--red-10);\n}\n\n.destructiveTertiary {\n  color: var(--red-70);\n  background-color: transparent;\n}\n\n.destructiveTertiary:hover {\n  background-color: var(--red-10);\n}\n\n.destructiveTertiary:disabled {\n  color: var(--red-30);\n  background-color: transparent;\n}\n\n.tertiaryGrey {\n  color: var(--gray-80);\n  background-color: transparent;\n}\n\n.tertiaryGrey:hover {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n}\n\n.tertiaryGrey:active {\n  color: var(--gray-100);\n  background-color: var(--white);\n}\n\n.tertiaryGrey:focus {\n  color: var(--gray-100);\n}\n\n.tertiaryGrey:disabled {\n  color: var(--gray-30);\n  background-color: transparent;\n}\n\n.tertiaryDashed {\n  color: var(--primary-60);\n  background-color: transparent;\n  border-style: dashed;\n}\n\n.tertiaryDashed:hover {\n  color: var(--primary-70);\n  background-color: var(--primary-10);\n}\n\n.tertiaryDashed:active {\n  background-color: var(--white);\n}\n\n.tertiaryDashed:disabled {\n  color: var(--primary-30);\n  background-color: transparent;\n}\n\n/* Sizes */\n.size-sm {\n  font-size: 0.875rem;\n  padding: 0.5rem;\n  height: 2.25rem;\n}\n\n.size-md {\n  font-size: 1.125rem;\n  padding: 0.625rem;\n  height: 2.75rem;\n}\n\n.size-lg {\n  font-size: 1.25rem;\n  padding: 0.75rem;\n  line-height: 1.75rem;\n  height: 3.25rem;\n}\n\n/* Rounded */\n.rounded-sm-soft {\n  border-radius: 0.5rem;\n}\n\n.rounded-md-soft {\n  border-radius: 0.627rem;\n}\n\n.rounded-lg-soft {\n  border-radius: 0.75rem;\n}\n\n.rounded-sm-full,\n.rounded-md-full,\n.rounded-lg-full {\n  border-radius: 9999px;\n}\n\n/* Disabled */\n.disabled {\n  cursor: default;\n}\n\n/* Outline styles */\n.primary-outline {\n  border: 1px solid var(--primary-80);\n}\n\n.primary-outline:disabled {\n  border-color: var(--primary-30);\n}\n\n.secondary-outline {\n  border: 1px solid var(--gray-50);\n}\n\n.secondary-outline:disabled {\n  border-color: var(--gray-40);\n}\n\n.secondaryColour-outline {\n  border: 1px solid var(--primary-50);\n}\n\n.secondaryColour-outline:disabled {\n  border-color: var(--primary-40);\n}\n\n.tertiary-outline {\n  border: 1px solid var(--primary-60);\n}\n\n.tertiary-outline:disabled {\n  border-color: var(--primary-30);\n}\n\n.tertiaryGrey-outline {\n  border: 1px solid var(--gray-40);\n}\n\n.tertiaryGrey-outline:hover {\n  border-color: var(--gray-50);\n}\n\n.tertiaryGrey-outline:disabled {\n  border-color: var(--gray-30);\n}\n\n.destructive-outline {\n  border: 1px solid var(--red-80);\n}\n\n.destructive-outline:disabled {\n  border-color: var(--red-30);\n}\n\n.destructiveTertiary-outline {\n  border: 1px solid var(--red-60);\n}\n\n.destructiveTertiary-outline:disabled {\n  border-color: var(--red-30);\n}\n\n@keyframes dotPulse {\n  0% {\n    opacity: 1;\n  }\n\n  33% {\n    opacity: 0;\n  }\n\n  66% {\n    opacity: 1;\n  }\n}\n\n.dot {\n  display: inline-block;\n  animation: dotPulse 1s infinite;\n}\n\n.dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n\n.dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s)\n        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n            t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsButton {\n    constructor() {\n        this.variant = 'primary';\n        this.accessibility = 'aa';\n        this.type = 'button';\n        this.size = 'sm';\n        this.rounded = 'soft';\n        this.fullWidth = false;\n        this.iconSolid = false;\n        this.outline = false;\n        this.disabled = false;\n        this.loading = false;\n        this.loadingText = 'Loading...';\n        this.text = '';\n    }\n    render() {\n        const _a = this, { type, accessibility, customStyle, variant, outline, rounded, size, fullWidth, leadingIcon, trailingIcon, iconSolid, loading, loadingText, disabled, text } = _a, rest = __rest(_a, [\"type\", \"accessibility\", \"customStyle\", \"variant\", \"outline\", \"rounded\", \"size\", \"fullWidth\", \"leadingIcon\", \"trailingIcon\", \"iconSolid\", \"loading\", \"loadingText\", \"disabled\", \"text\"]);\n        const buttonClass = clsx('button', variant && variant, outline && `${variant}-outline`, accessibility === 'aaa' && `${variant}-aaa`, size && `size-${size.charAt(0) + size.slice(1)}`, rounded &&\n            `rounded-${size.charAt(0) + size.slice(1)}-${rounded.charAt(0) + rounded.slice(1)}`, disabled && 'disabled', loading && 'loading', fullWidth && 'full-width-button');\n        const textContainterClass = clsx('text-container', `text-padding-${size.charAt(0) + size.slice(1)}`);\n        const hostClass = clsx('host', variant && variant);\n        return (h(\"host\", { key: 'eb5598477e69b4a30a94cc3e5f98633201082225', class: hostClass, style: customStyle }, h(\"button\", Object.assign({ key: '775b2cadf7e5b252bdb4be08b25d8e6bc437d597', type: type, disabled: disabled, class: buttonClass, style: customStyle }, rest), loading && (h(\"ls-loading\", { key: 'e6ba6a70489b2079b4cb1e0cefcf8bb2f689c5b3', iconSize: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), loading && loadingText !== undefined && loadingText !== '' && h(\"span\", { key: '9fc0a13b4a8cba79807bfdedd3a7f19edc4f4442', class: textContainterClass }, loadingText), !loading && leadingIcon && (h(\"ls-icon\", { key: '2a5db27ce87b7b515774b900f28d4d3476fe0613', name: leadingIcon, solid: iconSolid, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20 })), !loading && text && h(\"span\", { key: '69ff252f13e83395f96e74bc06db55cf0a51e138', class: textContainterClass }, text), !loading && trailingIcon && (h(\"ls-icon\", { key: '1b1470db22c4c937d5a3ab6c7b4282495be601be', name: trailingIcon, size: size === 'md' ? 24 : size === 'lg' ? 28 : 20, solid: iconSolid })))));\n    }\n    static get is() { return \"ls-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ButtonVariant\",\n                    \"resolved\": \"\\\"destructive\\\" | \\\"destructiveTertiary\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"secondaryColour\\\" | \\\"tertiary\\\" | \\\"tertiaryDashed\\\" | \\\"tertiaryGrey\\\"\",\n                    \"references\": {\n                        \"ButtonVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Button\",\n                            \"id\": \"src/types/Button.ts::ButtonVariant\",\n                            \"referenceLocation\": \"ButtonVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"variant\",\n                \"defaultValue\": \"'primary'\"\n            },\n            \"accessibility\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'aa' | 'aaa'\",\n                    \"resolved\": \"\\\"aa\\\" | \\\"aaa\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"accessibility\",\n                \"defaultValue\": \"'aa'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ButtonType\",\n                    \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n                    \"references\": {\n                        \"ButtonType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/ui/ui/packages/ui/src/components/ls-button/ls-button.tsx\",\n                            \"id\": \"src/components/ls-button/ls-button.tsx::ButtonType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'button'\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"lg\\\" | \\\"md\\\" | \\\"sm\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Size\",\n                            \"id\": \"src/types/Size.ts::Size\",\n                            \"referenceLocation\": \"Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"size\",\n                \"defaultValue\": \"'sm'\"\n            },\n            \"rounded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Rounded\",\n                    \"resolved\": \"\\\"full\\\" | \\\"none\\\" | \\\"soft\\\"\",\n                    \"references\": {\n                        \"Rounded\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Rounded\",\n                            \"id\": \"src/types/Rounded.ts::Rounded\",\n                            \"referenceLocation\": \"Rounded\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"rounded\",\n                \"defaultValue\": \"'soft'\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"full-width\",\n                \"defaultValue\": \"false\"\n            },\n            \"leadingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"leading-icon\"\n            },\n            \"trailingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"trailing-icon\"\n            },\n            \"iconSolid\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"icon-solid\",\n                \"defaultValue\": \"false\"\n            },\n            \"outline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"outline\",\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"disabled\",\n                \"defaultValue\": \"false\"\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"loading\",\n                \"defaultValue\": \"false\"\n            },\n            \"loadingText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"loading-text\",\n                \"defaultValue\": \"'Loading...'\"\n            },\n            \"customStyle\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"{ [key: string]: string }\",\n                    \"resolved\": \"{ [key: string]: string; }\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\",\n                \"defaultValue\": \"''\"\n            },\n            \"rest\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"JSXBase.ButtonHTMLAttributes<HTMLButtonElement>\",\n                    \"resolved\": \"ButtonHTMLAttributes<HTMLButtonElement>\",\n                    \"references\": {\n                        \"JSXBase\": {\n                            \"location\": \"import\",\n                            \"path\": \"@stencil/core/internal\",\n                            \"id\": \"../../node_modules/@stencil/core/internal/index.d.ts::JSXBase\",\n                            \"referenceLocation\": \"JSXBase\"\n                        },\n                        \"HTMLButtonElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLButtonElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/{p-BKHg_nvO.js → p-x_ncrpeq.js}

@@ -1,12 +1,12 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-CLbfAJ0X.js';
-import { d as dvI18n } from './p-B8VmBxFg.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-Bp8hmhrC.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as defineCustomElement$4 } from './p-1ddWJmvW.js';
-import { d as defineCustomElement$3 } from './p-CB9tEjJy.js';
-import { d as defineCustomElement$2 } from './p-DdCwAPae.js';
-import { d as defineCustomElement$1 } from './p-BsreOXdY.js';
+import { d as defineCustomElement$4 } from './p-DVBhtEXS.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-lphkmIXU.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 
-const version = "0.10.2";
+const version = "0.10.4";
 
 const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.ls-dv-controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem}*{margin:0;padding:0;box-sizing:border-box}.ls-dv-status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.ls-dv-controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}input[type=range]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #edeff2);border-radius:0.25rem;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border:none;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}input[type=range]::-webkit-slider-runnable-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6f7176);text-transform:capitalize}button.ls-dv-tertiary-grey:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-thumbnail-popover{position:absolute;bottom:3rem;right:0;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1.75rem;box-shadow:0px 8px 24px rgba(0, 0, 0, 0.15);padding:0.75rem;z-index:1001;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.ls-dv-thumbnail-grid{background:var(--gray-10, #f7f8fa);padding:0.75rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1rem;overflow-y:auto;max-height:100%}.ls-dv-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:0.25rem;cursor:pointer}.ls-dv-thumbnail-wrapper>span:last-child{font-size:var(--text-xs, 0.75rem);color:var(--gray-80, #6f7176);font-weight:500}.ls-dv-thumbnail{border:1px solid var(--gray-30, #e0e2e5);border-radius:0.5rem;cursor:pointer;transition:border-color 0.15s}.ls-dv-thumbnail:hover{border-color:var(--primary-40, #79adfc);box-shadow:0 0 0 2px rgba(163, 180, 249, 0.3)}.ls-dv-thumbnail.active{border-color:var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-30, #9dc3fc);box-shadow:var(--shadow-md)}.ls-dv-thumbnail-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:0.25rem}.ls-dv-thumbnail-dot{width:0.5rem;height:0.5rem;border-radius:50%;display:inline-block;border:2px solid var(--dot-color-60);background-color:var(--dot-color-40)}.ls-dv-version{position:absolute;bottom:100%;right:0;color:var(--gray-50, #afb0b2);font-size:0.625rem;padding-bottom:0.25rem}`;
 
@@ -86,8 +86,6 @@ const LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H
                 canvas.height = viewport.height;
                 canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';
                 canvas.addEventListener('click', () => this.goToPage(i));
-                const ctx = canvas.getContext('2d');
-                page.render({ canvasContext: ctx, viewport });
                 const wrapper = document.createElement('div');
                 wrapper.className = 'ls-dv-thumbnail-wrapper';
                 wrapper.addEventListener('click', () => this.goToPage(i));
@@ -106,6 +104,14 @@ const LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H
                 wrapper.appendChild(dots);
                 wrapper.appendChild(label);
                 container.appendChild(wrapper);
+                // Render after appending to DOM — Safari requires the canvas to be
+                // in the visible tree before getContext/render produces output.
+                const ctx = canvas.getContext('2d');
+                page.render({ canvasContext: ctx, viewport }).promise.then(() => {
+                    // Force Safari to composit the canvas by toggling a style property
+                    canvas.style.opacity = '0.99';
+                    requestAnimationFrame(() => { canvas.style.opacity = '1'; });
+                });
             });
         }
     }
@@ -120,20 +126,24 @@ const LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H
         this.zoom = this.editor.zoom;
     }
     render() {
-        return (h(Host, { key: '53faa228da592e60991d7555beaaf5533875eabe' }, h("div", { key: '70ee0d7ce0cf85ba2157e441e214c212c0c28bb0', class: 'ls-dv-controls-bar' }, h("div", { key: 'af68ac4bceed84601e31f847066f919e68b5331d', class: 'ls-dv-status-bar-section' }, h("button", { key: '0fb3dc98b8dc949f4c0ba4deb6edd87eb0ce78e7', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '190854bfae7eb3f008ed80bea2448b75a5ed3e71', name: "zoom-out-icon" })), h("span", { key: '6b7597a3bca4799ea112c42b4c99c372dd0abad4' }, Math.round(this.zoom * 100), "%"), h("button", { key: '41d3e716017a7fbba3d560b4503e9fbce98f4b52', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: 'b1d6a9092c73877a9ac4caba7531c28480cf6d4c', name: "zoom-in-icon" }))), h("div", { key: 'db649caaf3cfc2654217757860c06f249c8ff0e3', class: 'ls-dv-status-bar-section' }, h("button", { key: '82e7e93090c1c86a03a7effa9b5f2d48a8f47f7f', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: 'c8581b709d07e39268090d517942c748e00a71a1', name: "fit-width-icon" })), h("button", { key: 'b0b5b766f89aeecccb89e575acd92a8adf6c7a0b', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: '74121a4d7c090c0351d958d6ee4bed6096dfef7e', name: "fit-height-icon" }))), h("div", { key: 'b8a7fc83f80995fb87e76f267eec46491e72c519', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '5492aab66ef442ec160986626534acbec8764e18', onClick: () => {
+        return (h(Host, { key: '72abf1693b9925ef89f1d09fface712686272034' }, h("div", { key: 'f9400ddce2d944c7f3ae4b2a0e525c008f1af8bc', class: 'ls-dv-controls-bar' }, h("div", { key: 'da761188c1a0b2dd439d386d253a727a5918a4cc', class: 'ls-dv-status-bar-section' }, h("button", { key: '254a7107f688265ab0d453feac4d6925714283d3', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '6aae9eb5c92a17720a5d8ce70806f1d14abe38fa', name: "zoom-out-icon" })), h("span", { key: 'e3beb4716277e3b1c37dc16951c45e5581e76161' }, Math.round(this.zoom * 100), "%"), h("button", { key: 'e115bc77ecb7a85dc698ae37cbf8a9a6729f7294', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '9995f22729c5cda845af517a49a7f831e0b90ae9', name: "zoom-in-icon" }))), h("div", { key: '235de8f5fa5897fbda95e767e5b3901e56de85ee', class: 'ls-dv-status-bar-section' }, h("button", { key: 'fd23d81c5aa1e3ea6fb61f7bac2c8bd92f2d8b95', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '2cbf6228420f7681aed5eca63007336bf455779f', name: "fit-width-icon" })), h("button", { key: 'f3f7aa25fe9d1bc09d0b01ed065ecf2e2ea85f11', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'c5847fe102ddea1a5d789ca5b9618b755c6a45bc', name: "fit-height-icon" }))), h("div", { key: '4a05e3e22e676b90a7805f545f50162a2665a05f', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '58648dc5f1eacb111101b2ac8be7007639b0fb43', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: '0f5c2b270dab6c37540033ab91bc928337b80b98', name: "chevron-left-icon" })), h("p", { key: 'd5dda249c7e8fc7e1598843f3e7adf645199fbb2' }, this.page, " / ", this.pageCount), h("button", { key: 'ea40978813313cefc426369d108f95bacbb1a572', onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: '363b528d177ae6fdce60b1aa8ef2bafc946a8fe0', name: "chevron-left-icon" })), h("p", { key: '815cd100404d05d8333b9a9d4fa638db8bc29206' }, this.page, " / ", this.pageCount), h("button", { key: '8baaba2c8da7b9de58aed1a7bf15919d0253737c', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '2a592ffb85ba56ad2ce1a6b30603fcdd45d67d65', name: "chevron-right-icon" }))), h("div", { key: '4598bcb299d656ccb0d067e1c45a400455650bef', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '06b43e1bbf1bf274f2d173f8ba3f320e2a0a53ba', onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '442a710ed4edf1e36aec2094ebbc895dd4958446', name: "chevron-right-icon" }))), h("div", { key: '5102aa9e2e17b0749d76fbe89fa65e661603464f', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'a42499a591668fb0f83b8fc866f02f383e347b51', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
-                    setTimeout(() => this.renderThumbnails(), 0);
-                    setTimeout(() => document.addEventListener('click', this.outsideClickHandler), 0);
+                    requestAnimationFrame(() => {
+                        requestAnimationFrame(() => {
+                            this.renderThumbnails();
+                            document.addEventListener('click', this.outsideClickHandler);
+                        });
+                    });
                 }
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '86f2336856bc70bdb67e43fd34bfb33ce7f9f6f5', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon' }))), this.showThumbnails && (h("div", { key: '06c3688bdef5f17e32c5bc227177391f644b2282', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'da94ccaa69612e80c3eb2565978bd1564bf29b69', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), h("ls-helper-bar", { key: '24796e6bc754c862ab509401f1261d472366076a' }), h("span", { key: 'd1a0acade2795369a61bc421c4b30d9df127c981', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '7473beddb28c28f8f081b07388ead22abbc013ce', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '1cd555291e099f9943e6f7e352a1d95212e72e63' })));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '1bd5de1139031f1760e1bb45c149d373445469a5', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon' }))), this.showThumbnails && (h("div", { key: '8e6c48e98f6e301e15bb1b554849a14e163bcef7', class: "ls-dv-thumbnail-popover" }, h("div", { key: '66daba54e6f3d204a0847d21b5b76e4d5d2121ac', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), h("ls-helper-bar", { key: '4606d6cdaf1ce978cd987e4cf10638de42a439d6' }), h("span", { key: 'a895f55bb6447d950856d9287c39b872409394fb', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '8b3ceed70502ded7e9b7bff54322fc9508e62e29', tooltipId: "ls-dv-tooltip" }), h("slot", { key: 'cd767786f5129c5508ade7be538ce7f39c7f10dd' })));
     }
     static get style() { return lsStatusbarCss(); }
 }, [769, "ls-statusbar", {
@@ -179,6 +189,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsStatusbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-BKHg_nvO.js.map
+//# sourceMappingURL=p-x_ncrpeq.js.map
 
-//# sourceMappingURL=p-BKHg_nvO.js.map
+//# sourceMappingURL=p-x_ncrpeq.js.map