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

legalesign-document-viewer 0.9.21 → 0.9.22

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

package/dist/components/{p-BNu-kdNq.js.map → p-C_1P1sdO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BNu-kdNq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\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-validation-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-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; / 142.857% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-C_1P1sdO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\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-validation-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-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; / 142.857% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

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

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

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

	@@ -1 +1 @@
1	- {"file":"p-~~EE_rUtMN~~.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,0ZAA0Z,CAAC;;MCQhb,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAE3B;;;AAGG;IACsB,OAAO,GAAuE,SAAS;AAGhH;;;AAGG;IACK,IAAI,GAAqC,QAAQ;;AAGhD,IAAA,MAAM;IAEf,gBAAgB,GAAA;;IAGhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,UAAU,GAAG,mBAAmB,GAAG,oBAAoB,EACzH,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5B,gBAAA,IAAI,CAAC,OAAO,GAAG,UAAU;AAC3B,aAAC,qBACe,eAAe,EAAA,mBAAA,EACZ,CAAA,QAAA,EAAW,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAA,cAAA,EAAiB,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAE,CAAA,wBACvH,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,GAAI,CACtC,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,mBAAmB,GAAG,oBAAoB,EAC9E,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;AAC3B,gBAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AAC1B,aAAC,qBACe,eAAe,EAAA,mBAAA,EACZ,CAAW,QAAA,EAAA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAA,cAAA,EAAiB,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAE,CAAA,wBAC7G,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAE,EAAE,GAAI,CAC1C,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,aAAa,GAAG,mBAAmB,GAAG,oBAAoB,EAC5H,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;AAC/B,gBAAA,IAAI,CAAC,OAAO,GAAG,aAAa;AAC9B,aAAC,qBACe,eAAe,EAAA,mBAAA,EACZ,CAAW,QAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAA,cAAA,EAAiB,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAE,CAAA,wBACjH,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,CACxC,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,mBAAmB,GAAG,oBAAoB,EAC3H,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAC7B,gBAAA,IAAI,CAAC,OAAO,GAAG,WAAW;AAC5B,aAAC,qBACe,eAAe,EAAA,mBAAA,EACZ,CAAW,QAAA,EAAA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAA,cAAA,EAAiB,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAE,CAAA,wBAC7G,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,CACxC,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,cAAc,GAAG,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,mBAAmB,GAAG,oBAAoB,EAC5H,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;AAC9B,gBAAA,IAAI,CAAC,OAAO,GAAG,YAAY;AAC7B,aAAC,qBACe,eAAe,EAAA,mBAAA,EACZ,CAAW,QAAA,EAAA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,iBAAiB,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAA,CAAE,wBAC7G,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAI,CACzC,EAEN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ChRy20ef.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DOZ7EVSp.js → p-CjWrgCFE.js} RENAMED Viewed

@@ -1,46 +1,46 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-BrykT5-C.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
 import { F as FIELD_DEFAULTS } from './p-B3gB_457.js';
-import { d as defineCustomElement$E } from './p-Dz16EnCS.js';
-import { d as defineCustomElement$D } from './p-D9Kd-4_M.js';
-import { d as defineCustomElement$C } from './p-CyqNq-AI.js';
-import { d as defineCustomElement$B } from './p-DckVC3o2.js';
-import { d as defineCustomElement$A } from './p-EE_rUtMN.js';
-import { d as defineCustomElement$z } from './p-D7bwh5bc.js';
-import { d as defineCustomElement$y } from './p-DJ7bx7B5.js';
-import { d as defineCustomElement$x } from './p-DAP3L70b.js';
-import { d as defineCustomElement$w } from './p-DCdDskfL.js';
-import { d as defineCustomElement$v } from './p-C4Fkc5Wm.js';
-import { d as defineCustomElement$u } from './p-DGgN9Tk0.js';
-import { d as defineCustomElement$t } from './p--TgjpdhB.js';
-import { d as defineCustomElement$s } from './p-CgczqobT.js';
-import { d as defineCustomElement$r } from './p-Bn74nhFM.js';
-import { d as defineCustomElement$q } from './p-d3FQEed-.js';
-import { d as defineCustomElement$p } from './p-Bo2HQUQV.js';
-import { d as defineCustomElement$o } from './p-d3qXKu5b.js';
-import { d as defineCustomElement$n } from './p-BPcmC2nE.js';
-import { d as defineCustomElement$m } from './p-BEoo68ix.js';
-import { d as defineCustomElement$l } from './p-DxKBajEl.js';
-import { d as defineCustomElement$k } from './p-4mqXicuy.js';
-import { d as defineCustomElement$j } from './p-C1mHzpwC.js';
-import { d as defineCustomElement$i } from './p-BJqq2Npt.js';
-import { d as defineCustomElement$h } from './p-B4zjHmIp.js';
-import { d as defineCustomElement$g } from './p-BBAOpkc_.js';
-import { d as defineCustomElement$f } from './p-DFvqOenH.js';
-import { d as defineCustomElement$e } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$d } from './p-cJzdZ_Zw.js';
-import { d as defineCustomElement$c } from './p-C8NcdVVP.js';
-import { d as defineCustomElement$b } from './p-wwN19gwm.js';
-import { d as defineCustomElement$a } from './p-BgjZLcgZ.js';
-import { d as defineCustomElement$9 } from './p-DIZNU-wE.js';
-import { d as defineCustomElement$8 } from './p-OLQsckjQ.js';
-import { d as defineCustomElement$7 } from './p-DhcX4EuS.js';
-import { d as defineCustomElement$6 } from './p-BDiZ0WrF.js';
-import { d as defineCustomElement$5 } from './p-CWgG6RtI.js';
-import { d as defineCustomElement$4 } from './p-Bo0Bazo8.js';
-import { d as defineCustomElement$3 } from './p-dHMolk9H.js';
-import { d as defineCustomElement$2 } from './p-BNu-kdNq.js';
-import { d as defineCustomElement$1 } from './p-NAiclfXm.js';
+import { d as defineCustomElement$E } from './p-Dw_QK-he.js';
+import { d as defineCustomElement$D } from './p-wijn7N4I.js';
+import { d as defineCustomElement$C } from './p-CKbRUnN1.js';
+import { d as defineCustomElement$B } from './p-3C_ngKa0.js';
+import { d as defineCustomElement$A } from './p-ChRy20ef.js';
+import { d as defineCustomElement$z } from './p-DLJvb8vE.js';
+import { d as defineCustomElement$y } from './p-CuOa6zQ5.js';
+import { d as defineCustomElement$x } from './p-BH-y0Rpv.js';
+import { d as defineCustomElement$w } from './p-CL7BhZ_Q.js';
+import { d as defineCustomElement$v } from './p-wxu8bkXk.js';
+import { d as defineCustomElement$u } from './p-CkKXB6ey.js';
+import { d as defineCustomElement$t } from './p-B-lmV6Ge.js';
+import { d as defineCustomElement$s } from './p-DVMW45bm.js';
+import { d as defineCustomElement$r } from './p-C7YkcdaA.js';
+import { d as defineCustomElement$q } from './p-DowYrMjW.js';
+import { d as defineCustomElement$p } from './p-BQUrLZHa.js';
+import { d as defineCustomElement$o } from './p-CtwomLWc.js';
+import { d as defineCustomElement$n } from './p-B57Pqae2.js';
+import { d as defineCustomElement$m } from './p-DgdZURoz.js';
+import { d as defineCustomElement$l } from './p-CR8tt6fP.js';
+import { d as defineCustomElement$k } from './p-B8MnmgX3.js';
+import { d as defineCustomElement$j } from './p-xwpC2Mzh.js';
+import { d as defineCustomElement$i } from './p-DX0MxmqS.js';
+import { d as defineCustomElement$h } from './p-CPBue47f.js';
+import { d as defineCustomElement$g } from './p-TmHRO8G9.js';
+import { d as defineCustomElement$f } from './p-D5pMAqGE.js';
+import { d as defineCustomElement$e } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$d } from './p-CKZG8VvW.js';
+import { d as defineCustomElement$c } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$b } from './p-DKo99Z43.js';
+import { d as defineCustomElement$a } from './p-LtApPKUM.js';
+import { d as defineCustomElement$9 } from './p-BOiW1EXR.js';
+import { d as defineCustomElement$8 } from './p-Cq8ahbie.js';
+import { d as defineCustomElement$7 } from './p-BDrXR7dP.js';
+import { d as defineCustomElement$6 } from './p-Dcgsf6yy.js';
+import { d as defineCustomElement$5 } from './p-Dj0hj7yh.js';
+import { d as defineCustomElement$4 } from './p-DWHMcRuX.js';
+import { d as defineCustomElement$3 } from './p-DZP-fvPJ.js';
+import { d as defineCustomElement$2 } from './p-C_1P1sdO.js';
+import { d as defineCustomElement$1 } from './p-JclQnuaU.js';
 const lsLeftBarCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.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-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}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)}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)}`;
@@ -129,7 +129,7 @@ const LsLeftBar = /*@__PURE__*/ proxyCustomElement(class LsLeftBar extends H {
             }, style: { borderRadius: '0.75rem' }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('viewer.closepropertiespanel') }, h("ls-icon", { name: "x-icon", size: 20 }))), h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems, template: this.template })));
     }
     renderToolbox() {
-        return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, dvI18n.t('toolbox.title')), h("p", { class: "ls-dv-toolbox-section-description" }, dvI18n.t('toolbox.description'))), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer })))));
+        return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, dvI18n.t('toolbox.title')), h("p", { class: "ls-dv-toolbox-section-description" }, dvI18n.t('toolbox.description'))), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signature' })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'auto sign' })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'text' })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signing date' })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'date' })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'email' })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'initials' })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'number' })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'dropdown' })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'checkbox' })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'regex' })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'image' })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'file' })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'drawn' })))));
     }
     renderEditor() {
         return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-feature-column", { mode: this.mode, onManage: manager => this.managerChange.emit(manager.detail) }), this.renderToolbox(), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden', activeSigner: this.signer, template: this.template, busy: this.busy }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
@@ -379,6 +379,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsLeftBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-DOZ7EVSp.js.map
+//# sourceMappingURL=p-CjWrgCFE.js.map
-//# sourceMappingURL=p-DOZ7EVSp.js.map
+//# sourceMappingURL=p-CjWrgCFE.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-CjWrgCFE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin */\n* {\n margin: 0;\n}\n\n/* 8. Avoid text overflows */\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n/* 9. Improve line wrapping */\np {\n text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n text-wrap: balance;\n}\n\n:host {\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n}\n\n.ls-dv-hidden {\n visibility: hidden;\n display: none;\n width: 0px;\n}\n\n#my-field-panel {\n position: relative;\n height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n position: relative;\n border-radius: 1.75rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n width: 21.25rem;\n margin: 1rem;\n min-width: 21.25rem;\n height: calc(100% - 2rem);\n max-height: calc(100% - 2rem);\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n}\n\n.ls-dv-left-box-inner {\n position: relative;\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n padding: 0.75rem;\n gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n border: 1px solid $gray-30;\n background: $gray-10;\n padding: 0.75rem;\n gap: 1rem;\n overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: none;\n border-radius: 0;\n border: none;\n background: white;\n padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow-y: auto;\n /* width: calc(100% + 0.25rem); */\n padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n position: absolute;\n top: 5.9375rem;\n left: 0;\n width: 100%;\n height: 1rem;\n background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n position: absolute;\n bottom: 1rem;\n left: 0.75rem;\n width: calc(100% - 1.5rem);\n height: 1rem;\n background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\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;\n /* 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-fields-box {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n position: relative;\n height: 100%;\n}\n\n.ls-dv-properties-header {\n display: flex;\n padding: 1rem;\n gap: 0.75rem;\n align-items: center;\n border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n color: $gray-100;\n width: 100%;\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 2rem;\n /* 133.333% */\n}\n\n.ls-dv-properties-header-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n background: $primary-10;\n color: $primary-60;\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\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","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-left-bar',\n styleUrl: 'ls-left-bar.scss',\n shadow: true,\n})\nexport class LsLeftBar {\n @Element() el: HTMLElement;\n\n @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n @Prop() selected: HTMLLsEditorFieldElement[] = [];\n @Prop() manager: string;\n @Prop() signer: number;\n @Prop() filtertoolbox: string = null;\n @Prop() template: LSApiTemplate;\n @Prop() recipients: any[];\n @Prop() validationErrors: ValidationError[] = [];\n @Prop() fieldTypeSelected: IToolboxField;\n @Prop() displayTable: boolean = false;\n @Prop() busy: boolean = false;\n @Prop() selectedDataItems: any[] = [];\n\n @Event() managerChange: EventEmitter<string>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: string) {\n if (newManager === 'document') {\n const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n if (dm) dm.template = this.template;\n } else if (newManager === 'participant') {\n const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n if (pm) pm.template = this.template;\n } else if (newManager === 'validation') {\n const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n if (vm) vm.validationErrors = this.validationErrors;\n }\n }\n\n componentDidLoad() {\n const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n if (leftBox) {\n leftBox.addEventListener('mousedown', e => e.stopPropagation());\n leftBox.addEventListener('mouseup', e => e.stopPropagation());\n leftBox.addEventListener('mousemove', e => e.stopPropagation());\n }\n }\n\n @Watch('signer')\n signerChanged() {\n try {\n const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n if (recipientManager) {\n const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n if (recipientsBox) {\n recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n } catch (e) {\n // fail silently\n }\n }\n\n private showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n }\n\n private checkType(type: LSApiRoleType): boolean {\n if (this.mode === 'compose' && this.recipients) {\n return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n } else if (this.template) {\n return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n }\n return false;\n }\n\n private renderFieldProperties() {\n if (this.displayTable || this.selected.length === 0) return null;\n return (\n <div class=\"ls-dv-field-properties-outer\">\n <div class=\"ls-dv-properties-header\">\n <div class=\"ls-dv-properties-header-icon\">\n <ls-icon name=\"pre-filled-content-icon\" />\n </div>\n <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n <button\n class=\"ls-dv-tertiary-grey\"\n onClick={e => {\n this.clearSelected.emit();\n e.preventDefault();\n }}\n style={{ borderRadius: '0.75rem' }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n >\n <ls-icon name=\"x-icon\" size={20} />\n </button>\n </div>\n <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template}></ls-field-properties>\n </div>\n );\n }\n\n private renderToolbox() {\n return (\n <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n </div>\n <div class=\"ls-dv-fields-box\">\n {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n />\n )}\n {this.signer === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"admin\"\n formElementType=\"auto sign\"\n label={dvI18n.t('toolbox.autosign')}\n defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n validation={3000}\n icon=\"auto-sign-icon\"\n tooltip={dvI18n.t('toolbox.autosigntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label={dvI18n.t('toolbox.text')}\n defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n validation={0}\n icon=\"text-icon\"\n tooltip={dvI18n.t('toolbox.texttooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n />\n )}\n {this.signer > 0 && this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"signing date\"\n label={dvI18n.t('toolbox.signingdate')}\n defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n validation={32}\n icon=\"auto-date-icon\"\n tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n />\n )}\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"date\"\n label={dvI18n.t('toolbox.date')}\n defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n validation={4}\n icon=\"calender-icon\"\n tooltip={dvI18n.t('toolbox.datetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"email\"\n label={dvI18n.t('toolbox.email')}\n defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n validation={1}\n icon=\"at-symbol-icon\"\n tooltip={dvI18n.t('toolbox.emailtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n />\n )}\n {this.showTool('initials') && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label={dvI18n.t('toolbox.initials')}\n defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n validation={2000}\n icon=\"initials-icon\"\n tooltip={dvI18n.t('toolbox.initialstooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n />\n )}\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"number\"\n label={dvI18n.t('toolbox.number')}\n defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n validation={50}\n icon=\"hashtag-icon\"\n tooltip={dvI18n.t('toolbox.numbertooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n />\n )}\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"dropdown\"\n label={dvI18n.t('toolbox.dropdown')}\n defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n validation={20}\n icon=\"dropdown-icon\"\n tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n />\n )}\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"checkbox\"\n label={dvI18n.t('toolbox.checkbox')}\n defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n validation={25}\n icon=\"check-icon\"\n tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n />\n )}\n {this.signer > 0 && this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regex\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regex'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regex'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regex'}\n />\n )}\n {this.signer > 0 && this.showTool('image') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"image\"\n label={dvI18n.t('toolbox.image')}\n defaultHeight={FIELD_DEFAULTS['image'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['image'].defaultWidth}\n validation={90}\n icon=\"photograph-icon\"\n tooltip={dvI18n.t('toolbox.imagetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'image'}\n />\n )}\n {this.signer > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"file\"\n label={dvI18n.t('toolbox.file')}\n defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n validation={74}\n icon=\"upload-icon\"\n tooltip={dvI18n.t('toolbox.filetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n />\n )}\n {this.signer > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"drawn\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn'}\n />\n )}\n </div>\n </div>\n );\n }\n\n private renderEditor() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-feature-column mode={this.mode} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.renderToolbox()}\n <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n <div class=\"ls-dv-scroll-gradient-top\" />\n <div class=\"ls-dv-scroll-gradient-bottom\" />\n <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n <div class=\"ls-dv-recipients-box\">\n {this.recipients &&\n this.recipients.map(recipient => (\n <ls-recipient-card\n recipient={recipient}\n activeRecipient={this.signer}\n filtertoolbox={this.filtertoolbox}\n template={this.template}\n validationErrors={this.validationErrors}\n fieldTypeSelected={this.fieldTypeSelected}\n data-signer-index={recipient.signerIndex}\n />\n ))}\n </div>\n <slot name=\"recipient-panel\"></slot>\n </ls-recipient-manager>\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n render() {\n return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n }\n}\n"],"version":3}

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

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