npm - legalesign-document-viewer - Versions diffs - 1.0.13 → 1.0.15 - Mend

legalesign-document-viewer 1.0.13 → 1.0.15

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 (272) hide show

package/dist/components/{p-BNHlMdus.js → p-DX_iaF-l.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -78,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFeatureColoumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-BNHlMdus.js.map
+//# sourceMappingURL=p-DX_iaF-l.js.map
-//# sourceMappingURL=p-BNHlMdus.js.map
+//# sourceMappingURL=p-DX_iaF-l.js.map

package/dist/components/{p-BNHlMdus.js.map → p-DX_iaF-l.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BNHlMdus~~.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-DX_iaF-l.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-DmrshWtQ.js → p-DYVjHU88.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const LsPropsSection = /*@__PURE__*/ proxyCustomElement(class LsPropsSection ext
     sectionDescription;
     row = false;
     render() {
-        return (h(Host, { key: '1b6cf1035f048c9c0348bef3fb52847535787435' }, h("div", { key: '0e29c67fb26ffeb3f555c0077a8fea22b5f3438d', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '2b7913089accebfc07650e08773bd61cb61ae3e2', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'af615d09d85d303ad96b320c5a3469165e263c5c', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b28c5de86eff3cb4a1a74dd58a23070b87b6a057', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '968d3c634aa7b1f269430620d00b2d8025fb5dd1' }))));
+        return (h(Host, { key: '8e01f88e3961f1adc671052aecf1d9d64208918b' }, h("div", { key: '4ac35df206af64c0fd86c119116c87c0809df144', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '721bf12b430a2f0b5541fc68168b7c4d50a3b0ac', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c8d5337d6bd5e977a96cfe55d00694868b357640', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '14f5ff256149fae253523025896ece56cdce132f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '2b352d37a4bcbee7a708326ae542325564d0dc37' }))));
     }
     static get style() { return lsPropsSectionCss(); }
 }, [769, "ls-props-section", {
@@ -38,6 +38,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsPropsSection as L, defineCustomElement as d };
-//# sourceMappingURL=p-DmrshWtQ.js.map
+//# sourceMappingURL=p-DYVjHU88.js.map
-//# sourceMappingURL=p-DmrshWtQ.js.map
+//# sourceMappingURL=p-DYVjHU88.js.map

package/dist/components/{p-DmrshWtQ.js.map → p-DYVjHU88.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DmrshWtQ~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-props-section',\n styleUrl: 'ls-props-section.scss',\n shadow: true,\n})\nexport class LsPropsSection {\n @Prop() sectionTitle: string;\n @Prop() sectionDescription?: string;\n @Prop() row?: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DYVjHU88.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-props-section',\n styleUrl: 'ls-props-section.scss',\n shadow: true,\n})\nexport class LsPropsSection {\n @Prop() sectionTitle: string;\n @Prop() sectionDescription?: string;\n @Prop() row?: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-eDwhUH-3.js → p-DZJKaPhB.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -238,6 +238,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsSelectMenu as L, defineCustomElement as d };
-//# sourceMappingURL=p-eDwhUH-3.js.map
+//# sourceMappingURL=p-DZJKaPhB.js.map
-//# sourceMappingURL=p-eDwhUH-3.js.map
+//# sourceMappingURL=p-DZJKaPhB.js.map

package/dist/components/{p-eDwhUH-3.js.map → p-DZJKaPhB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-eDwhUH-3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n position: relative;\n}\n\n.ls-select-menu-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n height: 2rem;\n width: 2rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.625rem;\n background: $primary-10;\n border: 1px solid $primary-60;\n color: $primary-60;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $primary-60;\n max-width: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n width: auto;\n gap: 0.375rem;\n padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n max-width: 8rem;\n opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n position: absolute;\n top: 2.5rem;\n left: 0;\n min-width: 14rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: $white;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n z-index: 1000;\n}\n\n.ls-select-menu-item {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: none;\n border-radius: 0.75rem;\n background: transparent;\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n cursor: pointer;\n text-align: left;\n min-height: unset;\n white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n height: 1px;\n margin: 0.25rem -0.75rem;\n background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-select-menu',\n styleUrl: 'ls-select-menu.scss',\n shadow: true,\n})\nexport class LsSelectMenu {\n @Element() el: HTMLElement;\n\n @Prop() selected: any[] = [];\n @Prop() pageNum: number;\n @Prop() editor: any;\n @Prop() floating: boolean = false;\n\n @State() isOpen: boolean = false;\n @State() isVisible: boolean = false;\n @State() isHeldDown: boolean = false;\n @State() floatingTop: number = 0;\n @State() floatingLeft: number = 0;\n\n private scrollHandler: () => void;\n private frameMouseDownHandler: () => void;\n private frameMouseUpHandler: () => void;\n private frameKeyDownHandler: (e: KeyboardEvent) => void;\n private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n this.el.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n\n if (this.floating) {\n this.scrollHandler = () => this.updateFloatingVisibility();\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n frame.addEventListener('mousedown', this.frameMouseDownHandler);\n frame.addEventListener('mouseup', this.frameMouseUpHandler);\n }\n\n const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n this.frameKeyDownHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) this.isHeldDown = true;\n };\n this.frameKeyUpHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n };\n document.addEventListener('keydown', this.frameKeyDownHandler);\n document.addEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n disconnectedCallback() {\n if (this.floating) {\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n }\n if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n @Watch('selected')\n @Watch('pageNum')\n onSelectionChange() {\n if (this.floating) {\n this.updateFloatingVisibility();\n }\n }\n\n private updateFloatingVisibility() {\n if (!this.floating \|\| !this.editor) {\n this.isVisible = false;\n return;\n }\n\n const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n if (!pageSelected \|\| pageSelected.length === 0) {\n this.isVisible = false;\n return;\n }\n\n // Check if main select menu button is out of view\n const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n if (!mainMenu) {\n this.isVisible = false;\n return;\n }\n\n const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (!wrapper) {\n this.isVisible = false;\n return;\n }\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const mainRect = mainMenu.getBoundingClientRect();\n const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n if (mainInView) {\n this.isVisible = false;\n return;\n }\n\n // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n if (!frame) {\n this.isVisible = false;\n return;\n }\n const frameRect = frame.getBoundingClientRect();\n\n let maxRight = -Infinity;\n let minTop = Infinity;\n pageSelected.forEach(f => {\n const rect = f.getBoundingClientRect();\n const right = rect.right - frameRect.left;\n const top = rect.top - frameRect.top;\n if (right > maxRight) maxRight = right;\n if (top < minTop) minTop = top;\n });\n\n this.floatingTop = minTop + frame.scrollTop;\n this.floatingLeft = maxRight + frame.scrollLeft + 8;\n this.isVisible = true;\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private get hasSelection(): boolean {\n return this.selected?.length > 0;\n }\n\n private getAllFields(): any[] {\n return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') \|\| []);\n }\n\n private selectAll() {\n const fields = this.getAllFields();\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectAllOnPage() {\n const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipant() {\n if (!this.hasSelection) return;\n const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameType() {\n if (!this.hasSelection) return;\n const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipantAndType() {\n if (!this.hasSelection) return;\n const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n render() {\n if (this.floating && (!this.isVisible \|\| this.isHeldDown)) return null;\n\n const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n if (this.floating) {\n this.el.style.position = 'absolute';\n this.el.style.top = this.floatingTop + 'px';\n this.el.style.left = this.floatingLeft + 'px';\n }\n\n return (\n <div class=\"ls-select-menu\">\n <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n >\n <ls-icon name=\"cursor-click-icon\" />\n <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n </button>\n {this.isOpen && (\n <div class=\"ls-select-menu-dropdown\">\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n {dvI18n.t('selectmenu.selectall')}\n </button>\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n {dvI18n.t('selectmenu.selectallonpage')}\n </button>\n <div class=\"ls-select-menu-divider\" />\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipant()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipant')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sametype')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipantAndType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipantandtype')}\n </button>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DZJKaPhB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n position: relative;\n}\n\n.ls-select-menu-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n height: 2rem;\n width: 2rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.625rem;\n background: $primary-10;\n border: 1px solid $primary-60;\n color: $primary-60;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $primary-60;\n max-width: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n width: auto;\n gap: 0.375rem;\n padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n max-width: 8rem;\n opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n position: absolute;\n top: 2.5rem;\n left: 0;\n min-width: 14rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: $white;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n z-index: 1000;\n}\n\n.ls-select-menu-item {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: none;\n border-radius: 0.75rem;\n background: transparent;\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n cursor: pointer;\n text-align: left;\n min-height: unset;\n white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n height: 1px;\n margin: 0.25rem -0.75rem;\n background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-select-menu',\n styleUrl: 'ls-select-menu.scss',\n shadow: true,\n})\nexport class LsSelectMenu {\n @Element() el: HTMLElement;\n\n @Prop() selected: any[] = [];\n @Prop() pageNum: number;\n @Prop() editor: any;\n @Prop() floating: boolean = false;\n\n @State() isOpen: boolean = false;\n @State() isVisible: boolean = false;\n @State() isHeldDown: boolean = false;\n @State() floatingTop: number = 0;\n @State() floatingLeft: number = 0;\n\n private scrollHandler: () => void;\n private frameMouseDownHandler: () => void;\n private frameMouseUpHandler: () => void;\n private frameKeyDownHandler: (e: KeyboardEvent) => void;\n private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n this.el.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n\n if (this.floating) {\n this.scrollHandler = () => this.updateFloatingVisibility();\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n frame.addEventListener('mousedown', this.frameMouseDownHandler);\n frame.addEventListener('mouseup', this.frameMouseUpHandler);\n }\n\n const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n this.frameKeyDownHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) this.isHeldDown = true;\n };\n this.frameKeyUpHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n };\n document.addEventListener('keydown', this.frameKeyDownHandler);\n document.addEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n disconnectedCallback() {\n if (this.floating) {\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n }\n if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n @Watch('selected')\n @Watch('pageNum')\n onSelectionChange() {\n if (this.floating) {\n this.updateFloatingVisibility();\n }\n }\n\n private updateFloatingVisibility() {\n if (!this.floating \|\| !this.editor) {\n this.isVisible = false;\n return;\n }\n\n const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n if (!pageSelected \|\| pageSelected.length === 0) {\n this.isVisible = false;\n return;\n }\n\n // Check if main select menu button is out of view\n const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n if (!mainMenu) {\n this.isVisible = false;\n return;\n }\n\n const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (!wrapper) {\n this.isVisible = false;\n return;\n }\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const mainRect = mainMenu.getBoundingClientRect();\n const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n if (mainInView) {\n this.isVisible = false;\n return;\n }\n\n // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n if (!frame) {\n this.isVisible = false;\n return;\n }\n const frameRect = frame.getBoundingClientRect();\n\n let maxRight = -Infinity;\n let minTop = Infinity;\n pageSelected.forEach(f => {\n const rect = f.getBoundingClientRect();\n const right = rect.right - frameRect.left;\n const top = rect.top - frameRect.top;\n if (right > maxRight) maxRight = right;\n if (top < minTop) minTop = top;\n });\n\n this.floatingTop = minTop + frame.scrollTop;\n this.floatingLeft = maxRight + frame.scrollLeft + 8;\n this.isVisible = true;\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private get hasSelection(): boolean {\n return this.selected?.length > 0;\n }\n\n private getAllFields(): any[] {\n return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') \|\| []);\n }\n\n private selectAll() {\n const fields = this.getAllFields();\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectAllOnPage() {\n const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipant() {\n if (!this.hasSelection) return;\n const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameType() {\n if (!this.hasSelection) return;\n const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipantAndType() {\n if (!this.hasSelection) return;\n const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n render() {\n if (this.floating && (!this.isVisible \|\| this.isHeldDown)) return null;\n\n const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n if (this.floating) {\n this.el.style.position = 'absolute';\n this.el.style.top = this.floatingTop + 'px';\n this.el.style.left = this.floatingLeft + 'px';\n }\n\n return (\n <div class=\"ls-select-menu\">\n <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n >\n <ls-icon name=\"cursor-click-icon\" />\n <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n </button>\n {this.isOpen && (\n <div class=\"ls-select-menu-dropdown\">\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n {dvI18n.t('selectmenu.selectall')}\n </button>\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n {dvI18n.t('selectmenu.selectallonpage')}\n </button>\n <div class=\"ls-select-menu-divider\" />\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipant()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipant')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sametype')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipantAndType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipantandtype')}\n </button>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BodlW2-m.js → p-DkDYh4WL.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.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)}`;
@@ -114,6 +114,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsDocumentOptions as L, defineCustomElement as d };
-//# sourceMappingURL=p-BodlW2-m.js.map
+//# sourceMappingURL=p-DkDYh4WL.js.map
-//# sourceMappingURL=p-BodlW2-m.js.map
+//# sourceMappingURL=p-DkDYh4WL.js.map

package/dist/components/{p-BodlW2-m.js.map → p-DkDYh4WL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BodlW2-m.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, 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\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 if (!isoString) return '-';\n const date = new Date(isoString);\n if (isNaN(date.getTime())) return '-';\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\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 type='number'\n min='0'\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\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-DkDYh4WL.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, 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\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 if (!isoString) return '-';\n const date = new Date(isoString);\n if (isNaN(date.getTime())) return '-';\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\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 type='number'\n min='0'\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\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-C-vCe5Wm.js → p-Ds2yihe8.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -121,6 +121,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldDimensions as L, defineCustomElement as d };
-//# sourceMappingURL=p-C-vCe5Wm.js.map
+//# sourceMappingURL=p-Ds2yihe8.js.map
-//# sourceMappingURL=p-C-vCe5Wm.js.map
+//# sourceMappingURL=p-Ds2yihe8.js.map

package/dist/components/{p-C-vCe5Wm.js.map → p-Ds2yihe8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C-vCe5Wm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 100%;\n}\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 width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n tag: 'ls-field-dimensions',\n styleUrl: 'ls-field-dimensions.scss',\n shadow: true,\n})\nexport class LsFieldDimensions {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\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 isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getMultiValue(key: string): number \| undefined {\n if (!this.isMultiple(this.dataItem)) return undefined;\n const first = this.dataItem[0][key];\n return this.dataItem.every(item => item[key] === first) ? first : undefined;\n }\n\n getDataItem(): LSApiElement {\n if (this.isSingle(this.dataItem)) {\n return this.dataItem;\n }\n return this.dataItem[0];\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n value={this.getMultiValue('width')}\n placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.getMultiValue('height')}\n placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n </div>\n\n {/ <div>\n Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div>\n <div>\n Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div> /}\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n min={5}\n max={this.dataItem.pageDimensions.width - this.dataItem.width}\n value={this.dataItem?.width}\n onChange={e => {\n const di = this.getDataItem();\n const newWidth = parseInt((e.target as HTMLInputElement).value);\n if (newWidth > di.pageDimensions.width - di.left) {\n return;\n }\n // If signature field with fixed scale, auto-adjust height\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newHeight = Math.round(newWidth / 3.8);\n this.alter({ width: newWidth, height: newHeight });\n } else {\n this.alter({ width: newWidth });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.dataItem?.height}\n onChange={e => {\n const di = this.getDataItem();\n const newHeight = parseInt((e.target as HTMLInputElement).value);\n if (newHeight > di.pageDimensions.height - di.top) {\n return;\n }\n // If signature field with fixed scale, auto-adjust width\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newWidth = Math.round(newHeight 3.8);\n this.alter({ height: newHeight, width: newWidth });\n } else {\n this.alter({ height: newHeight });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ds2yihe8.js","mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,26KAA26K,CAAC;;MCUn8K,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAEH,IAAA,QAAQ;IACzB,QAAQ,CAAM;IACd,QAAQ,GAAY,KAAK;AAOjC,IAAA,MAAM;AAON,IAAA,MAAM;AAEN,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;AAG1D,IAAA,aAAa,CAAC,GAAW,EAAA;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,SAAS;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACnC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS;;IAG7E,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,QAAQ;;AAEtB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;AAKzB,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAG;AACnD,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE;AACtE,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAoB,CAAC;AACtD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAClB;AACL,YAAA,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAmB;AAC7G,YAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAoB;YAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;;;IAIlC,gBAAgB,GAAA;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAClC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACtG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACpF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EACnC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACvG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACrF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,CACF,CAQF,CACP,EACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC7D,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC/D,gBAAA,IAAI,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,EAAE;oBAChD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;aAElC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAC5B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,SAAS,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAChE,gBAAA,IAAI,SAAS,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE;oBACjD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;aAEpC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACE,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC9B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,kBAAkB,EAAA,CAAW,CACpC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,wBAAwB,EAAA,CAAW,CAC1C,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAA,EAC/G,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,yBAAyB,EAAA,CAAW,CAC3C,CACL,CACF,CACF,CACP,EACD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 100%;\n}\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 width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n tag: 'ls-field-dimensions',\n styleUrl: 'ls-field-dimensions.scss',\n shadow: true,\n})\nexport class LsFieldDimensions {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\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 isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getMultiValue(key: string): number \| undefined {\n if (!this.isMultiple(this.dataItem)) return undefined;\n const first = this.dataItem[0][key];\n return this.dataItem.every(item => item[key] === first) ? first : undefined;\n }\n\n getDataItem(): LSApiElement {\n if (this.isSingle(this.dataItem)) {\n return this.dataItem;\n }\n return this.dataItem[0];\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n value={this.getMultiValue('width')}\n placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.getMultiValue('height')}\n placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n </div>\n\n {/ <div>\n Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div>\n <div>\n Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div> /}\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n min={5}\n max={this.dataItem.pageDimensions.width - this.dataItem.width}\n value={this.dataItem?.width}\n onChange={e => {\n const di = this.getDataItem();\n const newWidth = parseInt((e.target as HTMLInputElement).value);\n if (newWidth > di.pageDimensions.width - di.left) {\n return;\n }\n // If signature field with fixed scale, auto-adjust height\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newHeight = Math.round(newWidth / 3.8);\n this.alter({ width: newWidth, height: newHeight });\n } else {\n this.alter({ width: newWidth });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.dataItem?.height}\n onChange={e => {\n const di = this.getDataItem();\n const newHeight = parseInt((e.target as HTMLInputElement).value);\n if (newHeight > di.pageDimensions.height - di.top) {\n return;\n }\n // If signature field with fixed scale, auto-adjust width\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newWidth = Math.round(newHeight 3.8);\n this.alter({ height: newHeight, width: newWidth });\n } else {\n this.alter({ height: newHeight });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CTMHCecN.js → p-DsIip0mA.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$f, v as validateFieldValue, a as validationTypes, g as getInputType } from './p-XbFErpli.js';
-import { g as getDefaultValidationForType, a as getFieldPlaceholder, b as getFieldTitleSuggestion } from './p--oiqur2Y.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as defineCustomElement$f, v as validateFieldValue, a as validationTypes, g as getInputType } from './p-p5JEvsTq.js';
+import { g as getDefaultValidationForType, a as getFieldPlaceholder, b as getFieldTitleSuggestion } from './p-CZjNHYfy.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { f as forceCloseDatePicker } from './index.js';
-import { d as defineCustomElement$h } from './p-BKbGzLae.js';
+import { d as defineCustomElement$h } from './p-CxBIa83N.js';
 import { d as defineCustomElement$g } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
+import { d as defineCustomElement$e } from './p-BLZyVIno.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
-import { d as defineCustomElement$a } from './p-DaQLveiE.js';
+import { d as defineCustomElement$a } from './p-CKcOLluN.js';
 import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
 import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$7 } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$7 } from './p-DYVjHU88.js';
 import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
 import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
 import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
-import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsFieldContentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.2rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-date-input-wrapper{position:relative;width:100%}.ls-dv-date-display{cursor:pointer;width:100%;box-sizing:border-box}.ls-dv-date-clear{position:absolute;right:0.5rem;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;color:var(--gray-80, #6f7176)}.ls-dv-date-picker-hidden{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:100%;height:100%}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}`;
@@ -442,6 +442,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldContent as L, defineCustomElement as d };
-//# sourceMappingURL=p-CTMHCecN.js.map
+//# sourceMappingURL=p-DsIip0mA.js.map
-//# sourceMappingURL=p-CTMHCecN.js.map
+//# sourceMappingURL=p-DsIip0mA.js.map