npm - legalesign-document-viewer - Versions diffs - 0.9.21 → 0.9.23 - Mend

legalesign-document-viewer 0.9.21 → 0.9.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (486) hide show

package/dist/components/{p-d3qXKu5b.js.map → p-Dt8gRmhC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~d3qXKu5b~~.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IAEd,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n\n@Component({\n tag: 'ls-field-properties-email',\n styleUrl: 'ls-field-properties-email.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesEmail {\n @Prop() dataItem: LSApiElement;\n \n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Dt8gRmhC.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IAEd,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n\n@Component({\n tag: 'ls-field-properties-email',\n styleUrl: 'ls-field-properties-email.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesEmail {\n @Prop() dataItem: LSApiElement;\n \n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Dz16EnCS.js → p-Dw_QK-he.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-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$3 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$2 } from './p-C8NcdVVP.js';
-import { d as defineCustomElement$1 } from './p-wwN19gwm.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$1 } from './p-DKo99Z43.js';
 const lsAddNewButtonCss = () => `
 .button {
@@ -71,12 +71,14 @@ const lsAddNewButtonCss = () => `
 .button:not(:disabled):not(.destructive) {
   .icon {
-    color: var(--gray-100);
+    color: var(--gray-80);
   }
 }
-.button.destructive.icon:not(:disabled) {
-  color: var(--red-60);
+.button.destructive:not(:disabled) {
+  .icon {
+    color: var(--red-60);
+  }
 }`;
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -150,6 +152,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsAddNewButton as L, defineCustomElement as d };
-//# sourceMappingURL=p-Dz16EnCS.js.map
+//# sourceMappingURL=p-Dw_QK-he.js.map
-//# sourceMappingURL=p-Dz16EnCS.js.map
+//# sourceMappingURL=p-Dw_QK-he.js.map

package/dist/components/p-Dw_QK-he.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-Dw_QK-he.js","mappings":"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","names":["this","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-add-new-button/ls-add-new-button.css?tag=ls-add-new-button&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-add-new-button/ls-add-new-button.js"],"sourcesContent":["\n.button {\n position: relative;\n display: flex;\n justify-content: center;\n width: 100%;\n align-items: center;\n gap: 0.5rem;\n text-transform: capitalize;\n transition: all 0.3s;\n padding: 0.5rem 0.375rem;\n border-radius: 0.5rem;\n text-decoration-line: none;\n background-color: var(--white);\n}\n\n.button.destructive {\n border: 2px dashed var(--red-20);\n color: var(--red-60);\n}\n\n.button:not(.destructive) {\n border: 2px dashed var(--gray-20);\n color: var(--gray-80);\n}\n\n.button:hover {\n\n cursor: pointer;\n}\n\n.button.destructive:hover:not(:disabled) {\n background-color: var(--red-10);\n color: var(--red-80);\n\n .icon {\n color: var(--red-80)\n }\n}\n\n\n.button:hover:not(:disabled):not(.destructive) {\n color: var(--primary-50);\n background-color: var(--primary-10);\n border-color: var(--primary-20);\n\n .icon {\n color: var(--primary-50);\n }\n}\n\n\n.button:focus {\n box-shadow: var(--focus-box-shadow);\n outline-offset: var(--focus-outline-offset);\n outline: none;\n}\n\n.button:disabled {\n background-color: var(--gray-10);\n color: var(--gray-50);\n border-color: var(--gray-20);\n cursor: not-allowed;\n}\n\n.button:not(:disabled):not(.destructive) {\n .icon {\n color: var(--gray-80);\n }\n}\n\n.button.destructive:not(:disabled) {\n .icon {\n color: var(--red-60);\n }\n}","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsAddNewButton {\n constructor() {\n this.text = '';\n this.loading = false;\n this.disabled = false;\n this.destructive = false;\n }\n render() {\n const _a = this, { text, icon, loading, disabled, destructive, customStyle } = _a, rest = __rest(_a, [\"text\", \"icon\", \"loading\", \"disabled\", \"destructive\", \"customStyle\"]);\n const buttonClass = clsx('button', disabled && 'disabled', destructive && 'destructive');\n return (h(\"host\", { key: '2a7c7aac19eaf12a3a6f086c98742f9b8060d38e' }, h(\"button\", Object.assign({ key: 'bc2b817560e0b0c299a72bf22ef6b07e10da94e2', type: 'button', disabled: disabled || loading, class: buttonClass, style: customStyle }, rest), icon && !loading && (h(\"ls-icon\", { key: 'b680fed0f0622a91d894aaea7871bff8911655a1', name: icon, solid: false, size: 20, class: 'icon' })), loading && (h(\"div\", { key: '05fecd907228278d9f1fbc2f5dc3c56c204e0afc' }, h(\"ls-loading\", { key: 'aa871b1ed5becd6fb1e4eedd335647951f4dcbab', iconSize: 20 }))), text && !loading && h(\"span\", { key: 'ff60357b611378d8481c7f76de4013b999658b7a', class: 'text' }, text), loading && h(\"span\", { key: '554b44264128c84f94649efe888a3769d3f977dd', class: 'text' }, \"loading...\"))));\n }\n static get is() { return \"ls-add-new-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-add-new-button.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-add-new-button.css\"]\n };\n }\n static get properties() {\n return {\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"text\",\n \"defaultValue\": \"''\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"icon\"\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"loading\",\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"disabled\",\n \"defaultValue\": \"false\"\n },\n \"destructive\": {\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\": \"destructive\",\n \"defaultValue\": \"false\"\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 \"rest\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"JSXBase.ButtonHTMLAttributes<HTMLButtonElement>\",\n \"resolved\": \"ButtonHTMLAttributes<HTMLButtonElement>\",\n \"references\": {\n \"JSXBase\": {\n \"location\": \"import\",\n \"path\": \"@stencil/core/internal\",\n \"id\": \"../../node_modules/@stencil/core/internal/index.d.ts::JSXBase\",\n \"referenceLocation\": \"JSXBase\"\n },\n \"HTMLButtonElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLButtonElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/{p-BJqq2Npt.js → p-E0JC-Cu3.js} RENAMED Viewed

@@ -1,17 +1,17 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
-import { d as defineCustomElement$d } from './p-DckVC3o2.js';
-import { d as defineCustomElement$c } from './p-DJ7bx7B5.js';
-import { d as defineCustomElement$b } from './p-DAP3L70b.js';
-import { d as defineCustomElement$a } from './p-C4Fkc5Wm.js';
-import { d as defineCustomElement$9 } from './p-DGgN9Tk0.js';
-import { d as defineCustomElement$8 } from './p-CgczqobT.js';
-import { d as defineCustomElement$7 } from './p-d3FQEed-.js';
-import { d as defineCustomElement$6 } from './p-DFvqOenH.js';
-import { d as defineCustomElement$5 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$4 } from './p-cJzdZ_Zw.js';
-import { d as defineCustomElement$3 } from './p-OLQsckjQ.js';
-import { d as defineCustomElement$2 } from './p-CWgG6RtI.js';
-import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
+import { d as defineCustomElement$d } from './p-pPhflIHp.js';
+import { d as defineCustomElement$c } from './p-BwfjRoGr.js';
+import { d as defineCustomElement$b } from './p-BH-y0Rpv.js';
+import { d as defineCustomElement$a } from './p-wxu8bkXk.js';
+import { d as defineCustomElement$9 } from './p-CkKXB6ey.js';
+import { d as defineCustomElement$8 } from './p-DVMW45bm.js';
+import { d as defineCustomElement$7 } from './p-DowYrMjW.js';
+import { d as defineCustomElement$6 } from './p-D5pMAqGE.js';
+import { d as defineCustomElement$5 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$4 } from './p-CKZG8VvW.js';
+import { d as defineCustomElement$3 } from './p-Cq8ahbie.js';
+import { d as defineCustomElement$2 } from './p-Dj0hj7yh.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsFieldPropertiesSignatureCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -26,7 +26,7 @@ const LsFieldPropertiesSignature = /*@__PURE__*/ proxyCustomElement(class LsFiel
     dataItem;
     template; // LSApiTemplate
     render() {
-        return (h(Host, { key: '78d6346592fd496ba43ac71e85c410a2b155d5f1' }, h("ls-field-properties-container", { key: '71414b4960005440e3afbde1df051a4dccfa5b4c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0c9c004512df7635320cc396e3039914b480f742', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '488f9c50ac69413921912f2b8afc099842bd8a74', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '3203dfe7c8a1fab4b1fd13397e091f254ad7c4ba', dataItem: this.dataItem })), h("div", { key: '51e679ffa9aa32d7a1b795c1d9ce16dce2e17542', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a15d24a4adb0103dc52f5fa238a385621935a3c6', dataItem: this.dataItem, template: this.template })), h("div", { key: '1c9fb7d4e7dc98e07fec8f44af741706dbaafc2c', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'f25eb53f94e773f9468e5bbe96c0dfdc5691ec30', dataItem: this.dataItem }))), h("ls-field-footer", { key: '761a4d0f722bc03aafb35f71f84d27de4486ebd4', dataItem: this.dataItem })));
+        return (h(Host, { key: '61545ec5c441e07651a6c583c0f87744488522bf' }, h("ls-field-properties-container", { key: '8a4411351414c9ece2747ad1715819975dcc1ac8', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '7bda53eaa5675192cf34be31e303ed5617cc0f48', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '2fb285d8f052602082a244c51e3d0db7eab71235', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '08ecaacb1a3996ab33c0f1313e2d91402dd0067a', dataItem: this.dataItem })), h("div", { key: '22c5c3fbc6983c6e1e69b56292a2c60bdbf92153', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7296f618e7618b11c2c518880bae5f8ff8bbf570', dataItem: this.dataItem, template: this.template })), h("div", { key: '27cdd467f2f2e52e968d72a18b4f02e4afe64a05', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '2ef2a69003fcc44b2ec00aa432e1853b0842a1aa', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3b938581f0fa971eea83c873d6541c76874f2c65', dataItem: this.dataItem })));
     }
     static get style() { return lsFieldPropertiesSignatureCss(); }
 }, [769, "ls-field-properties-signature", {
@@ -114,6 +114,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesSignature as L, defineCustomElement as d };
-//# sourceMappingURL=p-BJqq2Npt.js.map
+//# sourceMappingURL=p-E0JC-Cu3.js.map
-//# sourceMappingURL=p-BJqq2Npt.js.map
+//# sourceMappingURL=p-E0JC-Cu3.js.map

package/dist/components/{p-BJqq2Npt.js.map → p-E0JC-Cu3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BJqq2Npt~~.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCQx4J,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,QAAQ,CAAM;IAEtB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAI,CAAA,EACzE,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.scss?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n @Prop() template: any; // LSApiTemplate\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} showValidationTypes={false} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} template={this.template} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-E0JC-Cu3.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCQx4J,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,QAAQ,CAAM;IAEtB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAI,CAAA,EACzE,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.scss?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n @Prop() template: any; // LSApiTemplate\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} showValidationTypes={false} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} template={this.template} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-JclQnuaU.js ADDED Viewed

@@ -0,0 +1,108 @@
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as defaultRolePalette } from './p-BKrsDBDB.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$1 } from './p-BT5rCW3w.js';
+const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;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;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)}.ls-dv-valid.ls-dv-compose{border:1px solid var(--green-50, #57e5b1)}.ls-dv-valid.ls-dv-compose:hover{box-shadow:none}.ls-dv-invalid.ls-dv-default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-invalid.ls-dv-compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;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)}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;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;gap:0.5rem}.ls-dv-field-dropdown.ls-dv-compose>*{width:100%}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out;cursor:pointer}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f7f8fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:"IBM Plex Sans Light", "IBM Plex Sans", sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
+const LsValidationTag = /*@__PURE__*/ proxyCustomElement(class LsValidationTag extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.changeSigner = createEvent(this, "changeSigner", 7);
+        this.selectFieldForPlacement = createEvent(this, "selectFieldForPlacement", 7);
+    }
+    status = 'Invalid';
+    validationErrors = [];
+    isExpanded = false;
+    type = 'default';
+    showDropDown = true;
+    changeSigner;
+    selectFieldForPlacement;
+    handleClickOutside = (event) => {
+        const path = event.composedPath();
+        if (path.includes(this.el))
+            return;
+        if (this.isExpanded) {
+            this.isExpanded = false;
+        }
+    };
+    el;
+    componentDidLoad() {
+        this.el = this.host || this.el || this.component;
+        document.addEventListener('mousedown', this.handleClickOutside);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('mousedown', this.handleClickOutside);
+    }
+    render() {
+        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: {
+                    '--field-background': pallette.s10,
+                    '--field-border-color': pallette.s10,
+                    '--field-background-hover': pallette.s20,
+                    '--field-text-color': pallette.s70,
+                    '--field-text-color-hover': pallette.s80,
+                    '--field-border-color-hover': pallette.s60,
+                }, onMouseDown: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (field?.role) {
+                        // For missing signature validation errors, default to signature field type
+                        const fieldType = field?.element?.formElementType || 'signature';
+                        this.selectFieldForPlacement.emit({
+                            signerIndex: field.role.signerIndex,
+                            fieldType: fieldType,
+                        });
+                        this.isExpanded = false;
+                    }
+                    else {
+                        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.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: () => {
+                    this.changeSigner.emit(field?.role?.signerIndex);
+                    this.isExpanded = false;
+                } }, h("div", { class: "ls-dv-validation-tag-bar", style: { background: pallette.s60 } }), h("div", { class: "ls-dv-validation-tag-details" }, h("p", { class: "ls-dv-validation-tag-name" }, field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`), h("p", { class: "ls-dv-validation-tag-email" }, field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email))));
+        })))));
+    }
+    static get style() { return lsValidationTagCss(); }
+}, [769, "ls-validation-tag", {
+        "status": [1025],
+        "validationErrors": [1040],
+        "isExpanded": [1028, "is-expanded"],
+        "type": [1],
+        "showDropDown": [4, "show-drop-down"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-validation-tag", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-validation-tag":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsValidationTag);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { LsValidationTag as L, defineCustomElement as d };
+//# sourceMappingURL=p-JclQnuaU.js.map
+//# sourceMappingURL=p-JclQnuaU.js.map

package/dist/components/p-JclQnuaU.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-JclQnuaU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n * {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 14rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","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"],"version":3}

package/dist/components/{p-UI9vt753.js → p-OiC5NHtc.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-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';
 const lsComposeLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.ls-dv-compose-loader{display:flex;flex-direction:column;background:var(--gray-10, #f7f8fa);width:100vw;height:100vh}.ls-dv-compose-loader__header{border-bottom:1px solid var(--gray-20, #edeff2);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.ls-dv-compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.ls-dv-compose-loader__header-title{font-weight:bold;font-size:1.1rem}.ls-dv-compose-loader__header-docname{margin-left:1rem;color:var(--gray-100, #45484d)}.ls-dv-compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100vh - 2.375rem);position:relative}.ls-dv-compose-loader__sidebar{position:absolute;height:100%;width:19rem}.ls-dv-compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #ffffff);border-radius:1.5rem;border:1px solid var(--gray-30, #e0e2e5);width:100%;height:100%;max-height:calc(100vh - 5rem);overflow:hidden}.ls-dv-compose-loader__skeleton,.ls-dv-compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-skeleton-title{width:12.5rem;min-height:1.25rem}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-line--green,.ls-dv-skeleton-line--gray,.ls-dv-skeleton-line{width:12.5rem;height:0.75rem}.ls-dv-skeleton-short--blue,.ls-dv-skeleton-short--green,.ls-dv-skeleton-short--gray,.ls-dv-skeleton-short{width:5rem;height:0.75rem}.ls-dv-skeleton-medium{width:4rem;height:0.75rem}.ls-dv-skeleton-icon{width:1rem;height:1rem}.ls-dv-skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50, #78a3fa) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50, #57e5b1) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50, #c8c9cc) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.ls-dv-compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30, #e0e2e5);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10, #f7f8fa);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.ls-dv-compose-loader__section--blue{border-color:var(--blue-30, #bed4fa);background:var(--blue-10, #f0f6ff)}.ls-dv-compose-loader__section--green{border-color:var(--green-30, #9df5d4);background:var(--green-10, #effff9)}.ls-dv-compose-loader__skeleton-box--green,.ls-dv-compose-loader__skeleton-box--blue,.ls-dv-compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.ls-dv-compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #ffffff);border:1px solid var(--gray-20, #edeff2);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.625rem;align-items:center}.ls-dv-compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10, #f0f6ff);border:1px solid var(--blue-30, #bed4fa);border-radius:0.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10, #effff9);border:1px solid var(--green-30, #9df5d4);border-radius:0.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.ls-dv-compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}.ls-dv-compose-loader__preview-box{background:var(--white, #ffffff);border:1px solid var(--gray-30, #e0e2e5);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.ls-dv-compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #ffffff)}.ls-dv-compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60, #4456f6);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;
@@ -11,7 +11,7 @@ const LsComposeLoader = /*@__PURE__*/ proxyCustomElement(class LsComposeLoader e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'abe37223096f2685ea3a024ec5e1011043238846' }, h("div", { key: '2797d2822055755969eb977d2a1630ef63bd9a1a', class: "ls-dv-compose-loader" }, h("div", { key: '4a32fcef1334a64aea9e8c037fcec0fb756b479d', class: "ls-dv-compose-loader__header" }, h("div", { key: '0dd57afce9eba76d2057bd6a53cc9e00ec85306c', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: '3ad7436e41a881b46d7bc7d2b2e511aa0328075e', class: "ls-dv-compose-loader__main" }, h("div", { key: 'e61bfadcf5c4fe6f9ab9b614afe13e0f92589e48', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: 'db2dbde8a43564c6dcbc763c10a00fe8b4bcff23', class: "ls-dv-compose-loader__card" }, h("div", { key: '82cbcd90444e5a1b5efd29bcc5fe54d0c9fc4b96', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: 'b798600f6bacdd5a3c7d81620e1cdc3ba2eba86e', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '8f75154bc68be79036160a313d11e97cb45b3fd1', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: 'd2bcc033e371d14c7852eed998c8cfb556964153', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: 'bac35c576a4a472a836868baefe92fed24c762fd', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: 'd1a4f60b16da5740bb633a038da03edd68c8e479', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: 'c17aaf15ba7e4faba2521ca790e28752f9f2ab84', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: 'a4d790366924b51aac4b6c110753cca8dce6cbed', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '0424b15a5340ac318da0b1c077e0dc78a94f9127', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'f68c8b89ab57d3ba72aa2991488fc17adbff6637', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: '3ebadcfe317d3a30065d6c325ccacfbc19a64550', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '443187462a84fafcbed422307ed7897855cc7d0b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '215b193352d8897189f4b48b652fd0702987b31b', class: "ls-dv-compose-loader__row" }, h("div", { key: '37c81e783f195e27d244729575ed3924ea94c9bf', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '29a7f1263e5de145a09ad84896c9f38561309d85', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '5eadc1dd9ae5818cd265bc0be5893f0212ebbc5c', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c25f6e1e69c45dd3564af24636709b6a8c698808', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3bbb06c3b7eb598d2218bca03cf56ebe3723ce75', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '4bd3d055d222ded68b78cd9f8f23e3e98b96f37b', class: "ls-dv-compose-loader__row" }, h("div", { key: 'bfea4ac4545e51f5f809a82a0d11971099f041c0', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'd0ced4835d8c76f63830b626ee481593c6ce2e95', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '805a5435dbfb2188fff7f96fce428a07bd8adaff', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'd361832b5d19cb95997e450ae10a87c052fe222a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3eed63a4fef52b9a8f91a73f5e31b18709f4d8e3', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'e52de906b2083b74425950549c6c9772b600afdd', class: "ls-dv-compose-loader__row" }, h("div", { key: '0a9f3fb6bfd65c877667541b35957757341bacc2', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'f4d6c809bb3c11ca69a623cf4634fff54ad8fa49', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '0ee6f87768bd91ec0fa6390854d55f731b760da0', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '7756cc7b9dda8964c33ec98cdc90cd043573440b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '32bd1c44ba31a2ad4bfc85c42bc0267fee44bba9', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '65945a0799bb2a3a73de94b41df8e9ea2d1d88fa', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: 'b329097876163beefe73148c1a94c66095302c1e', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '7f348a654d5896ebf6e1f61f169c1f2460ad3454', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '3cd9bb64f6d0ce775e87a3c157a9753c8ff48b1c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: '38f518c1957cf844ba3ee7e86c4e9fd809a27c0f', class: "ls-dv-compose-loader__row" }, h("div", { key: 'f1ea01049d22c5048399d6d3012c699c1fc820fd', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'b17f818c4fb9e8004196c0a725b5b9ea2314f792', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '318e1500b114d007adc84975068a21d2cd44f136', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'd581a6d7cad65421083ff0784674a28c559d425a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '318c85b9ca1e6995bf6ffdf05d8a6a0a7fc3e256', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '3e3d31013d541e99ab11ce15c785ae346afb83c7', class: "ls-dv-compose-loader__row" }, h("div", { key: 'c9620ecfbcf466a3aa03eda9b5d58ae2203ee2c8', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'b617aafa24649ac2a30dbb8f0b558205c98af78a', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '5bad990381e299c2ed1fc4611eee21080aa27c7e', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'bbc2f4a35a1f1d7acca59ecf139c8f161404cd47', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'a215795af5762fbe9c0e2d9c9a8f1e10b91b18ab', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'ee8330ab2cea2a241f308123f9fbc785461543e4', class: "ls-dv-compose-loader__row" }, h("div", { key: '588aa464d00a6daf65f6bbd87ea92f1293628f7d', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '8d1aeba5732a4f32aa243aca529a4e1ddfb9f5fc', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '383f289ef3919dc83e0ef01c03ccf1fd757f7fb3', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c847e3756412b41538f35c3e2772c58bde22810c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'cde0549c2b97ecc83ce5ca3bed3a9459ceafbf5f', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: 'e4c4fc55a6129ea0831f561ef61a2f1343b12d58', class: "ls-dv-compose-loader__preview" }, h("div", { key: '3d1c23825b2ad40216b9f048fadb2709520ef4e2', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '4af32ae43e8eb2bb839e63a88b4af94cfa4960cc', class: "ls-dv-compose-loader__button" }, h("button", { key: '7f79d1809aae883cbe829cfb51124ba5e7d5411e', class: "ls-dv-compose-loader__action-btn", "aria-hidden": "true", tabindex: -1 }, h("div", { key: '6b3bc2f2409d3170ba2ec45d6cb7326bcae9dfd4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: 'f75a21219346ecdd8c538ab3be3fa7c65fe27983', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
+        return (h(Host, { key: 'e1f99582d58d99abd5809ba05b5d9ed7309287c8' }, h("div", { key: '5077337c9190f19f5e82d416db40e2fcb71f1072', class: "ls-dv-compose-loader" }, h("div", { key: '838d9f1e0eba318cadccf510cd4444d309ba557c', class: "ls-dv-compose-loader__header" }, h("div", { key: '9e60e37ec52aa6c6a014589378f0b63cbf71c721', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: 'ffbff3e9252c796df5d113a912e583b7516f4075', class: "ls-dv-compose-loader__main" }, h("div", { key: '000931802c93209a2a068ece5740fa2762f7a132', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: '0091adf1e5409b114d855e03d84bc0334bc2a50c', class: "ls-dv-compose-loader__card" }, h("div", { key: '209841818cd824ba2a50dc60e112c091c2dd99d8', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: '717dd261cee0e1b9b37988777d62d3ea7c36f665', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '5141c21a1890e1899755de5064c30aa29358f223', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: '407c853907c1966b48312a68cc53f61a143d1104', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: '9cbc0365214b110c19ff647660c5a621bd562290', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: '3564315d58632a63667d0cd1aab0947257aa0b8d', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: '80bc729e6bc82561a56c4e9c4db8d3584e9d6d4b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: 'f2ac5094cc413afbeb3f5d33790b48f4471b7357', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '6b68d31bb6e2d813d945673d19035021900aafe6', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'c0f07211738a0aaf8efbde0658acf0fef834ae5c', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: 'cbf5f89d6677c3cadbda46abcfdc9ac2da69bd67', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '69f74c5b87d625a8d839b53a67d0c7c98cdaaaee', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '8228e6f35fc27b311e690816b10e101b8f814316', class: "ls-dv-compose-loader__row" }, h("div", { key: 'c28d870411e9a4d5438496fccd1bf403641e22ce', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '58a9a6ebbc5da9287aaca305c0db2f8709c6ee42', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'cd55e4c219796abeb97f8abe11be47762db2aa30', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'dfb966b89d74369cd9c2409e2084bf34fbbd3ae5', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '264506cd827e9370930682ec27e9a45ad6f493b4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'a9bdef4b1f2c7c169644c794140d09d43a3b8a9c', class: "ls-dv-compose-loader__row" }, h("div", { key: 'aa4234eb3263b5c87d46026d537c89f464bcc63f', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'd801a8580ea210663725a956bb0ba9adba3c226d', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'e1a1292261f410358f0ebcebdce22da7931bd7ef', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '9800d10a84e73f17770cb186ac5bad592d5ba549', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '31a802e67f7b659b254205650766a3114fa9934d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '8a4b7cfb2e311a5ad77402273aa1e047ec054db5', class: "ls-dv-compose-loader__row" }, h("div", { key: '340a2126847902df9fe35c06f19addd0f579c911', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'be37b9eed83119110e1c5734ca161e8b2e1d077a', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '63246c32466ed678757a1e0321b7f3e0e22e2d44', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'f73213a151c31592f8c8fc604bd184db0eac4644', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '63cd439ed31fb8083895bc1712a87c8279af5245', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '94645fcc19aa0f9c318fde24edeeb1fc5b1d3551', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: '0d4b691a22942ab01149fe1692856b1877addf0a', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '1ca7d6f49b5f76a6f3d6625a411ad5b185dbec39', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '57f4278240b711603f9ee27ddcb3cfd0fb099b02', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: '32cc8caccae045615108ce298df29549eb3c91ab', class: "ls-dv-compose-loader__row" }, h("div", { key: 'e9fba84a085a280cbdabf3b0e8d5a19a6c114c55', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'ca6c29a8ba24fb4e11869bcacc34f296e4405f8a', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '1bd970ca47b350c7c56213aeba26695a5dd33373', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '563a435de608bca43419fedb003d9ee36bead59d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '0db03863266d9cf880ff375d54015fceb668477b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '287e68288171445ae0161c1f21b3c6bed847a2a8', class: "ls-dv-compose-loader__row" }, h("div", { key: 'adc382c2c0084d683551189a1c5ce5423dd85c7f', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '130e387fb2e50c770ecec69d432f6cade1b6db14', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '83ecc674440bcd05d2bc34bdcc10105a72ecb4aa', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '427902b4201c4f99adce38a1e3f1497fdd1c9522', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '49b470a57864a5095b9f96de56ddafc931c6ae59', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'a2e367cbfd60a81793504fd174bf130ecf45981b', class: "ls-dv-compose-loader__row" }, h("div", { key: '4d8723551ecce9779a81ebd1f9fee4bc046fe8b9', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '1112d8fdcd72fc5d388f3867f2123073faedcd55', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '677bff37d1832517e9fc680982362993daed4e24', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'c7887edd9e3d29c3608ff8e54a2739cd2beb9c51', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '956827f8e2d38347fa4dc038074ca2538f65cb47', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: '88aff9b29f6890ce91f5e2fc8665397a9371b6cf', class: "ls-dv-compose-loader__preview" }, h("div", { key: '84eb813a4d2aa99974dcaf84d24d4b89bc4af557', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '3282bb62faa374a02db961be5dbb76467e6336bd', class: "ls-dv-compose-loader__button" }, h("button", { key: '39d7c028d6a718fe2c1137662b68e3b70c4b2c19', class: "ls-dv-compose-loader__action-btn", "aria-hidden": "true", tabindex: -1 }, h("div", { key: '76ac55a38a3544d8684a4f5610488385d0aece1b', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: '300ed45995c635df8ee925b37da42e8f05290d86', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
     }
     static get style() { return lsComposeLoaderCss(); }
 }, [257, "ls-compose-loader"]);
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsComposeLoader as L, defineCustomElement as d };
-//# sourceMappingURL=p-UI9vt753.js.map
+//# sourceMappingURL=p-OiC5NHtc.js.map
-//# sourceMappingURL=p-UI9vt753.js.map
+//# sourceMappingURL=p-OiC5NHtc.js.map