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-Bn74nhFM.js.map → p-C7YkcdaA.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Bn74nhFM~~.js","mappings":";;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEf,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAExD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-autosign',\n styleUrl: 'ls-field-properties-autosign.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n @Prop() dataItem: LSApiElement;\n \n render() {\n return (\n <Host>\n <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n\n <ls-field-footer dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-C7YkcdaA.js","mappings":";;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEf,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAExD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-autosign',\n styleUrl: 'ls-field-properties-autosign.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n @Prop() dataItem: LSApiElement;\n \n render() {\n return (\n <Host>\n <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n\n <ls-field-footer dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-cJzdZ_Zw.js → p-CKZG8VvW.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
-import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
+import { d as defineCustomElement$1 } from './p-BT5rCW3w.js';
 const lsInputWrapperCss = () => `*{margin:0;padding:0;box-sizing:border-box}:host{position:relative}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}`;
@@ -14,7 +14,7 @@ const LsInputWrapper = /*@__PURE__*/ proxyCustomElement(class LsInputWrapper ext
     leadingIcon;
     select = false;
     render() {
-        return (h(Host, { key: '5630d826313e38199a12a5f35ac35eac59ac457f' }, h("ls-icon", { key: 'a39b901d4f1defb63152fabee392e00704963877', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '5474b0c600a32e369165654695c84786942cb636', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: '307595a6ec8200b2b0f998bbfaab219e586e72d9' })));
+        return (h(Host, { key: 'd9aae457a6635653ae09a2a377a28c495a399e33' }, h("ls-icon", { key: 'ff2b76de99fb5744955ae33d0092f6c214d8b3ff', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: 'ecfbcaf860205ed494c69f8f94072e1ab7c158f7', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: 'b0c7b2925c5faf47c5eb9894628faff6c61a5406' })));
     }
     static get style() { return lsInputWrapperCss(); }
 }, [769, "ls-input-wrapper", {
@@ -42,6 +42,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsInputWrapper as L, defineCustomElement as d };
-//# sourceMappingURL=p-cJzdZ_Zw.js.map
+//# sourceMappingURL=p-CKZG8VvW.js.map
-//# sourceMappingURL=p-cJzdZ_Zw.js.map
+//# sourceMappingURL=p-CKZG8VvW.js.map

package/dist/components/{p-cJzdZ_Zw.js.map → p-CKZG8VvW.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~cJzdZ_Zw~~.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+UAA+U,CAAC;;MCQpW,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,WAAW;IACX,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,CAAC,WAAkB,EAAY,CAAA,EACxE,IAAI,CAAC,MAAM,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,EAAW,CAAA,EAC1E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-input-wrapper/ls-input-wrapper.scss?tag=ls-input-wrapper&encapsulation=shadow","src/components/ls-input-wrapper/ls-input-wrapper.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n position: relative;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Icon } from '../../components';\n\n@Component({\n tag: 'ls-input-wrapper',\n styleUrl: 'ls-input-wrapper.scss',\n shadow: true,\n})\nexport class LsInputWrapper {\n @Prop() leadingIcon: Icon;\n @Prop() select: boolean = false;\n\n render() {\n return (\n <Host>\n <ls-icon id=\"selectLeadingIcon\" name={this.leadingIcon as any}></ls-icon>\n {this.select && <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>}\n <slot></slot> \n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CKZG8VvW.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+UAA+U,CAAC;;MCQpW,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,WAAW;IACX,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,CAAC,WAAkB,EAAY,CAAA,EACxE,IAAI,CAAC,MAAM,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,EAAW,CAAA,EAC1E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-input-wrapper/ls-input-wrapper.scss?tag=ls-input-wrapper&encapsulation=shadow","src/components/ls-input-wrapper/ls-input-wrapper.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n position: relative;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Icon } from '../../components';\n\n@Component({\n tag: 'ls-input-wrapper',\n styleUrl: 'ls-input-wrapper.scss',\n shadow: true,\n})\nexport class LsInputWrapper {\n @Prop() leadingIcon: Icon;\n @Prop() select: boolean = false;\n\n render() {\n return (\n <Host>\n <ls-icon id=\"selectLeadingIcon\" name={this.leadingIcon as any}></ls-icon>\n {this.select && <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>}\n <slot></slot> \n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CyqNq-AI.js → p-CKbRUnN1.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$3 } from './p-CSPLGKKp.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, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-Dj0hj7yh.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsDocumentOptionsCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-template-details{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-template-detail-section{position:relative;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff)}.ls-dv-template-detail-section-title{color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.ls-dv-template-detail-section-info{color:var(--gray-70, #939599);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;width:100%}.ls-dv-template-title{border-radius:0.625rem;padding:0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;cursor:pointer;width:100%;margin-top:-0.125rem}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-column{display:flex;flex-direction:column;align-items:flex-start}.ls-dv-edit-button{position:absolute;top:0.75rem;right:0.75rem;margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #939599)}.ls-dv-edit-button:hover{color:var(--gray-80, #6f7176)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -118,6 +118,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsDocumentOptions as L, defineCustomElement as d };
-//# sourceMappingURL=p-CyqNq-AI.js.map
+//# sourceMappingURL=p-CKbRUnN1.js.map
-//# sourceMappingURL=p-CyqNq-AI.js.map
+//# sourceMappingURL=p-CKbRUnN1.js.map

package/dist/components/{p-CyqNq-AI.js.map → p-CKbRUnN1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CyqNq-AI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-document-options/ls-document-options.scss?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:host {\n display: block;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-template-details {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-template-detail-section {\n position: relative;\n display: flex;\n padding: 0.75rem;\n align-items: center;\n gap: 0.5rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n}\n\n.ls-dv-template-detail-section-title {\n color: $gray-80;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: 100%;\n}\n\n.ls-dv-template-detail-section-info {\n color: $gray-70;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 142.857% /\n width: 100%;\n}\n\n.ls-dv-template-title {\n border-radius: 0.625rem;\n padding: 0.25rem;\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; / 150% /\n cursor: pointer;\n width: 100%;\n margin-top: -0.125rem;\n\n}\n\n.ls-dv-template-title:hover {\n background: $gray-10;\n}\n\n.ls-dv-column {\n display: flex;\n flex-direction: column;\n align-items: flex-start\n}\n\n.ls-dv-edit-button {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n margin: 0px;\n padding: 0px;\n max-height: 1.25rem !important;\n max-width: 1.25rem !important;\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: $gray-70;\n}\n\n\n.ls-dv-edit-button:hover {\n color: $gray-80;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, h, Prop, Watch, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.scss',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Watch('template')\n selectedHandler(newSelected, _oldSelected) {\n console.log(newSelected, 'document manager');\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n }\n\n render() {\n function formatDate(isoString) {\n const date = new Date(isoString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('documentoptions.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('documentoptions.description')}</p>\n </div>\n <div class={'ls-dv-template-details'}>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.name')}</p>\n <div\n class=\"ls-dv-edit-button\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check-icon' : 'pencil-alt-icon'}\n size={20}\n id=\"edit-name-btn\"\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.editTitle ? dvI18n.t('common.save') : dvI18n.t('documentoptions.editname')}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"ls-dv-template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.autoarchive')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.autoarchivedescription')}</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.locktemplate')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.locktemplatedescription')}</p>\n </div>\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\" tooltip-data=\"Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template.\">{dvI18n.t('documentoptions.fixedsignatureaspect')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.fixedsignatureaspectdescription')}</p>\n </div>\n\n <ls-toggle\n checked={this.template?.fixSignatureScale}\n onValueChange={e => {\n this.alter({ fixSignatureScale: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.documentretention')}</p>\n <p>\n <input\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n type='number'\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.pages')}</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.datecreated')}</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.createdby')}</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CKbRUnN1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-document-options/ls-document-options.scss?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:host {\n display: block;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-template-details {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-template-detail-section {\n position: relative;\n display: flex;\n padding: 0.75rem;\n align-items: center;\n gap: 0.5rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n}\n\n.ls-dv-template-detail-section-title {\n color: $gray-80;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: 100%;\n}\n\n.ls-dv-template-detail-section-info {\n color: $gray-70;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 142.857% /\n width: 100%;\n}\n\n.ls-dv-template-title {\n border-radius: 0.625rem;\n padding: 0.25rem;\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; / 150% /\n cursor: pointer;\n width: 100%;\n margin-top: -0.125rem;\n\n}\n\n.ls-dv-template-title:hover {\n background: $gray-10;\n}\n\n.ls-dv-column {\n display: flex;\n flex-direction: column;\n align-items: flex-start\n}\n\n.ls-dv-edit-button {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n margin: 0px;\n padding: 0px;\n max-height: 1.25rem !important;\n max-width: 1.25rem !important;\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: $gray-70;\n}\n\n\n.ls-dv-edit-button:hover {\n color: $gray-80;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, h, Prop, Watch, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.scss',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Watch('template')\n selectedHandler(newSelected, _oldSelected) {\n console.log(newSelected, 'document manager');\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n }\n\n render() {\n function formatDate(isoString) {\n const date = new Date(isoString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('documentoptions.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('documentoptions.description')}</p>\n </div>\n <div class={'ls-dv-template-details'}>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.name')}</p>\n <div\n class=\"ls-dv-edit-button\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check-icon' : 'pencil-alt-icon'}\n size={20}\n id=\"edit-name-btn\"\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.editTitle ? dvI18n.t('common.save') : dvI18n.t('documentoptions.editname')}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"ls-dv-template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.autoarchive')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.autoarchivedescription')}</p>\n </div>\n {/ <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.locktemplate')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.locktemplatedescription')}</p>\n </div>\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\" tooltip-data=\"Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template.\">{dvI18n.t('documentoptions.fixedsignatureaspect')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.fixedsignatureaspectdescription')}</p>\n </div>\n\n <ls-toggle\n checked={this.template?.fixSignatureScale}\n onValueChange={e => {\n this.alter({ fixSignatureScale: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.documentretention')}</p>\n <p>\n <input\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n type='number'\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.pages')}</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.datecreated')}</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.createdby')}</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C8NcdVVP.js → p-CZF2_NGo.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-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$1 } from './p-wwN19gwm.js';
+import { d as defineCustomElement$1 } from './p-DKo99Z43.js';
 const lsLoadingCss = () => `.container{display:flex;align-items:center;line-height:1rem}div{line-height:0}.text{margin-left:0.5rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}`;
@@ -45,6 +45,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsLoading as L, defineCustomElement as d };
-//# sourceMappingURL=p-C8NcdVVP.js.map
+//# sourceMappingURL=p-CZF2_NGo.js.map
-//# sourceMappingURL=p-C8NcdVVP.js.map
+//# sourceMappingURL=p-CZF2_NGo.js.map

package/dist/components/{p-C8NcdVVP.js.map → p-CZF2_NGo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C8NcdVVP~~.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,gOAAgO,CAAC;;MCEhP,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;IAClB,MAAM,GAAA;AACF,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;AACjC,QAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-loading/ls-loading.css?tag=ls-loading&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-loading/ls-loading.js"],"sourcesContent":[".container {\n display: flex;\n align-items: center;\n line-height: 1rem;\n}\n\ndiv {\n line-height: 0;\n}\n\n.text {\n margin-left: 0.5rem;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n.animate-spin {\n animation: spin 1s linear infinite;\n}","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsLoading {\n render() {\n const classes = clsx('container');\n return (h(\"div\", { key: '82f6d5fb973d1722115d23196b452d37858fa4fd', class: classes, style: this.customStyle }, h(\"ls-loading-icon\", { key: '8571fdec066bb1742520d229110b64d37784204f', default: this.defaultIcon, size: this.iconSize }), this.text && h(\"div\", { key: '37c8166db1fc67529a41b74eb9d15d98dfd3d9f5', class: 'text' }, this.text)));\n }\n static get is() { return \"ls-loading\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-loading.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-loading.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\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"text\"\n },\n \"defaultIcon\": {\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\": \"default-icon\"\n },\n \"iconSize\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"icon-size\"\n },\n \"customStyle\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"{ [key: string]: string }\",\n \"resolved\": \"{ [key: string]: string; }\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}
1	+ {"file":"p-CZF2_NGo.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,gOAAgO,CAAC;;MCEhP,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;IAClB,MAAM,GAAA;AACF,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;AACjC,QAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-loading/ls-loading.css?tag=ls-loading&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-loading/ls-loading.js"],"sourcesContent":[".container {\n display: flex;\n align-items: center;\n line-height: 1rem;\n}\n\ndiv {\n line-height: 0;\n}\n\n.text {\n margin-left: 0.5rem;\n}\n\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n.animate-spin {\n animation: spin 1s linear infinite;\n}","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsLoading {\n render() {\n const classes = clsx('container');\n return (h(\"div\", { key: '82f6d5fb973d1722115d23196b452d37858fa4fd', class: classes, style: this.customStyle }, h(\"ls-loading-icon\", { key: '8571fdec066bb1742520d229110b64d37784204f', default: this.defaultIcon, size: this.iconSize }), this.text && h(\"div\", { key: '37c8166db1fc67529a41b74eb9d15d98dfd3d9f5', class: 'text' }, this.text)));\n }\n static get is() { return \"ls-loading\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-loading.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-loading.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\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"text\"\n },\n \"defaultIcon\": {\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\": \"default-icon\"\n },\n \"iconSize\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"icon-size\"\n },\n \"customStyle\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"{ [key: string]: string }\",\n \"resolved\": \"{ [key: string]: string; }\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/{p-EE_rUtMN.js → p-ChRy20ef.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$2 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.75rem;padding:0.25rem}.ls-dv-active-icon,.ls-dv-default-icon{padding:0.75rem;border-radius:1rem;color:var(--gray-80, #6f7176)}.ls-dv-default-icon:hover{background-color:var(--primary-10, #eff4ff);color:var(--primary-100, #0c1457);cursor:pointer}.ls-dv-active-icon{background-color:var(--primary-60, #4456f6);color:var(--white, #ffffff)}.ls-dv-hidden{display:none}`;
@@ -30,22 +30,22 @@ const LsFeatureColoumn = /*@__PURE__*/ proxyCustomElement(class LsFeatureColoumn
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'a7e981b013d605a9226fc5cd12bf3609d146d63b' }, h("div", { key: '69def4aef5cc630a9f7d93be08769cb8382eabb8', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+        return (h(Host, { key: '9d04bb0991d2b703f9d3aae1bbeaba1e4435244f' }, h("div", { key: '87c0a840f6ee79737187d49cdab70c1628392551', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('document');
                 this.manager = 'document';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '3e39090f465858b01e24ba9afc9f95b8dc3387c2', name: "document-icon", size: 24 })), h("div", { key: 'a63ae8b9a96a0bb72b9949d1b74f2e587c381ea4', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '2c394fa1d93840f9aa389df613795cb12cd46a12', name: "document-icon", size: 24 })), h("div", { key: '3159f85bb836b1cc99c2f22057b78cbf1feef509', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('toolbox');
                 this.manager = 'toolbox';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'ccc77c26ae66e2f60a31bdd3c4d10ebe23deb5b3', name: "typing-input-icon", size: 24 })), h("div", { key: 'c4ea7725f86dadc1b5bf77be2a12d6de3962d96b', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '67b8eede3eaf341ea1d13e4968b1ec959cdf4431', name: "typing-input-icon", size: 24 })), h("div", { key: 'af82b8e8d330de072f3e43924c780bc022956823', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('participant');
                 this.manager = 'participant';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '803ad745b5c798076a72df4b9fd9765d71e3a268', name: "user-group-icon", size: 24 })), h("div", { key: '69287b5b6ead94db78ea6657f7afac1fec1f5fd8', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '21432806a27193222886b07220fa579780e5239c', name: "user-group-icon", size: 24 })), h("div", { key: 'bb0c623d9cfe2e1579c434e1bd5220fe62e101c3', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('recipient');
                 this.manager = 'recipient';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'fa6daa47874a7d845743241a12863656349e633c', name: "user-group-icon", size: 24 })), h("div", { key: '39851d7f12531a2de660cbbf9dc3bc728b0c0a4c', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'f595f2426bc6392c7f18157ea6fddfa97e87a477', name: "user-group-icon", size: 24 })), h("div", { key: '5a28cf31a458908f221b3c1120793a36fa843a88', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('validation');
                 this.manager = 'validation';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'f68de6984e2726ce3ee3dca876d09949fe2a2b32', name: "adjustments-icon", size: 24 })), h("slot", { key: '85c63e2273754a75c473bf957ca9b0ed1527f927' }), h("ls-tooltip", { key: 'bff0baef76221b5a8e82c2dc97ec77be9f4417a2', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'bc9036e2e27513a9f89b597997ba906096648744', name: "adjustments-icon", size: 24 })), h("slot", { key: 'ba34f0ac0354779dcf958097faa29b0e3278eda6' }), h("ls-tooltip", { key: '6238d20870825e456b4253135640942b079b8ea4', tooltipId: "ls-dv-tooltip" })));
     }
     static get style() { return lsFeatureColumnCss(); }
 }, [769, "ls-feature-column", {
@@ -78,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFeatureColoumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-EE_rUtMN.js.map
+//# sourceMappingURL=p-ChRy20ef.js.map
-//# sourceMappingURL=p-EE_rUtMN.js.map
+//# sourceMappingURL=p-ChRy20ef.js.map

package/dist/components/{p-EE_rUtMN.js.map → p-ChRy20ef.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~EE_rUtMN~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ChRy20ef.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DGgN9Tk0.js → p-CkKXB6ey.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$2 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsFieldPlacementCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;
@@ -67,7 +67,7 @@ const LsFieldPlacement = /*@__PURE__*/ proxyCustomElement(class LsFieldPlacement
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '6f0563de1fa4b5d583ceda094647f341b34110e7' }, this.isMultiple(this.dataItem) && (h("div", { key: '61eef6459021f86dbec50dd82a03e4848f92e2ec', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c1db5ab5e2bdc3df939a8957f914a53c6ebef2cf', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f5416f5d30bd62bb88d3f5bef7dd47ac4b7e01e9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '859beb120eea956c2473c96497b7f009e83730d6', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '0dfd1255e79640a95f39accb0a6792cf2b5fabb2', class: 'ls-dv-input-row' }, h("div", { key: '768f739647a6322e3dbb3d32d5996f1a70951821', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '10a423d794ee80002f84a8ee462da70eb0d3e44a', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '51dda6f75d78fd989e230701e7d22f7a580aaca0', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '42a8b0b4ea87de3f1c567a760019f78e49f9b1ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '8471579b65d61b33cb6339deb80a73ea95938a17', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '74a2224af041481f0d859a635468f53a7c229a6f', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '5282d859d36de529691b209dce96634d2260fc55', class: 'ls-dv-field-set' }, h("div", { key: 'caa1bd85cb35632af2a41249399fe93aa586d3d5', class: 'ls-dv-field-properties-section' }, h("div", { key: 'bd7095466c4295f0ef27cf50e2134a2ed5e5971f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b94ed1e806e98f0fe5ed10088c45d39bd801d524', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'd36c40b31bd5b95da3fe864f2fbb8431b950402c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'f51729503ae10faca9b7df0122462dd3e6f782a8', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '670d6f106368a0e1a454f6ff7f3a0e4752287622', class: 'ls-dv-button-group' }, h("button", { key: 'ed16e0c3ea8476094c09c8068cde21fc8f05cbdf', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: '4cf032e8c1d0c38d7bbcc8f271a1c61e49875d6d', name: "field-alignment-left-icon" })), h("button", { key: '8b4084ad6e65f9c296474a21d06a552ec5c058e4', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: '182b281a20b4f8aed14e5d6ddbbb670e68e96fef', name: "field-alignment-centre-icon" })), h("button", { key: 'ef5bbc8f5ed346f939945274c62cfe4231911119', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'bdf7ad9720159ffa4a13b974342e720fe7dda925', name: "field-alignment-right-icon" }))), h("div", { key: 'ed07b9b8098ef5b8ccfe989cada28a341ec5ca58', class: 'ls-dv-button-group' }, h("button", { key: 'bddc1f9574222be542b966bd576fe6c465eee60f', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '4391bb257e558ba32e73a5a365d84bf2267c0b2c', name: "field-alignment-top-icon" })), h("button", { key: '5326418c172ce24b009f1558361e97f1790dccba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '5159f221f5c2633e9586bc43a889ee919215868e', name: "field-alignment-middle-icon" })), h("button", { key: '36314754ae396174a0818e6ac9f271ae98f79b65', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'c52e5d23f61ceeb85e14215ed7f722064e4820a1', name: "field-alignment-bottom-icon" }))))), h("div", { key: '2897ce745ae66af092ec579c20637e65489aa9ea', class: 'ls-dv-field-properties-section' }, h("div", { key: '2207e4d5150c691e518ecbdb8438074bdf04e188', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5849954c9b3bd52b4d7fb7f8a25f4944b47d2695', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'ed55b75c9668334df2fa5dce14dba15b1fe2f20f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'ad70f2d5a581a7742bb925951bedb773e467be69', class: 'ls-dv-input-row' }, h("div", { key: '31ca15c6a0e3dea8c97f67a16f73a559fbd19b21', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'b0ded693a7bb8d2553749c73896942e312a3e2be', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'f438acbad757f3f8c13e0ea34151d4d14c8259fd', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'b045c79e92e32d10c27d5e0a32e6c4f315048e00', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '99c8fb3ce9174103d3d0dd5969d5b2ab43bdd3a7', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '44d5e9c620c6bc715e01ce64f8da2f94fbe58ab3', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '51d16ec46ecd2715821cec604320f35d852bae6f', class: 'ls-dv-field-properties-section' }, h("div", { key: '9c52228c215dc7f6bda7743f11a33761e3ccd3e6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'e796df393fd78a2285ae08be756959fed925b0b7', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '00d33c3a2a96b8cceba5b098ec8f98c7b2c883a0', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'ac24f714324e922bbc59b177a9ceabf5b76c214d', class: 'ls-dv-button-group' }, h("button", { key: '012fb1c0cc55b454f0bad076c37e00e9a0f59053', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'bf622879b930ea87fe22e5b3991ac239702961c1', name: "field-distribute-vertically-icon" })), h("button", { key: '61da6c91d91fc1277eaa8cdb8746c018eb586b50', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'de331d8aa839c347698cfd9ceeddd1c30505a7dc', name: "field-distribute-horizontally-icon" })))), h("div", { key: '2379aeb51cf6cbfe3a6d9efdecee63a654c4eb22', class: 'ls-dv-field-properties-section' }, h("div", { key: '64cab0e10dc0e904dc712f9f0814d4dbf13a9cd3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '92ac13e7593cdd7c9d92defe7fd0a3bbc55f6909', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '0bea954cf1eba3518d1458acbba1e25b9d28a5ea', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: '9003ca928dca37ae99b621c205c82dc91e03086d', class: 'ls-dv-input-row' }, h("div", { key: 'be7401d2eaa826fbf2e77df4dabd5a58d7e9203e', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'b3ed7ee1a4b17b6c9305acb558ebc17f6028a81a', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '3d2d9df4d2f793aa55ef4e335e4becea1d68ffb5', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '0571522331bfae60038df5b5530051415cc9f6bf', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '55c014b3abfcbc408ba493556f075e9affc2a3d7', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: 'd2765f9479ed50c47fdebfb25fdc6ef06ea6ef63', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '67a9e27330e90d24d9b6f1d69ecb870b45c012a5', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '1f98ef31a65443dd21359181a512fe7a06cf4138' }, this.isMultiple(this.dataItem) && (h("div", { key: '287ac3ac893c77d021ae2531bdc5fc98cc884c38', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b1a28cd5df5000f04059bd7c1a93aa8044b1fb20', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '49d1d65533c47c80e69d68847ed6397792734f59', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '6929bed80c02e2ef0b5fb4899c502b3cbee5570d', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '8de73a6b06b1cfde543bc425bbd031b90a6f9882', class: 'ls-dv-input-row' }, h("div", { key: '3eee05138db567cb99dfba9284fc02018047c168', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '70a4a0adb0d7cb2dd06dffaa6743d1c6d3bd7a6c', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'be288339ede9804310a5d1ddb9dd5f4e4d189f1d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '67d1516f69103d904641cff18a4cc1b3fb0207d9', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'e8bb52815395e6f8488e13b2f818759a1f6f6edc', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '94b11705c2357e5810ad89b93417bee268635a1a', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'bebab81242f643c9bd0dad81999d018ce2aaf4f7', class: 'ls-dv-field-set' }, h("div", { key: 'cbcfd84fec6cb909892558764f92030f60fb10e2', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ca3d9287959f82b6fd81b32ed2f590276d0c09eb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8aa006405ae37d39ab8637c8c022d07524303dc8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'c78e60cbf5d63ad1c63f62c8e1900af80deb1e7f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '15fdbc0af15e2291267f91e2716b79a4de684627', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '27d079876b4c6a525c16b5fecd8e4878cd12ef2f', class: 'ls-dv-button-group' }, h("button", { key: 'f535b9e071d8b9dd75174c1f1a290438d77ff15b', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: 'fd0fd61c79704651c9582d805e941b44580e392f', name: "field-alignment-left-icon" })), h("button", { key: 'f169be68deecaee3993e1a66f1021b0d20deee5f', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: 'bed42bef80a4fd48a80fb459354f140b15c26ee6', name: "field-alignment-centre-icon" })), h("button", { key: 'b10b3d100689cd5c577bc831c925aeccc866b6c4', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'b5882a2fea4177824c4bedafaed85d84fb842906', name: "field-alignment-right-icon" }))), h("div", { key: 'a45687ecd1d6799e54191f2664be21cefdf2a507', class: 'ls-dv-button-group' }, h("button", { key: 'c55f736d8f89a25fda5bfd882d513d042984401e', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '7e930f27d06dc022c67e41402b80ac52416203c0', name: "field-alignment-top-icon" })), h("button", { key: 'c4c1895958e8d99d0ed11754ffdb3f5122447293', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '99487d592f4aef1612e54fd75a249142118b07a5', name: "field-alignment-middle-icon" })), h("button", { key: '3b5a49168c1e4d876e4cfeed2172cab1b83e13a3', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: '473512ea82374f0217934ae8573f98126cb02678', name: "field-alignment-bottom-icon" }))))), h("div", { key: '7039482a40a7cc4b67041926be48006481e5eff4', class: 'ls-dv-field-properties-section' }, h("div", { key: 'db9f828737c9b3afc1ec84d995d0ef85529db396', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb16889efabf1b4d429e4a461c46d8a5f1da2e10', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1d1fb1d8f1399225fca71ea960d4be56027692f7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '96f8999cf487dd9d9e254d62c3463d9ff574a9cb', class: 'ls-dv-input-row' }, h("div", { key: 'b40561420f4c0518680546ccbb1963c4c3f12e1b', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'beb47dafca177b1f9b274b7bda3d8b101d1a4b10', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '66375b69b1c6d051aeb37735c0ce238888f0b76d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '902932b9c4f1b5f5ce1326e9745c4a29aee704ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '08e48cc94443a177d17ca03dac52317f0b2bb32b', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '4aec32e2feb65fd4fc4b4cae689568cba1e9ea87', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '7b7294ff0503cf9a3a26ebe47d2d1799aa1ead5c', class: 'ls-dv-field-properties-section' }, h("div", { key: 'dd889cdd7aa59756deae34af6866f49b6943ea4c', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '38de8d81237e209a1e59fe70191fcc09795fa67c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '1e8a3542914fcb6adc5d0267dae04e5514cdf22a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '8a74b83b826c2a25e7c018f197b0834c52df5442', class: 'ls-dv-button-group' }, h("button", { key: '54b6334ceb9041611348ae3b6587ec5184575863', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '6171a092bb121e89751e685338a0ef5e77a545c6', name: "field-distribute-vertically-icon" })), h("button", { key: '599c6f2cadba4e5ef33bf0497aaae5a71ad1d472', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '1af45d54b13e652f86ca5ec944db2f5e2fdf1e47', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'a8a3e04e5557aa03763d04d04d3393358419dfac', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ac28f68d572fe38570ea0d89a9eb48d3c06cca63', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6012db7e106cc5042410dfb6b91808c1c9bf1c14', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '382fdcea48e57760ef64688575c2b2d7a5c91407', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'fad8f7a6815a92b5e4d878a1746589fd33dc6ecf', class: 'ls-dv-input-row' }, h("div", { key: 'b119a6cfb19b6de4909bb461c32a1d7b50f32dd9', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'bf1bd492051d8f03428fb40229f992b3ca0dea71', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '0b85ba37204a2ce18bec156fa3861dddb45aec39', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '3945a5c3cd9fbe5b8c2c1be9ecbc723a6e8b9b84', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '1487f1247f4a1cdcac7f914c89fa5f66c14d26db', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '5c53ae431604ed367407c83b57546312f595291e', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '46706b2a43b3a24d825ec9a1c1c4e62a3ef5ad8e', tooltipId: "ls-dv-tooltip" })));
     }
     static get style() { return lsFieldPlacementCss(); }
 }, [769, "ls-field-placement", {
@@ -99,6 +99,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPlacement as L, defineCustomElement as d };
-//# sourceMappingURL=p-DGgN9Tk0.js.map
+//# sourceMappingURL=p-CkKXB6ey.js.map
-//# sourceMappingURL=p-DGgN9Tk0.js.map
+//# sourceMappingURL=p-CkKXB6ey.js.map