legalesign-document-viewer 0.9.21 → 0.9.23

package/dist/collection/components/ls-validation-tag/ls-validation-tag.css

@@ -21,6 +21,34 @@
   width: fit-content;
 }
 
+.ls-dv-valid-label-wrapper {
+  display: flex;
+  padding: 0.25rem;
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-20, #edeff2);
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.825rem;
+  font-size: 0.75rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.25rem; /* 142.857% */
+  width: fit-content;
+  gap: 0.25rem;
+}
+.ls-dv-valid-label-wrapper:hover {
+  background: var(--gray-10, #f7f8fa);
+  border: 1px solid var(--gray-30, #e0e2e5);
+}
+
+.ls-dv-valid-label-icon-only {
+  display: flex;
+  padding: 0.25rem;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.625rem;
+}
+
 .ls-dv-valid {
   background-color: var(--green-30, #9df5d4);
   color: var(--green-100, #125241);
@@ -60,6 +88,12 @@
   min-width: 1rem;
 }
 
+.ls-field-counter-floating {
+  position: absolute;
+  top: -0.125rem;
+  right: -0.125rem;
+}
+
 .ls-dv-field-counter.ls-dv-compose {
   color: var(--red-10, #fff0f0);
   background: var(--red-60, #f64a44);
@@ -86,6 +120,37 @@
   z-index: 1000;
 }
 
+.ls-dv-field-dropdown.ls-dv-field-dropdown-success {
+  background: linear-gradient(var(--green-10, #effff9) 0%, rgb(255, 255, 255) 100%);
+  width: fit-content;
+  padding: 2rem;
+  align-items: center;
+  justify-content: center;
+}
+.ls-dv-field-dropdown.ls-dv-field-dropdown-success * {
+  text-align: center;
+  white-space: nowrap;
+}
+
+.ls-dv-dropdown-success-icon-outer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 9999px;
+  background: var(--green-20, #c5fde8);
+  padding: 0.5rem;
+}
+
+.ls-dv-dropdown-success-icon-inner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 9999px;
+  background: var(--green-40, #72f0c2);
+  padding: 0.75rem;
+  color: var(--green-100, #125241);
+}
+
 .ls-dv-field-dropdown.ls-dv-compose {
   width: 14rem;
   padding: 0.75rem;

package/dist/collection/components/ls-validation-tag/ls-validation-tag.js

@@ -10,14 +10,10 @@ export class LsValidationTag {
     changeSigner;
     selectFieldForPlacement;
     handleClickOutside = (event) => {
-        const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');
-        let clickedInside = false;
-        dropdowns.forEach(dropdown => {
-            if (dropdown.contains(event.target)) {
-                clickedInside = true;
-            }
-        });
-        if (!clickedInside && this.isExpanded) {
+        const path = event.composedPath();
+        if (path.includes(this.el))
+            return;
+        if (this.isExpanded) {
             this.isExpanded = false;
         }
     };
@@ -30,7 +26,7 @@ export class LsValidationTag {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (h(Host, { key: '1e117b5acf031a1c084399771a28d8c4bd0d016f', ref: el => (this.el = el) }, h("div", { key: '488eae607d994f739a68d009b149b0854944f57d', class: `ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: '90b6a75abddfda8a38a4836aeea15b789812cade', class: `ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')) : this.validationErrors.length === 0 ? dvI18n.t('common.readytosend') : dvI18n.t('common.requiresfields'), this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '3d1a2fe4781a9050e081a223a8b8a7caa2acdc4e', name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: 'b3be3cb7aa00b418bf06da0fed28c05385a4f0d8', name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && this.type === 'compose' && h("ls-icon", { key: '0846e5f8561bf8bb5a008403b84e38f58040f9eb', name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: '45a7d0903170af98fe4c1ea7e6daf1b1f87612e6', class: 'ls-dv-field-dropdown' }, h("div", { key: '1ae7ff7b1fe6189b020067e470525dd59f0bda3a', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'b1cac20880109aef0102d03ec145d66372588950' }, dvI18n.t('common.fieldsrequired')), h("p", { key: 'da268fb7c15ddc8862e2d8807c8fa7360efeaf1f' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures'))), this.validationErrors.map((field, idx) => {
+        return (h(Host, { key: '25b27ab370bf4403ad50baa25ad74c07995c94b6', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'a29e0c5ed0df6a75ef531599f96af8ac12499a33', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, h("div", { key: 'aed00bfc8a5aeea6b86ecab23b4a4d5bacda3de2', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'ab6d2026ead1ba64a6d7b11865484d25e9d0d639' }, dvI18n.t('common.fieldsrequired')), h("p", { key: '5aa70f6d5d20f4a343130516d3dce39b28b4f835' }, this.validationErrors.length, ' ', this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures'))), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
@@ -40,7 +36,7 @@ export class LsValidationTag {
                     '--field-text-color': pallette.s70,
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
-                }, onMouseDown: (e) => {
+                }, onMouseDown: e => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (field?.role) {
@@ -56,7 +52,7 @@ export class LsValidationTag {
                         console.log('Missing role data');
                     }
                 } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'be547bdad39cd595257451cd6ad6b0a3eead4db1', class: 'ls-dv-field-dropdown ls-dv-compose' }, h("div", { key: '06df18a2ce70fa9f080566b0444c025c687dd036', class: "ls-dv-validation-tag-header" }, h("p", { key: 'abb1f3fe219b6c652d6cd78abc41e443ed4bcda0', class: "ls-dv-validation-tag-title" }, dvI18n.t('common.recipientsmissingsignature'))), this.validationErrors.map((field, idx) => {
+        }))), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '1ef77504a61f04e3ab6ba347327bcf032f6209f5', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'c1ba0c7fbae76022f1d333664244e41b214cb8e9', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '373fbeff2747f277f634833a8e8c4bb96a542d5a', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '152d56557737970af5cb3295b942da3a7ba1171f', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '50488ea808367ff690ccc6c644657d7331c0bcc1', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'c21928e9bfef87b855e555585b922851803fd1c5' }, dvI18n.t('common.templatereadytosend')), h("p", { key: 'a85ddca4706f366f7ecddc3f8c0272916eb6683e' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'd9be4708c115dcf3a504c9743842076fd230b801', class: 'ls-dv-field-dropdown ls-dv-compose' }, h("div", { key: '843eaf5300d177ee24dc810cf1e9ada7f8f2d967', class: "ls-dv-validation-tag-header" }, h("p", { key: '0e9ceff764acefda2c5c4af8c248c00d1efbf671', class: "ls-dv-validation-tag-title" }, dvI18n.t('common.recipientsmissingsignature'))), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { class: "ls-dv-validation-tag-row", key: idx, onClick: () => {

package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-validation-tag.js","sourceRoot":"","sources":["../../../../src/components/ls-validation-tag/ls-validation-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOzC,MAAM,OAAO,eAAe;IACD,MAAM,GAAW,SAAS,CAAC;IAC3B,gBAAgB,GAAsB,EAAE,CAAC;IACzC,UAAU,GAAY,KAAK,CAAC;IAC7C,IAAI,GAA0B,SAAS,CAAC;IACxC,YAAY,GAAY,IAAI,CAAC;IAE5B,YAAY,CAAuB;IACnC,uBAAuB,CAA2D;IAEnF,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QAC/E,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5C,aAAa,GAAG,IAAI,CAAC;YACvB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEM,EAAE,CAAc;IAExB,gBAAgB;QACd,IAAI,CAAC,EAAE,GAAI,IAAY,CAAC,IAAI,IAAK,IAAY,CAAC,EAAE,IAAK,IAAY,CAAC,SAAS,CAAC;QAC5E,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAClE,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACrE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAiB,CAAC;YAC5C,4DACE,KAAK,EAAE,qBAAqB,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,EACjK,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEpF,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,IAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAO;gBAC1K,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBACjO,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CACnF,gEAAS,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,CAChJ;gBACA,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,gEAAS,IAAI,EAAC,mBAAmB,EAAC,KAAK,QAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,GAAI;gBACtK,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,gEAAS,IAAI,EAAC,YAAY,EAAC,KAAK,QAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,GAAI,CACtJ;YACL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CACxG,4DAAK,KAAK,EAAE,sBAAsB;gBAChC,4DAAK,KAAK,EAAE,uBAAuB;oBACjC,6DAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAM;oBAC5C;wBACG,IAAI,CAAC,gBAAgB,CAAC,MAAM;;wBAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAClK,CACA;gBACL,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;oBACxC,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;oBACrF,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;oBAEhF,OAAO,CACL,WACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE;4BACL,oBAAoB,EAAE,QAAQ,CAAC,GAAG;4BAClC,sBAAsB,EAAE,QAAQ,CAAC,GAAG;4BACpC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;4BACxC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;4BAClC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;4BACxC,4BAA4B,EAAE,QAAQ,CAAC,GAAG;yBAC3C,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;4BACjB,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,IAAI,KAAK,EAAE,IAAI,EAAE,CAAC;gCAChB,2EAA2E;gCAC3E,MAAM,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,IAAI,WAAW,CAAC;gCACjE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;oCAChC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW;oCACnC,SAAS,EAAE,SAAS;iCACrB,CAAC,CAAC;gCACH,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;4BAC1B,CAAC;iCAAM,CAAC;gCACN,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;4BACnC,CAAC;wBACH,CAAC;wBAED,WAAK,KAAK,EAAE,iCAAiC;4BAC3C,WAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAI;4BAC/D,KAAK,EAAE,IAAI,IAAI,CACd,WAAK,KAAK,EAAE,iCAAiC;gCAC3C,SAAG,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,UAAU,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,EAAE,CAAK;gCACrG,WAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IACrF,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,CAAC,EAAE,CAC3H,CACF,CACP;4BACA,KAAK,EAAE,OAAO,IAAI,CACjB;gCACE,SAAG,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,IAAI,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,CAAK;gCAC5H,WAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IACrF,KAAK,CAAC,WAAW,CACd,CACL,CACJ,CACG,CACF,CACP,CAAC;gBACJ,CAAC,CAAC,CACE,CACP;YACA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CACxG,4DAAK,KAAK,EAAE,oCAAoC;gBAC9C,4DAAK,KAAK,EAAC,6BAA6B;oBACtC,0DAAG,KAAK,EAAC,4BAA4B,IAAE,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAK,CACrF;gBACL,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;oBACxC,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;oBACrF,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;oBAChF,OAAO,CACL,WACE,KAAK,EAAC,0BAA0B,EAChC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;4BACjD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;wBAC1B,CAAC;wBAED,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAQ;wBACjF,WAAK,KAAK,EAAC,8BAA8B;4BACvC,SAAG,KAAK,EAAC,2BAA2B,IAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,aAAa,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,SAAS,IAAI,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAK;4BACrL,SAAG,KAAK,EAAC,4BAA4B,IAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAK,CAC1I,CACF,CACP,CAAC;gBACJ,CAAC,CAAC,CACE,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-validation-tag',\n  styleUrl: 'ls-validation-tag.scss',\n  shadow: true,\n})\nexport class LsValidationTag {\n  @Prop({ mutable: true }) status: string = 'Invalid';\n  @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n  @Prop({ mutable: true }) isExpanded: boolean = false;\n  @Prop() type: 'compose' | 'default' = 'default';\n  @Prop() showDropDown: boolean = true;\n\n  @Event() changeSigner: EventEmitter<number>;\n  @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');\n    let clickedInside = false;\n    dropdowns.forEach(dropdown => {\n      if (dropdown.contains(event.target as Node)) {\n        clickedInside = true;\n      }\n    });\n    if (!clickedInside && this.isExpanded) {\n      this.isExpanded = false;\n    }\n  };\n\n  private el: HTMLElement;\n\n  componentDidLoad() {\n    this.el = (this as any).host || (this as any).el || (this as any).component;\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.el = el as HTMLElement)}>\n        <div\n          class={`ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}\n          onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n        >\n          {this.validationErrors.length > 0 && <div class={`ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}>{this.validationErrors.length}</div>}\n          {this.type === 'compose' ? (this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')) : this.validationErrors.length === 0 ? dvI18n.t('common.readytosend') : dvI18n.t('common.requiresfields')}\n          {this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (\n            <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} style={{ cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' }} />\n          )}\n          {this.validationErrors.length > 0 && this.type === 'compose' && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n          {this.validationErrors.length === 0 && this.type === 'compose' && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n        </div>\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n          <div class={'ls-dv-field-dropdown'}>\n            <div class={'ls-dv-dropdown-header'}>\n              <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n              <p>\n                {this.validationErrors.length} {this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n              </p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n              return (\n                <div\n                  key={idx}\n                  class={'ls-dv-required-field'}\n                  style={{\n                    '--field-background': pallette.s10,\n                    '--field-border-color': pallette.s10,\n                    '--field-background-hover': pallette.s20,\n                    '--field-text-color': pallette.s70,\n                    '--field-text-color-hover': pallette.s80,\n                    '--field-border-color-hover': pallette.s60,\n                  }}\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    if (field?.role) {\n                      // For missing signature validation errors, default to signature field type\n                      const fieldType = field?.element?.formElementType || 'signature';\n                      this.selectFieldForPlacement.emit({\n                        signerIndex: field.role.signerIndex,\n                        fieldType: fieldType,\n                      });\n                      this.isExpanded = false;\n                    } else {\n                      console.log('Missing role data');\n                    }\n                  }}\n                >\n                  <div class={'ls-dv-required-field-items-left'}>\n                    <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n                    {field?.role && (\n                      <div class={'ls-dv-required-field-items-left'}>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n                        </div>\n                      </div>\n                    )}\n                    {field?.element && (\n                      <>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.description}\n                        </div>\n                      </>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n          <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n            <div class=\"ls-dv-validation-tag-header\">\n              <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.recipientsmissingsignature')}</p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n              return (\n                <div\n                  class=\"ls-dv-validation-tag-row\"\n                  key={idx}\n                  onClick={() => {\n                    this.changeSigner.emit(field?.role?.signerIndex);\n                    this.isExpanded = false;\n                  }}\n                >\n                  <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n                  <div class=\"ls-dv-validation-tag-details\">\n                    <p class=\"ls-dv-validation-tag-name\">{field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}</p>\n                    <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-validation-tag.js","sourceRoot":"","sources":["../../../../src/components/ls-validation-tag/ls-validation-tag.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-validation-tag',\n  styleUrl: 'ls-validation-tag.scss',\n  shadow: true,\n})\nexport class LsValidationTag {\n  @Prop({ mutable: true }) status: string = 'Invalid';\n  @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n  @Prop({ mutable: true }) isExpanded: boolean = false;\n  @Prop() type: 'compose' | 'default' = 'default';\n  @Prop() showDropDown: boolean = true;\n\n  @Event() changeSigner: EventEmitter<number>;\n  @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    if (path.includes(this.el)) return;\n    if (this.isExpanded) {\n      this.isExpanded = false;\n    }\n  };\n\n  private el: HTMLElement;\n\n  componentDidLoad() {\n    this.el = (this as any).host || (this as any).el || (this as any).component;\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n\n  render() {\n    return (\n      <Host ref={el => (this.el = el as HTMLElement)}>\n        {this.type === 'compose' ? (\n          <div\n            class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n            onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n          >\n            {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n            {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n            {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n            {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n          </div>\n        ) : (\n          <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n            <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n              <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n            </div>\n            {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n            {this.validationErrors.length > 0 && this.showDropDown && (\n              <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n            )}\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n          <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n            <div class={'ls-dv-dropdown-header'}>\n              <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n              <p>\n                {this.validationErrors.length}{' '}\n                {this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n              </p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n              return (\n                <div\n                  key={idx}\n                  class={'ls-dv-required-field'}\n                  style={{\n                    '--field-background': pallette.s10,\n                    '--field-border-color': pallette.s10,\n                    '--field-background-hover': pallette.s20,\n                    '--field-text-color': pallette.s70,\n                    '--field-text-color-hover': pallette.s80,\n                    '--field-border-color-hover': pallette.s60,\n                  }}\n                  onMouseDown={e => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    if (field?.role) {\n                      // For missing signature validation errors, default to signature field type\n                      const fieldType = field?.element?.formElementType || 'signature';\n                      this.selectFieldForPlacement.emit({\n                        signerIndex: field.role.signerIndex,\n                        fieldType: fieldType,\n                      });\n                      this.isExpanded = false;\n                    } else {\n                      console.log('Missing role data');\n                    }\n                  }}\n                >\n                  <div class={'ls-dv-required-field-items-left'}>\n                    <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n                    {field?.role && (\n                      <div class={'ls-dv-required-field-items-left'}>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n                        </div>\n                      </div>\n                    )}\n                    {field?.element && (\n                      <>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.description}\n                        </div>\n                      </>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n          <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n            <div class=\"ls-dv-dropdown-success-icon-outer\">\n              <div class=\"ls-dv-dropdown-success-icon-inner\">\n                <ls-icon name=\"check-icon\" solid size={28} />\n              </div>\n            </div>\n            <div class={'ls-dv-dropdown-header'}>\n              <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n              <p>{dvI18n.t('common.allfieldsplaced')}</p>\n            </div>\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n          <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n            <div class=\"ls-dv-validation-tag-header\">\n              <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.recipientsmissingsignature')}</p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n              return (\n                <div\n                  class=\"ls-dv-validation-tag-row\"\n                  key={idx}\n                  onClick={() => {\n                    this.changeSigner.emit(field?.role?.signerIndex);\n                    this.isExpanded = false;\n                  }}\n                >\n                  <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n                  <div class=\"ls-dv-validation-tag-details\">\n                    <p class=\"ls-dv-validation-tag-name\">\n                      {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n                    </p>\n                    <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-BrykT5-C.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DffaAVW4.js';
 
 function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');

package/dist/components/ls-add-new-button.js

@@ -1,4 +1,4 @@
-import { L as LsAddNewButton$1, d as defineCustomElement$1 } from './p-Dz16EnCS.js';
+import { L as LsAddNewButton$1, d as defineCustomElement$1 } from './p-Dw_QK-he.js';
 
 const LsAddNewButton = LsAddNewButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-badge.js

@@ -1,4 +1,4 @@
-import { L as LsBadge$1, d as defineCustomElement$1 } from './p-BilTZGhO.js';
+import { L as LsBadge$1, d as defineCustomElement$1 } from './p-BCzMSIcI.js';
 
 const LsBadge = LsBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-banner.js

@@ -1,10 +1,10 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.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$6 } from './p-D9Kd-4_M.js';
-import { d as defineCustomElement$5 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$4 } from './p-BqHWzbwb.js';
-import { d as defineCustomElement$3 } from './p-C8NcdVVP.js';
-import { d as defineCustomElement$2 } from './p-wwN19gwm.js';
+import { d as defineCustomElement$6 } from './p-wijn7N4I.js';
+import { d as defineCustomElement$5 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$4 } from './p-84KTjgkl.js';
+import { d as defineCustomElement$3 } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$2 } from './p-DKo99Z43.js';
 
 const lsBannerCss = () => `*{box-sizing:border-box}.banner{display:flex;width:100%;padding:1rem 1.5rem;align-items:center;gap:1.5rem;border:1px solid var(--border-color);color:var(--text-color);background:var(--background-color)}.banner-text{font-size:0.875rem;font-style:normal;font-weight:var(--font-regular);line-height:1.25rem;width:100%;margin:0}.inset{border-radius:0.625rem;border-left:4px solid var(--border-color)}.label-wrapper{margin-bottom:-4px}`;
 

package/dist/components/ls-banner.js.map

@@ -1 +1 @@
-{"file":"ls-banner.js","mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,8aAA8a,CAAC;;MCE7bA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AACjB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,UAAU,GAAG,QAAQ;AAC7B;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,GAAG,IAAI;AAC9G,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,OAAO,CAAC;AACjE,QAAA,MAAM,WAAW,GAAG,IAAI,KAAK;AACzB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,MAAM;QACpB,MAAM,YAAY,GAAG;AACjB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,IAAI,KAAK;AACP,0BAAE;0BACA,iBAAiB;QACnC,MAAM,YAAY,GAAG;AACjB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,IAAI,KAAK;AACP,0BAAE;0BACA,MAAM;AACxB,QAAA,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAS,MAAA,EAAA,WAAW,CAAK,GAAA,CAAA,EAAE,gBAAgB,EAAE,CAAS,MAAA,EAAA,WAAW,KAAK,EAAE,cAAc,EAAE,CAAA,MAAA,EAAS,WAAW,CAAA,IAAA,CAAM,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsBanner","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-banner/ls-banner.css?tag=ls-banner&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-banner/ls-banner.js"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.banner {\n  display: flex;\n  width: 100%;\n  padding: 1rem 1.5rem;\n  align-items: center;\n  gap: 1.5rem;\n  border: 1px solid var(--border-color);\n  color: var(--text-color);\n  background: var(--background-color);\n}\n\n.banner-text {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: var(--font-regular);\n  line-height: 1.25rem; /* 142.857% */\n  width: 100%;\n  margin: 0;\n}\n\n.inset {\n  border-radius: 0.625rem;\n  border-left: 4px solid var(--border-color);\n}\n\n.label-wrapper {\n  margin-bottom: -4px;\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsBanner {\n    constructor() {\n        this.type = 'info';\n        this.layout = 'full';\n        this.label = false;\n        this.button = false;\n        this.buttonText = 'button';\n    }\n    render() {\n        const { type, layout, text, label, labelText, labelIcon, button, buttonText, buttonIcon, customStyle, } = this;\n        const bannerClass = clsx('banner', layout === 'inset' && 'inset');\n        const bannerColor = type === 'warning'\n            ? 'yellow'\n            : type === 'error'\n                ? 'red'\n                : type === 'success'\n                    ? 'green'\n                    : 'blue';\n        const setLabelIcon = labelIcon\n            ? labelIcon\n            : type === 'warning'\n                ? 'exclamation-icon'\n                : type === 'error'\n                    ? 'exclamation-circle-icon'\n                    : type === 'success'\n                        ? 'check-circle-icon'\n                        : 'light-bulb-icon';\n        const setLabelText = labelText\n            ? labelText\n            : type === 'warning'\n                ? 'Warning'\n                : type === 'error'\n                    ? 'Error'\n                    : type === 'success'\n                        ? 'Success'\n                        : 'Info';\n        return (h(\"host\", { key: 'e550820e6888256c85081d741305b90d9e30be01', class: bannerClass, style: Object.assign({ '--background-color': `var(--${bannerColor}-10`, '--border-color': `var(--${bannerColor}-50`, '--text-color': `var(--${bannerColor}-100` }, customStyle) }, label && (h(\"div\", { key: 'f2b1213f77276f679b158411ca49aa7f95d246e9', class: 'label-wrapper' }, h(\"ls-label\", { key: '1338857f11a37ba5c8dc31c494bfd336e7d1c97c', text: setLabelText, leadingIcon: setLabelIcon, type: 'medium', colour: bannerColor, iconSolid: false }))), h(\"p\", { key: '697874a003bc30c97b4567bb777447920f7147db', class: 'banner-text' }, text), button && (h(\"ls-button\", { key: '422789f2a712fe0407231401add98991d22f23f7', variant: 'tertiary', outline: true, text: buttonText, leadingIcon: buttonIcon }))));\n    }\n    static get is() { return \"ls-banner\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-banner.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-banner.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'info' | 'warning' | 'error' | 'success'\",\n                    \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"success\\\" | \\\"warning\\\"\",\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\": \"type\",\n                \"defaultValue\": \"'info'\"\n            },\n            \"layout\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'full' | 'inset'\",\n                    \"resolved\": \"\\\"full\\\" | \\\"inset\\\"\",\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\": \"layout\",\n                \"defaultValue\": \"'full'\"\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\"\n            },\n            \"label\": {\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\": \"label\",\n                \"defaultValue\": \"false\"\n            },\n            \"labelText\": {\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\": \"label-text\"\n            },\n            \"labelIcon\": {\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\": \"../../components\",\n                            \"id\": \"src/components.d.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\": \"label-icon\"\n            },\n            \"button\": {\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\": \"button\",\n                \"defaultValue\": \"false\"\n            },\n            \"buttonText\": {\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\": \"button-text\",\n                \"defaultValue\": \"'button'\"\n            },\n            \"buttonIcon\": {\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\": \"../../components\",\n                            \"id\": \"src/components.d.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\": \"button-icon\"\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        };\n    }\n}\n"],"version":3}
+{"file":"ls-banner.js","mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,8aAA8a,CAAC;;MCE7bA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AACjB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,UAAU,GAAG,QAAQ;AAC7B;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,GAAG,IAAI;AAC9G,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,OAAO,CAAC;AACjE,QAAA,MAAM,WAAW,GAAG,IAAI,KAAK;AACzB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,MAAM;QACpB,MAAM,YAAY,GAAG;AACjB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,IAAI,KAAK;AACP,0BAAE;0BACA,iBAAiB;QACnC,MAAM,YAAY,GAAG;AACjB,cAAE;cACA,IAAI,KAAK;AACP,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,IAAI,KAAK;AACP,0BAAE;0BACA,MAAM;AACxB,QAAA,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAS,MAAA,EAAA,WAAW,CAAK,GAAA,CAAA,EAAE,gBAAgB,EAAE,CAAS,MAAA,EAAA,WAAW,KAAK,EAAE,cAAc,EAAE,CAAA,MAAA,EAAS,WAAW,CAAA,IAAA,CAAM,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsBanner","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-banner/ls-banner.css?tag=ls-banner&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-banner/ls-banner.js"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.banner {\n  display: flex;\n  width: 100%;\n  padding: 1rem 1.5rem;\n  align-items: center;\n  gap: 1.5rem;\n  border: 1px solid var(--border-color);\n  color: var(--text-color);\n  background: var(--background-color);\n}\n\n.banner-text {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: var(--font-regular);\n  line-height: 1.25rem; /* 142.857% */\n  width: 100%;\n  margin: 0;\n}\n\n.inset {\n  border-radius: 0.625rem;\n  border-left: 4px solid var(--border-color);\n}\n\n.label-wrapper {\n  margin-bottom: -4px;\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsBanner {\n    constructor() {\n        this.type = 'info';\n        this.layout = 'full';\n        this.label = false;\n        this.button = false;\n        this.buttonText = 'button';\n    }\n    render() {\n        const { type, layout, text, label, labelText, labelIcon, button, buttonText, buttonIcon, customStyle, } = this;\n        const bannerClass = clsx('banner', layout === 'inset' && 'inset');\n        const bannerColor = type === 'warning'\n            ? 'yellow'\n            : type === 'error'\n                ? 'red'\n                : type === 'success'\n                    ? 'green'\n                    : 'blue';\n        const setLabelIcon = labelIcon\n            ? labelIcon\n            : type === 'warning'\n                ? 'exclamation-icon'\n                : type === 'error'\n                    ? 'exclamation-circle-icon'\n                    : type === 'success'\n                        ? 'check-circle-icon'\n                        : 'light-bulb-icon';\n        const setLabelText = labelText\n            ? labelText\n            : type === 'warning'\n                ? 'Warning'\n                : type === 'error'\n                    ? 'Error'\n                    : type === 'success'\n                        ? 'Success'\n                        : 'Info';\n        return (h(\"host\", { key: 'e550820e6888256c85081d741305b90d9e30be01', class: bannerClass, style: Object.assign({ '--background-color': `var(--${bannerColor}-10`, '--border-color': `var(--${bannerColor}-50`, '--text-color': `var(--${bannerColor}-100` }, customStyle) }, label && (h(\"div\", { key: 'f2b1213f77276f679b158411ca49aa7f95d246e9', class: 'label-wrapper' }, h(\"ls-label\", { key: '1338857f11a37ba5c8dc31c494bfd336e7d1c97c', text: setLabelText, leadingIcon: setLabelIcon, type: 'medium', colour: bannerColor, iconSolid: false }))), h(\"p\", { key: '697874a003bc30c97b4567bb777447920f7147db', class: 'banner-text' }, text), button && (h(\"ls-button\", { key: '422789f2a712fe0407231401add98991d22f23f7', variant: 'tertiary', outline: true, text: buttonText, leadingIcon: buttonIcon }))));\n    }\n    static get is() { return \"ls-banner\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-banner.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-banner.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'info' | 'warning' | 'error' | 'success'\",\n                    \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"success\\\" | \\\"warning\\\"\",\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\": \"type\",\n                \"defaultValue\": \"'info'\"\n            },\n            \"layout\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'full' | 'inset'\",\n                    \"resolved\": \"\\\"full\\\" | \\\"inset\\\"\",\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\": \"layout\",\n                \"defaultValue\": \"'full'\"\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\"\n            },\n            \"label\": {\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\": \"label\",\n                \"defaultValue\": \"false\"\n            },\n            \"labelText\": {\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\": \"label-text\"\n            },\n            \"labelIcon\": {\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\": \"../../components\",\n                            \"id\": \"src/components.d.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\": \"label-icon\"\n            },\n            \"button\": {\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\": \"button\",\n                \"defaultValue\": \"false\"\n            },\n            \"buttonText\": {\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\": \"button-text\",\n                \"defaultValue\": \"'button'\"\n            },\n            \"buttonIcon\": {\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\": \"../../components\",\n                            \"id\": \"src/components.d.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\": \"button-icon\"\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        };\n    }\n}\n"],"version":3}

package/dist/components/ls-button.js

@@ -1,4 +1,4 @@
-import { L as LsButton$1, d as defineCustomElement$1 } from './p-D9Kd-4_M.js';
+import { L as LsButton$1, d as defineCustomElement$1 } from './p-wijn7N4I.js';
 
 const LsButton = LsButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-card.js

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 const lsCardCss = () => `*{box-sizing:border-box}.card{display:flex;padding-right:var(--card-padding-x);padding-left:var(--card-padding-x);padding-top:var(--card-padding-y);padding-bottom:var(--card-padding-y);border-radius:var(--card-corners);background-color:var(--background-color);gap:var(--item-gap)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.outline{border:var(--outline)}.shadow{box-shadow:var(--shadow-base)}`;

package/dist/components/ls-card.js.map

@@ -1 +1 @@
-{"file":"ls-card.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,0ZAA0Z,CAAC;;MCEvaA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AACf,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AAClB,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AACjB,QAAA,IAAI,CAAC,GAAG,GAAG,EAAE;AACb,QAAA,IAAI,CAAC,eAAe,GAAG,OAAO;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,YAAY,GAAG,gBAAgB;AACpC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACtB;IACD,MAAM,GAAA;QACF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,GAAG,IAAI;AAC1H,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,UAAU,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,IAAI,QAAQ,EAAE,WAAW,CAAC;AACpI,QAAA,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE;gBACtF,gBAAgB,EAAE,CAAG,EAAA,OAAO,CAAI,EAAA,CAAA;gBAChC,oBAAoB,EAAE,CAAG,EAAA,eAAe,CAAE,CAAA;gBAC1C,WAAW,EAAE,CAAa,UAAA,EAAA,YAAY,CAAE,CAAA;gBACxC,kBAAkB,EAAE,CAAG,EAAA,QAAQ,CAAI,EAAA,CAAA;gBACnC,kBAAkB,EAAE,CAAG,EAAA,QAAQ,CAAI,EAAA,CAAA;gBACnC,YAAY,EAAE,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA;AAC3B,aAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-card/ls-card.css?tag=ls-card","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-card/ls-card.js"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.card {\n  display: flex;\n  padding-right: var(--card-padding-x);\n  padding-left: var(--card-padding-x);\n  padding-top: var(--card-padding-y);\n  padding-bottom: var(--card-padding-y);\n  border-radius: var(--card-corners);\n  background-color: var(--background-color);\n  gap: var(--item-gap);\n}\n\n.flex-col {\n  flex-direction: column;\n  \n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.outline {\n  border: var(--outline);\n}\n\n.shadow {\n  box-shadow: var(--shadow-base);\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsCard {\n    constructor() {\n        this.paddingX = 12;\n        this.paddingY = 12;\n        this.direction = 'column';\n        this.corners = 12;\n        this.gap = 12;\n        this.backgroundColor = 'white';\n        this.outline = true;\n        this.outlineColor = 'var(--gray-30)';\n        this.shadow = false;\n    }\n    render() {\n        const { paddingX, paddingY, direction, corners, gap, backgroundColor, outline, outlineColor, shadow, customClass, } = this;\n        const cardClass = clsx('card', direction === 'row' ? 'flex-row' : 'flex-col', outline && 'outline', shadow && 'shadow', customClass);\n        return (h(\"host\", { key: 'c7fe5f9a2dc198e82bd03ac76143720aa2f9a36b', class: cardClass, style: {\n                '--card-corners': `${corners}px`,\n                '--background-color': `${backgroundColor}`,\n                '--outline': `1px solid ${outlineColor}`,\n                '--card-padding-x': `${paddingX}px`,\n                '--card-padding-y': `${paddingY}px`,\n                '--item-gap': `${gap}px`,\n            } }, h(\"slot\", { key: '9b0cfabc63d8cd5bdde413ddf5a3dab0b680dcb3' })));\n    }\n    static get is() { return \"ls-card\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-card.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-card.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"paddingX\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"padding-x\",\n                \"defaultValue\": \"12\"\n            },\n            \"paddingY\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"padding-y\",\n                \"defaultValue\": \"12\"\n            },\n            \"direction\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'row' | 'column'\",\n                    \"resolved\": \"\\\"column\\\" | \\\"row\\\"\",\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\": \"direction\",\n                \"defaultValue\": \"'column'\"\n            },\n            \"corners\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"corners\",\n                \"defaultValue\": \"12\"\n            },\n            \"gap\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"gap\",\n                \"defaultValue\": \"12\"\n            },\n            \"backgroundColor\": {\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\": \"background-color\",\n                \"defaultValue\": \"'white'\"\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"outline\",\n                \"defaultValue\": \"true\"\n            },\n            \"outlineColor\": {\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\": \"outline-color\",\n                \"defaultValue\": \"'var(--gray-30)'\"\n            },\n            \"shadow\": {\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\": \"shadow\",\n                \"defaultValue\": \"false\"\n            },\n            \"customClass\": {\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\": \"custom-class\"\n            }\n        };\n    }\n}\n"],"version":3}
+{"file":"ls-card.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,0ZAA0Z,CAAC;;MCEvaA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AACf,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AAClB,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AACjB,QAAA,IAAI,CAAC,GAAG,GAAG,EAAE;AACb,QAAA,IAAI,CAAC,eAAe,GAAG,OAAO;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,YAAY,GAAG,gBAAgB;AACpC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACtB;IACD,MAAM,GAAA;QACF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,GAAG,GAAG,IAAI;AAC1H,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,UAAU,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,IAAI,QAAQ,EAAE,WAAW,CAAC;AACpI,QAAA,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE;gBACtF,gBAAgB,EAAE,CAAG,EAAA,OAAO,CAAI,EAAA,CAAA;gBAChC,oBAAoB,EAAE,CAAG,EAAA,eAAe,CAAE,CAAA;gBAC1C,WAAW,EAAE,CAAa,UAAA,EAAA,YAAY,CAAE,CAAA;gBACxC,kBAAkB,EAAE,CAAG,EAAA,QAAQ,CAAI,EAAA,CAAA;gBACnC,kBAAkB,EAAE,CAAG,EAAA,QAAQ,CAAI,EAAA,CAAA;gBACnC,YAAY,EAAE,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA;AAC3B,aAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-card/ls-card.css?tag=ls-card","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-card/ls-card.js"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.card {\n  display: flex;\n  padding-right: var(--card-padding-x);\n  padding-left: var(--card-padding-x);\n  padding-top: var(--card-padding-y);\n  padding-bottom: var(--card-padding-y);\n  border-radius: var(--card-corners);\n  background-color: var(--background-color);\n  gap: var(--item-gap);\n}\n\n.flex-col {\n  flex-direction: column;\n  \n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.outline {\n  border: var(--outline);\n}\n\n.shadow {\n  box-shadow: var(--shadow-base);\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsCard {\n    constructor() {\n        this.paddingX = 12;\n        this.paddingY = 12;\n        this.direction = 'column';\n        this.corners = 12;\n        this.gap = 12;\n        this.backgroundColor = 'white';\n        this.outline = true;\n        this.outlineColor = 'var(--gray-30)';\n        this.shadow = false;\n    }\n    render() {\n        const { paddingX, paddingY, direction, corners, gap, backgroundColor, outline, outlineColor, shadow, customClass, } = this;\n        const cardClass = clsx('card', direction === 'row' ? 'flex-row' : 'flex-col', outline && 'outline', shadow && 'shadow', customClass);\n        return (h(\"host\", { key: 'c7fe5f9a2dc198e82bd03ac76143720aa2f9a36b', class: cardClass, style: {\n                '--card-corners': `${corners}px`,\n                '--background-color': `${backgroundColor}`,\n                '--outline': `1px solid ${outlineColor}`,\n                '--card-padding-x': `${paddingX}px`,\n                '--card-padding-y': `${paddingY}px`,\n                '--item-gap': `${gap}px`,\n            } }, h(\"slot\", { key: '9b0cfabc63d8cd5bdde413ddf5a3dab0b680dcb3' })));\n    }\n    static get is() { return \"ls-card\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-card.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-card.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"paddingX\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"padding-x\",\n                \"defaultValue\": \"12\"\n            },\n            \"paddingY\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"padding-y\",\n                \"defaultValue\": \"12\"\n            },\n            \"direction\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'row' | 'column'\",\n                    \"resolved\": \"\\\"column\\\" | \\\"row\\\"\",\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\": \"direction\",\n                \"defaultValue\": \"'column'\"\n            },\n            \"corners\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"corners\",\n                \"defaultValue\": \"12\"\n            },\n            \"gap\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\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\": \"gap\",\n                \"defaultValue\": \"12\"\n            },\n            \"backgroundColor\": {\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\": \"background-color\",\n                \"defaultValue\": \"'white'\"\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"outline\",\n                \"defaultValue\": \"true\"\n            },\n            \"outlineColor\": {\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\": \"outline-color\",\n                \"defaultValue\": \"'var(--gray-30)'\"\n            },\n            \"shadow\": {\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\": \"shadow\",\n                \"defaultValue\": \"false\"\n            },\n            \"customClass\": {\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\": \"custom-class\"\n            }\n        };\n    }\n}\n"],"version":3}

package/dist/components/ls-checkbox-input.js

@@ -1,4 +1,4 @@
-import { L as LsCheckboxInput$1, d as defineCustomElement$1 } from './p-DoQt0hBg.js';
+import { L as LsCheckboxInput$1, d as defineCustomElement$1 } from './p-ygIo6UQn.js';
 
 const LsCheckboxInput = LsCheckboxInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-compose-loader.js

@@ -1,4 +1,4 @@
-import { L as LsComposeLoader$1, d as defineCustomElement$1 } from './p-UI9vt753.js';
+import { L as LsComposeLoader$1, d as defineCustomElement$1 } from './p-OiC5NHtc.js';
 
 const LsComposeLoader = LsComposeLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-compose-manager.js

@@ -1,5 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
 
 const lsComposeManagerCss = () => `:host{display:block}`;
 
@@ -17,10 +17,10 @@ const LsComposeManager$1 = /*@__PURE__*/ proxyCustomElement(class LsComposeManag
      */
     template;
     render() {
-        return (h(Host, { key: 'dd6c189632d5390c16360e9411deb20a10b04e20' }, h("div", { key: '36de0a2b790effb7a2c5199f0b3694b984ccf741', class: "ls-dv-editor-infobox" }, h("h2", { key: '460b7548a015cfa2f8476b6108cf80df4efd3876', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.recipientfields')), h("p", { key: '6b3fb661d327319013d2597132cb00da54a1ffca', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.recipientfieldsdescription'))), h("div", { key: 'fd19eca7c81cf2879617e1ccfaa15636d1f0bc4b', class: "ls-dv-participant-list" }, this.template &&
+        return (h(Host, { key: 'b5eac34c357dffeb6bcf55d900118345449702a6' }, h("div", { key: 'd52b046167046ab05d83cecf2f4dfaf6e9f641a3', class: "ls-dv-editor-infobox" }, h("h2", { key: 'f16a4ceb7feba75cc59ab5bbcbf64081d3512c61', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.recipientfields')), h("p", { key: '28392d6f0322c1554a54618c5a017e3ebbb6eb4e', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.recipientfieldsdescription'))), h("div", { key: '5baa88c3558ac24e96ef44eccc4e33b70df08dbb', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map(() => {
                 return (h("div", null));
-            })), h("slot", { key: 'a8675527a5868ba6d59da2109835e3f94cdd325d' })));
+            })), h("slot", { key: '6c679fe1e5473958d320817d3f123fd23b4b8a9c' })));
     }
     static get style() { return lsComposeManagerCss(); }
 }, [769, "ls-compose-manager", {

package/dist/components/ls-details-section.js

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$2 } from './p-MvHRmlvj.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-BMhCD-zg.js';
 
 const lsDetailsSectionCss = () => `* {
   box-sizing: border-box;