legalesign-document-viewer 1.0.7 → 1.0.8
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-add-new-button_20.cjs.entry.js +11 -10
- package/dist/cjs/ls-assignee-select_21.cjs.entry.js +14 -13
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +2 -2
- package/dist/cjs/ls-document-viewer.cjs.entry.js +16 -5
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-alignment_3.cjs.entry.js +1 -1
- package/dist/cjs/{mouseHandlers-DvI94o4n.js → mouseHandlers-Bvj_z8jR.js} +5 -2
- package/dist/cjs/mouseHandlers-Bvj_z8jR.js.map +1 -0
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +5 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +15 -3
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js +3 -0
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
- package/dist/collection/components/ls-field-content/ls-field-content.js +10 -7
- package/dist/collection/components/ls-field-content/ls-field-content.js.map +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +10 -9
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js +4 -6
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js.map +1 -1
- package/dist/collection/components/ls-left-bar/ls-left-bar.js +1 -1
- package/dist/collection/components/ls-left-bar/ls-left-bar.js.map +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
- package/dist/components/ls-document-viewer.js +32 -20
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-properties-checkbox.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +2 -2
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-type-select.js +1 -1
- package/dist/components/ls-left-bar.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/{p-D8SiEyxv.js → p-2HtsobiE.js} +4 -4
- package/dist/components/{p-D8SiEyxv.js.map → p-2HtsobiE.js.map} +1 -1
- package/dist/components/{p-Diybi844.js → p-BXlDP4-Y.js} +4 -4
- package/dist/components/{p-Diybi844.js.map → p-BXlDP4-Y.js.map} +1 -1
- package/dist/components/{p-Cb2OmRru.js → p-BlzW961U.js} +3 -3
- package/dist/components/{p-Cb2OmRru.js.map → p-BlzW961U.js.map} +1 -1
- package/dist/components/{p-Bi1odRMK.js → p-Brlb4nfo.js} +5 -2
- package/dist/components/p-Brlb4nfo.js.map +1 -0
- package/dist/components/{p-CJOYo3je.js → p-C5IJ94WY.js} +4 -4
- package/dist/components/{p-CJOYo3je.js.map → p-C5IJ94WY.js.map} +1 -1
- package/dist/components/{p-BOg59Hui.js → p-CHTXmZcS.js} +14 -13
- package/dist/components/p-CHTXmZcS.js.map +1 -0
- package/dist/components/{p-DsEMqzrc.js → p-CNEq_UtK.js} +4 -4
- package/dist/components/{p-DsEMqzrc.js.map → p-CNEq_UtK.js.map} +1 -1
- package/dist/components/{p-Qxe4qT6a.js → p-C_Y_lx-7.js} +3 -3
- package/dist/components/{p-Qxe4qT6a.js.map → p-C_Y_lx-7.js.map} +1 -1
- package/dist/components/{p-Dr4bZsUx.js → p-CcBEOEMO.js} +4 -4
- package/dist/components/{p-Dr4bZsUx.js.map → p-CcBEOEMO.js.map} +1 -1
- package/dist/components/{p-D25GhWKW.js → p-CoVwpMi0.js} +17 -17
- package/dist/components/p-CoVwpMi0.js.map +1 -0
- package/dist/components/{p-T0TVxf3z.js → p-Cp17g5RT.js} +4 -4
- package/dist/components/{p-T0TVxf3z.js.map → p-Cp17g5RT.js.map} +1 -1
- package/dist/components/{p-DXwZW96h.js → p-DEWq4YUk.js} +4 -4
- package/dist/components/{p-DXwZW96h.js.map → p-DEWq4YUk.js.map} +1 -1
- package/dist/components/{p-OChWH88R.js → p-DwVGD10J.js} +4 -4
- package/dist/components/{p-OChWH88R.js.map → p-DwVGD10J.js.map} +1 -1
- package/dist/components/{p-DX7Kb9cb.js → p-KqKkoW4F.js} +6 -8
- package/dist/components/p-KqKkoW4F.js.map +1 -0
- package/dist/components/{p-CxJyHyur.js → p-NIpH5Un0.js} +14 -14
- package/dist/components/{p-CxJyHyur.js.map → p-NIpH5Un0.js.map} +1 -1
- package/dist/components/{p-BJoHocUQ.js → p-iUgn2UWj.js} +13 -10
- package/dist/components/p-iUgn2UWj.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-add-new-button_20.entry.js +11 -10
- package/dist/esm/ls-assignee-select_21.entry.js +14 -13
- package/dist/esm/ls-compose-loader_7.entry.js +2 -2
- package/dist/esm/ls-document-viewer.entry.js +16 -5
- package/dist/esm/ls-document-viewer.entry.js.map +1 -1
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-alignment_3.entry.js +1 -1
- package/dist/esm/{mouseHandlers-Bwr3Oepx.js → mouseHandlers-D8J1b1SM.js} +5 -2
- package/dist/esm/mouseHandlers-D8J1b1SM.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/p-232cbd8d.entry.js +2 -0
- package/dist/ls-document-viewer/p-232cbd8d.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-649b6726.entry.js +2 -0
- package/dist/ls-document-viewer/p-649b6726.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-67d622c7.entry.js +2 -0
- package/dist/ls-document-viewer/p-67d622c7.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-9b6efe5e.entry.js → p-88c316be.entry.js} +3 -3
- package/dist/ls-document-viewer/p-88c316be.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-SfEjlcdN.js → p-CkHg_-KZ.js} +2 -2
- package/dist/ls-document-viewer/p-CkHg_-KZ.js.map +1 -0
- package/dist/ls-document-viewer/{p-a4a0858b.entry.js → p-e48efc3a.entry.js} +2 -2
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/mouseHandlers-DvI94o4n.js.map +0 -1
- package/dist/components/p-BJoHocUQ.js.map +0 -1
- package/dist/components/p-BOg59Hui.js.map +0 -1
- package/dist/components/p-Bi1odRMK.js.map +0 -1
- package/dist/components/p-D25GhWKW.js.map +0 -1
- package/dist/components/p-DX7Kb9cb.js.map +0 -1
- package/dist/esm/mouseHandlers-Bwr3Oepx.js.map +0 -1
- package/dist/ls-document-viewer/p-6f2687fc.entry.js +0 -2
- package/dist/ls-document-viewer/p-6f2687fc.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-9b6efe5e.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-SfEjlcdN.js.map +0 -1
- package/dist/ls-document-viewer/p-eed3e530.entry.js +0 -2
- package/dist/ls-document-viewer/p-eed3e530.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-f39bf280.entry.js +0 -2
- package/dist/ls-document-viewer/p-f39bf280.entry.js.map +0 -1
- /package/dist/ls-document-viewer/{p-a4a0858b.entry.js.map → p-e48efc3a.entry.js.map} +0 -0
|
@@ -9,26 +9,26 @@ import { d as defineCustomElement$K } from './p-CLklwQ7z.js';
|
|
|
9
9
|
import { d as defineCustomElement$J } from './p-BLMY8rNM.js';
|
|
10
10
|
import { d as defineCustomElement$I } from './p-DWGdXqO4.js';
|
|
11
11
|
import { d as defineCustomElement$H } from './p-DRDChAg6.js';
|
|
12
|
-
import { d as defineCustomElement$G } from './p-
|
|
12
|
+
import { d as defineCustomElement$G } from './p-iUgn2UWj.js';
|
|
13
13
|
import { d as defineCustomElement$F } from './p-DkV1l_zw.js';
|
|
14
|
-
import { d as defineCustomElement$E } from './p-
|
|
14
|
+
import { d as defineCustomElement$E } from './p-Brlb4nfo.js';
|
|
15
15
|
import { d as defineCustomElement$D } from './p-CSxx3aLG.js';
|
|
16
16
|
import { d as defineCustomElement$C } from './p-Dab8K5mi.js';
|
|
17
|
-
import { d as defineCustomElement$B } from './p-
|
|
17
|
+
import { d as defineCustomElement$B } from './p-NIpH5Un0.js';
|
|
18
18
|
import { d as defineCustomElement$A } from './p-BmlXiagO.js';
|
|
19
19
|
import { d as defineCustomElement$z } from './p-CVg_g7Vq.js';
|
|
20
|
-
import { d as defineCustomElement$y } from './p-
|
|
20
|
+
import { d as defineCustomElement$y } from './p-DEWq4YUk.js';
|
|
21
21
|
import { d as defineCustomElement$x } from './p-C1SFI6sR.js';
|
|
22
|
-
import { d as defineCustomElement$w } from './p-
|
|
23
|
-
import { d as defineCustomElement$v } from './p-
|
|
24
|
-
import { d as defineCustomElement$u } from './p-
|
|
25
|
-
import { d as defineCustomElement$t } from './p-
|
|
26
|
-
import { d as defineCustomElement$s } from './p-
|
|
27
|
-
import { d as defineCustomElement$r } from './p-
|
|
28
|
-
import { d as defineCustomElement$q } from './p-
|
|
29
|
-
import { d as defineCustomElement$p } from './p-
|
|
22
|
+
import { d as defineCustomElement$w } from './p-BXlDP4-Y.js';
|
|
23
|
+
import { d as defineCustomElement$v } from './p-CNEq_UtK.js';
|
|
24
|
+
import { d as defineCustomElement$u } from './p-2HtsobiE.js';
|
|
25
|
+
import { d as defineCustomElement$t } from './p-Cp17g5RT.js';
|
|
26
|
+
import { d as defineCustomElement$s } from './p-CHTXmZcS.js';
|
|
27
|
+
import { d as defineCustomElement$r } from './p-C5IJ94WY.js';
|
|
28
|
+
import { d as defineCustomElement$q } from './p-DwVGD10J.js';
|
|
29
|
+
import { d as defineCustomElement$p } from './p-CcBEOEMO.js';
|
|
30
30
|
import { d as defineCustomElement$o } from './p-pEYsk7D-.js';
|
|
31
|
-
import { d as defineCustomElement$n } from './p-
|
|
31
|
+
import { d as defineCustomElement$n } from './p-KqKkoW4F.js';
|
|
32
32
|
import { d as defineCustomElement$m } from './p-CzkJGTTH.js';
|
|
33
33
|
import { d as defineCustomElement$l } from './p-BHeJScTh.js';
|
|
34
34
|
import { d as defineCustomElement$k } from './p-Brq7Gduk.js';
|
|
@@ -41,7 +41,7 @@ import { d as defineCustomElement$e } from './p-CRZNeYR8.js';
|
|
|
41
41
|
import { d as defineCustomElement$d } from './p-t7z4Xhda.js';
|
|
42
42
|
import { d as defineCustomElement$c } from './p-BLg4aOta.js';
|
|
43
43
|
import { d as defineCustomElement$b } from './p-IqyK8xOq.js';
|
|
44
|
-
import { d as defineCustomElement$a } from './p-
|
|
44
|
+
import { d as defineCustomElement$a } from './p-C_Y_lx-7.js';
|
|
45
45
|
import { d as defineCustomElement$9 } from './p-CgFpE1fV.js';
|
|
46
46
|
import { d as defineCustomElement$8 } from './p-CF40f_5M.js';
|
|
47
47
|
import { d as defineCustomElement$7 } from './p-CM71cfRg.js';
|
|
@@ -139,7 +139,7 @@ const LsLeftBar = /*@__PURE__*/ proxyCustomElement(class LsLeftBar extends H {
|
|
|
139
139
|
}, 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, readonly: this.template?.locked || false, filtertoolbox: this.filtertoolbox })));
|
|
140
140
|
}
|
|
141
141
|
renderToolbox() {
|
|
142
|
-
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.
|
|
142
|
+
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.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') && this.signer > 0 && (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.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'regular expression' })), 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 field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'drawn field' })))));
|
|
143
143
|
}
|
|
144
144
|
renderEditor() {
|
|
145
145
|
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, manager: this.manager, onManage: manager => this.managerChange.emit(manager.detail) }), this.template?.locked && h("div", { class: "ls-dv-locked-overlay" }), 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', template: this.template }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
|
|
@@ -439,6 +439,6 @@ function defineCustomElement() {
|
|
|
439
439
|
defineCustomElement();
|
|
440
440
|
|
|
441
441
|
export { LsLeftBar as L, defineCustomElement as d };
|
|
442
|
-
//# sourceMappingURL=p-
|
|
442
|
+
//# sourceMappingURL=p-CoVwpMi0.js.map
|
|
443
443
|
|
|
444
|
-
//# sourceMappingURL=p-
|
|
444
|
+
//# sourceMappingURL=p-CoVwpMi0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-CoVwpMi0.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,67GAA67G,CAAC;;MCa78G,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;IAGZ,IAAI,GAAqC,QAAQ;IACjD,QAAQ,GAA+B,EAAE;AACzC,IAAA,OAAO;AACP,IAAA,MAAM;IACN,aAAa,GAAW,IAAI;AAC5B,IAAA,QAAQ;AACR,IAAA,UAAU;IACV,gBAAgB,GAAsB,EAAE;AACxC,IAAA,iBAAiB;IACjB,YAAY,GAAY,KAAK;IAC7B,IAAI,GAAY,KAAK;IACrB,iBAAiB,GAAU,EAAE;AAE5B,IAAA,aAAa;AACb,IAAA,aAAa;AAGtB,IAAA,mBAAmB,CAAC,UAA+E,EAAA;AACjG,QAAA,IAAI,UAAU,KAAK,UAAU,EAAE;AAC7B,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,qBAAqB,CAAiC;AACnG,YAAA,IAAI,EAAE;AAAE,gBAAA,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;;AAC9B,aAAA,IAAI,UAAU,KAAK,aAAa,EAAE;AACvC,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,wBAAwB,CAAoC;AACzG,YAAA,IAAI,EAAE;AAAE,gBAAA,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;;AAC9B,aAAA,IAAI,UAAU,KAAK,YAAY,EAAE;AACtC,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,uBAAuB,CAAmC;AACvG,YAAA,IAAI,EAAE;AAAE,gBAAA,EAAE,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB;;;IAIvD,gBAAgB,GAAA;AACd,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC;QAChE,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/D,YAAA,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AAC7D,YAAA,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;;;IAKnE,aAAa,GAAA;AACX,QAAA,IAAI;AACF,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,sBAAsB,CAAC;YAClF,IAAI,gBAAgB,EAAE;gBACpB,MAAM,aAAa,GAAG,gBAAgB,CAAC,aAAa,CAAC,uBAAuB,CAAC;gBAC7E,IAAI,aAAa,EAAE;AACjB,oBAAA,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;QAG1D,OAAO,CAAC,EAAE;;;;AAKN,IAAA,QAAQ,CAAC,aAAqB,EAAA;AACpC,QAAA,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;;AAGrF,IAAA,SAAS,CAAC,IAAmB,EAAA;QACnC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE;YAC9C,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,SAAS;;AAC/F,aAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACxB,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,SAAS;;AAE1G,QAAA,OAAO,KAAK;;IAGN,qBAAqB,GAAA;QAC3B,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;AAAE,YAAA,OAAO,IAAI;AAChE,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAC,yBAAyB,EAAA,CAAG,CACtC,EACN,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,+BAA+B,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAM,EACnF,CACE,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,CAAC,IAAG;AACX,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;gBACzB,CAAC,CAAC,cAAc,EAAE;AACpB,aAAC,EACD,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EAClB,iBAAA,EAAA,eAAe,0BAAuB,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAE7F,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,CAC5B,CACL,EACN,CAAA,CAAA,qBAAA,EAAA,EAAqB,EAAE,EAAC,gBAAgB,EAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAwB,CAAA,CACnM;;IAIF,aAAa,GAAA;AACnB,QAAA,QACE,WAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,eAAe,GAAG,cAAc,EAAA,EACvF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,6BAA6B,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAM,EACxE,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,mCAAmC,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAK,CAC9E,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAC3E,wBACE,WAAW,EAAC,WAAW,EACvB,eAAe,EAAC,WAAW,EAC3B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACpC,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,EACxD,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,EACtD,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,EAC7C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,WAAW,GACnE,CACH,EACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAC9C,wBACE,WAAW,EAAC,OAAO,EACnB,eAAe,EAAC,WAAW,EAC3B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,EACnC,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,EACxD,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,EACtD,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,WAAW,GACnE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KACpB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,MAAM,EACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/B,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,aAAa,EACnD,YAAY,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,YAAY,EACjD,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,MAAM,GAC9D,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAC5B,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,cAAc,EAC9B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,EACtC,aAAa,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,aAAa,EAC3D,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,YAAY,EACzD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAC/C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,cAAc,GACtE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KACpB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,MAAM,EACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/B,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,aAAa,EACnD,YAAY,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,YAAY,EACjD,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,MAAM,GAC9D,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KACrB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,OAAO,EACvB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,EAChC,aAAa,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,EACpD,YAAY,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,YAAY,EAClD,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,OAAO,GAC/D,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,KAC3C,wBACE,WAAW,EAAC,UAAU,EACtB,eAAe,EAAC,UAAU,EAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,EACnC,aAAa,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,aAAa,EACvD,YAAY,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,EACrD,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,UAAU,GAClE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KACtB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,EACjC,aAAa,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,aAAa,EACrD,YAAY,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,YAAY,EACnD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAC1C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,QAAQ,GAChE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KACxB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,UAAU,EAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,EACnC,aAAa,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,aAAa,EACvD,YAAY,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,EACrD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,UAAU,GAClE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KACxB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,UAAU,EAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,EACnC,aAAa,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,aAAa,EACvD,YAAY,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,EACrD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,UAAU,GAClE,CACH,EACA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KACrB,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,oBAAoB,EACpC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,EAChC,aAAa,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC,aAAa,EACjE,YAAY,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC,YAAY,EAC/D,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,oBAAoB,GAC5E,CACH,EAEA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KACvC,wBACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,MAAM,EACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/B,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,aAAa,EACnD,YAAY,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,YAAY,EACjD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,MAAM,GAC9D,CACH,EACA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KACxC,CAAA,CAAA,kBAAA,EAAA,EACE,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,aAAa,EAC7B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,EAChC,aAAa,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,aAAa,EAC1D,YAAY,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,YAAY,EACxD,UAAU,EAAE,EAAE,EACd,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,eAAe,KAAK,aAAa,EAAA,CACrE,CACH,CACG,CACF;;IAIF,YAAY,GAAA;QAClB,QACE,WAAK,EAAE,EAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG,sBAAsB,GAAG,cAAc,EAAA,EAChG,CAAA,CAAA,mBAAA,EAAA,EAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,EAC1H,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EACjE,IAAI,CAAC,aAAa,EAAE,EACrB,CAAA,CAAA,wBAAA,EAAA,EAAwB,EAAE,EAAC,wBAAwB,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,aAAa,GAAG,eAAe,GAAG,cAAc,EAAE,YAAY,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EACrM,CAAqB,CAAA,qBAAA,EAAA,EAAA,EAAE,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,GAAG,eAAe,GAAG,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChJ,CAAuB,CAAA,uBAAA,EAAA,EAAA,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,eAAe,GAAG,cAAc,GAAI,CACzH,EACL,IAAI,CAAC,qBAAqB,EAAE,CACzB;;IAIF,aAAa,GAAA;AACnB,QAAA,QACE,WAAK,EAAE,EAAC,aAAa,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,GAAG,sBAAsB,GAAG,cAAc,EAAA,EAC/F,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EAClE,CAAA,CAAA,sBAAA,EAAA,EAAsB,EAAE,EAAC,sBAAsB,EAAC,KAAK,EAAC,uBAAuB,EAAA,EAC3E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,2BAA2B,EAAG,CAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,8BAA8B,EAAG,CAAA,EAC5C,CAAmB,CAAA,mBAAA,EAAA,EAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA,EAC9I,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,UAAU;AACd,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,KAC3B,CAAA,CAAA,mBAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,IAAI,CAAC,MAAM,EAC5B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACtB,mBAAA,EAAA,SAAS,CAAC,WAAW,EAAA,CACxC,CACH,CAAC,CACA,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAQ,CACf,CACnB,EACL,IAAI,CAAC,qBAAqB,EAAE,CACzB;;IAIV,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 @include hide-scrollbars;\n }\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\n.ls-dv-locked-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(100% - 5rem);\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 1.25rem;\n z-index: 1001;\n pointer-events: all;\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: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\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<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\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} readonly={this.template?.locked || false} filtertoolbox={this.filtertoolbox}></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.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') && this.signer > 0 && (\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.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regular expression\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n />\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 field\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\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} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\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'} template={this.template} />\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 {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\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}
|
|
@@ -2,13 +2,13 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
|
|
|
2
2
|
import { d as defineCustomElement$n } from './p-CgoyKNia.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$l } from './p-BLMY8rNM.js';
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
5
|
+
import { d as defineCustomElement$k } from './p-iUgn2UWj.js';
|
|
6
6
|
import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
|
|
7
7
|
import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
|
|
8
8
|
import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
|
|
9
9
|
import { d as defineCustomElement$g } from './p-BmlXiagO.js';
|
|
10
10
|
import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
11
|
+
import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
@@ -178,6 +178,6 @@ function defineCustomElement() {
|
|
|
178
178
|
defineCustomElement();
|
|
179
179
|
|
|
180
180
|
export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
|
|
181
|
-
//# sourceMappingURL=p-
|
|
181
|
+
//# sourceMappingURL=p-Cp17g5RT.js.map
|
|
182
182
|
|
|
183
|
-
//# sourceMappingURL=p-
|
|
183
|
+
//# sourceMappingURL=p-Cp17g5RT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-Cp17g5RT.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSt4J,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.scss?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -2,13 +2,13 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
|
|
|
2
2
|
import { d as defineCustomElement$n } from './p-CgoyKNia.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$l } from './p-BLMY8rNM.js';
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
5
|
+
import { d as defineCustomElement$k } from './p-iUgn2UWj.js';
|
|
6
6
|
import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
|
|
7
7
|
import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
|
|
8
8
|
import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
|
|
9
9
|
import { d as defineCustomElement$g } from './p-BmlXiagO.js';
|
|
10
10
|
import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
11
|
+
import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
@@ -185,6 +185,6 @@ function defineCustomElement() {
|
|
|
185
185
|
defineCustomElement();
|
|
186
186
|
|
|
187
187
|
export { LsFieldPropertiesCheckbox as L, defineCustomElement as d };
|
|
188
|
-
//# sourceMappingURL=p-
|
|
188
|
+
//# sourceMappingURL=p-DEWq4YUk.js.map
|
|
189
189
|
|
|
190
|
-
//# sourceMappingURL=p-
|
|
190
|
+
//# sourceMappingURL=p-DEWq4YUk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DEWq4YUk.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-checkbox',\n styleUrl: 'ls-field-properties-checkbox.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @Listen('mutate')\n handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n const update = event.detail?.[0];\n if (update?.action === 'update' && update.data) {\n this.dataItem = update.data as LSApiElement;\n }\n }\n\n @Element() el: HTMLElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={true} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -2,13 +2,13 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
|
|
|
2
2
|
import { d as defineCustomElement$n } from './p-CgoyKNia.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$l } from './p-BLMY8rNM.js';
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
5
|
+
import { d as defineCustomElement$k } from './p-iUgn2UWj.js';
|
|
6
6
|
import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
|
|
7
7
|
import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
|
|
8
8
|
import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
|
|
9
9
|
import { d as defineCustomElement$g } from './p-BmlXiagO.js';
|
|
10
10
|
import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
11
|
+
import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
@@ -180,6 +180,6 @@ function defineCustomElement() {
|
|
|
180
180
|
defineCustomElement();
|
|
181
181
|
|
|
182
182
|
export { LsFieldPropertiesSignature as L, defineCustomElement as d };
|
|
183
|
-
//# sourceMappingURL=p-
|
|
183
|
+
//# sourceMappingURL=p-DwVGD10J.js.map
|
|
184
184
|
|
|
185
|
-
//# sourceMappingURL=p-
|
|
185
|
+
//# sourceMappingURL=p-DwVGD10J.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DwVGD10J.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSx4J,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,QAAQ,CAAM;IACd,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACxJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.scss?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n @Prop() template: any; // LSApiTemplate\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -50,9 +50,7 @@ const getValidFieldTypes = (roleTypes) => {
|
|
|
50
50
|
excluded.add('signature');
|
|
51
51
|
excluded.add('initials');
|
|
52
52
|
excluded.add('file');
|
|
53
|
-
excluded.add('signing date');
|
|
54
53
|
excluded.add('drawn field');
|
|
55
|
-
excluded.add('regular expression');
|
|
56
54
|
break;
|
|
57
55
|
case 'APPROVER':
|
|
58
56
|
excluded.add('signature');
|
|
@@ -109,17 +107,17 @@ const LsFieldTypeSelect = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeSele
|
|
|
109
107
|
const displayLabel = this.mixed
|
|
110
108
|
? dvI18n.t('fieldproperties.mixed')
|
|
111
109
|
: dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
|
|
112
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '8e07462b8c28d0219b479fb019cba56f93ce49e4' }, h("div", { key: '4bbe52234fc09e94580204e7ab5fed2e8e43f654', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '0d1963b105c3b806f2d3db48e65d5fdd7049dab2', class: "ls-dv-fieldtype-header", style: {
|
|
113
111
|
border: `1px dashed ${color.s30}`,
|
|
114
112
|
background: color.s10,
|
|
115
|
-
} }, h("div", { key: '
|
|
113
|
+
} }, h("div", { key: '96bc5889c07c8f307e008e8e69bd6062d07cdcac', class: "ls-dv-fieldtype-inner" }, h("div", { key: '8a41fb259a65ed80b52363a8abe62c29b6eb8f59', class: "ls-dv-fieldtype-icon", style: {
|
|
116
114
|
border: `1px solid ${color.s60}`,
|
|
117
115
|
color: color.s60,
|
|
118
116
|
background: color.s10,
|
|
119
|
-
} }, h("ls-icon", { key: '
|
|
117
|
+
} }, h("ls-icon", { key: 'ebf7649bd96f8130ba9cc1809457784dbbaf0a58', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'c1865507042fbc308335cf7c18f3909534f203f7', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '1e534ca6db78851f7147622f18027dd7f7365a0c', class: "ls-dv-fieldtype-btn", onClick: e => {
|
|
120
118
|
e.stopPropagation();
|
|
121
119
|
this.toggleDropdown();
|
|
122
|
-
}, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '
|
|
120
|
+
}, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '1b8edb5462bd0a2bc51054ecfd3876599e5448d9', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: '7ff88dfb91403f744d4fb5e1e32ce687fbed1ed3', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
|
|
123
121
|
'--background-selected': color.s10,
|
|
124
122
|
'--check-icon-selected': color.s50,
|
|
125
123
|
}, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
|
|
@@ -158,6 +156,6 @@ function defineCustomElement() {
|
|
|
158
156
|
defineCustomElement();
|
|
159
157
|
|
|
160
158
|
export { LsFieldTypeSelect as L, defineCustomElement as d };
|
|
161
|
-
//# sourceMappingURL=p-
|
|
159
|
+
//# sourceMappingURL=p-KqKkoW4F.js.map
|
|
162
160
|
|
|
163
|
-
//# sourceMappingURL=p-
|
|
161
|
+
//# sourceMappingURL=p-KqKkoW4F.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-KqKkoW4F.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-type-select/ls-field-type-select.scss?tag=ls-field-type-select&encapsulation=shadow","src/components/ls-field-type-select/ls-field-type-select.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-fieldtype-dropdown {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-fieldtype-header {\n border-radius: 1rem;\n padding: 0.25rem;\n}\n\n.ls-dv-fieldtype-inner {\n border-radius: 0.75rem;\n background: $white;\n display: flex;\n padding: 0.25rem 0.25rem 0.25rem 0.25rem;\n align-items: center;\n gap: 0.875rem;\n align-self: stretch;\n}\n\n.ls-dv-fieldtype-icon {\n display: flex;\n padding: 0.25rem;\n align-items: center;\n border-radius: 0.625rem;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-fieldtype-name {\n flex: 1;\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-100;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family);\n text-transform: capitalize;\n}\n\n.ls-dv-fieldtype-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: 0.625rem;\n border: 1px solid $gray-40;\n background: $white;\n color: $gray-80;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-btn:hover {\n border-color: $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-fieldtype-list {\n position: absolute;\n top: calc(100% + 0.25rem);\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n z-index: 100;\n max-height: 15rem;\n overflow-y: auto;\n}\n\n.ls-dv-fieldtype-item {\n display: flex;\n padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n border-radius: 0.75rem;\n cursor: pointer;\n}\n\n.ls-dv-fieldtype-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected,\n.ls-dv-fieldtype-item.ls-dv-selected:hover {\n background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-fieldtype-item-icon {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item-name {\n flex: 1;\n color: $gray-100;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-transform: capitalize;\n}\n\n.ls-dv-check-icon {\n color: $gray-40;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n};\n\n/** All field types in display order */\nconst ALL_FIELD_TYPES = [\n 'signature',\n 'text',\n 'signing date',\n 'date',\n 'email',\n 'initials',\n 'number',\n 'dropdown',\n 'checkbox',\n 'file',\n 'drawn field',\n 'regular expression',\n];\n\n/**\n * Returns the list of valid field types given role types of the selected fields.\n * - Sender: no signature, no initials, no file\n * - Approver: no signature, no auto sign, no initials, no file\n * - Signer/Witness: all except auto sign\n */\nconst getValidFieldTypes = (roleTypes: string[]): string[] => {\n let excluded: Set<string> = new Set();\n\n for (const roleType of roleTypes) {\n switch (roleType) {\n case 'SENDER':\n excluded.add('signature');\n excluded.add('initials');\n excluded.add('file');\n excluded.add('drawn field');\n break;\n case 'APPROVER':\n excluded.add('signature');\n excluded.add('initials');\n excluded.add('file');\n break;\n default: // SIGNER, WITNESS\n break;\n }\n }\n\n return ALL_FIELD_TYPES.filter(ft => !excluded.has(ft));\n};\n\n@Component({\n tag: 'ls-field-type-select',\n styleUrl: 'ls-field-type-select.scss',\n shadow: true,\n})\nexport class LsFieldTypeSelect {\n @Element() el: HTMLElement;\n\n /** Current field type (e.g. 'text', 'signature') */\n @Prop() fieldType: string = 'text';\n /** Signer index for colour */\n @Prop() assignee: number = 1;\n /** Roles from the template for determining valid types */\n @Prop() roles: LSApiRole[] = [];\n /** Role types of the selected field(s) — used to filter valid types */\n @Prop() roleTypes: string[] = ['SIGNER'];\n /** Whether the select is disabled */\n @Prop() disabled: boolean = false;\n /** Show mixed state when multi-select has different field types */\n @Prop() mixed: boolean = false;\n /** Pipe-delimited filter for allowed field types */\n @Prop() filtertoolbox: string = null;\n\n @State() isOpen: boolean = false;\n\n @Event() fieldTypeChange: EventEmitter<string>;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private toggleDropdown = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n };\n\n private selectFieldType(type: string) {\n this.isOpen = false;\n this.fieldTypeChange.emit(type);\n }\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));\n const displayLabel = this.mixed\n ? dvI18n.t('fieldproperties.mixed')\n : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');\n\n return (\n <Host>\n <div class=\"ls-dv-fieldtype-dropdown\">\n <div\n class=\"ls-dv-fieldtype-header\"\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class=\"ls-dv-fieldtype-inner\">\n <div\n class=\"ls-dv-fieldtype-icon\"\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={this.mixed ? 'view-grid-icon' as any : getFieldIcon(this.fieldType) as any} size={20} />\n </div>\n <span class=\"ls-dv-fieldtype-name\">{displayLabel}</span>\n {!this.disabled && (\n <button\n class=\"ls-dv-fieldtype-btn\"\n onClick={e => {\n e.stopPropagation();\n this.toggleDropdown();\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('fieldproperties.changefieldtype')}\n >\n <ls-icon name=\"switch-horizontal-icon\" size={16} />\n </button>\n )}\n </div>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-fieldtype-list\">\n {validTypes.map(type => (\n <div\n class={`ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`}\n style={{\n '--background-selected': color.s10,\n '--check-icon-selected': color.s50,\n }}\n onClick={() => this.selectFieldType(type)}\n >\n <div\n class=\"ls-dv-fieldtype-item-icon\"\n style={{\n color: color.s60,\n }}\n >\n <ls-icon name={getFieldIcon(type) as any} size={16} />\n </div>\n <span class=\"ls-dv-fieldtype-item-name\">\n {dvI18n.t(fieldTypeKeyMap[type] || 'toolbox.text')}\n </span>\n <ls-icon\n class=\"ls-dv-check-icon\"\n name={type === this.fieldType && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n solid={type === this.fieldType && !this.mixed}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,25 +3,25 @@ import { d as defineCustomElement$A } from './p-CgoyKNia.js';
|
|
|
3
3
|
import { d as defineCustomElement$z } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$y } from './p-BLMY8rNM.js';
|
|
5
5
|
import { d as defineCustomElement$x } from './p-DRDChAg6.js';
|
|
6
|
-
import { d as defineCustomElement$w } from './p-
|
|
6
|
+
import { d as defineCustomElement$w } from './p-iUgn2UWj.js';
|
|
7
7
|
import { d as defineCustomElement$v } from './p-DkV1l_zw.js';
|
|
8
|
-
import { d as defineCustomElement$u } from './p-
|
|
8
|
+
import { d as defineCustomElement$u } from './p-Brlb4nfo.js';
|
|
9
9
|
import { d as defineCustomElement$t } from './p-CSxx3aLG.js';
|
|
10
10
|
import { d as defineCustomElement$s } from './p-Dab8K5mi.js';
|
|
11
11
|
import { d as defineCustomElement$r } from './p-BmlXiagO.js';
|
|
12
12
|
import { d as defineCustomElement$q } from './p-CVg_g7Vq.js';
|
|
13
|
-
import { d as defineCustomElement$p } from './p-
|
|
13
|
+
import { d as defineCustomElement$p } from './p-DEWq4YUk.js';
|
|
14
14
|
import { d as defineCustomElement$o } from './p-C1SFI6sR.js';
|
|
15
|
-
import { d as defineCustomElement$n } from './p-
|
|
16
|
-
import { d as defineCustomElement$m } from './p-
|
|
17
|
-
import { d as defineCustomElement$l } from './p-
|
|
18
|
-
import { d as defineCustomElement$k } from './p-
|
|
19
|
-
import { d as defineCustomElement$j } from './p-
|
|
20
|
-
import { d as defineCustomElement$i } from './p-
|
|
21
|
-
import { d as defineCustomElement$h } from './p-
|
|
22
|
-
import { d as defineCustomElement$g } from './p-
|
|
15
|
+
import { d as defineCustomElement$n } from './p-BXlDP4-Y.js';
|
|
16
|
+
import { d as defineCustomElement$m } from './p-CNEq_UtK.js';
|
|
17
|
+
import { d as defineCustomElement$l } from './p-2HtsobiE.js';
|
|
18
|
+
import { d as defineCustomElement$k } from './p-Cp17g5RT.js';
|
|
19
|
+
import { d as defineCustomElement$j } from './p-CHTXmZcS.js';
|
|
20
|
+
import { d as defineCustomElement$i } from './p-C5IJ94WY.js';
|
|
21
|
+
import { d as defineCustomElement$h } from './p-DwVGD10J.js';
|
|
22
|
+
import { d as defineCustomElement$g } from './p-CcBEOEMO.js';
|
|
23
23
|
import { d as defineCustomElement$f } from './p-pEYsk7D-.js';
|
|
24
|
-
import { d as defineCustomElement$e } from './p-
|
|
24
|
+
import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
|
|
25
25
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
27
27
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
@@ -293,6 +293,6 @@ function defineCustomElement() {
|
|
|
293
293
|
defineCustomElement();
|
|
294
294
|
|
|
295
295
|
export { LsFieldProperties as L, defineCustomElement as d };
|
|
296
|
-
//# sourceMappingURL=p-
|
|
296
|
+
//# sourceMappingURL=p-NIpH5Un0.js.map
|
|
297
297
|
|
|
298
|
-
//# sourceMappingURL=p-
|
|
298
|
+
//# sourceMappingURL=p-NIpH5Un0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-CxJyHyur.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles || [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles || []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-NIpH5Un0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles || [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles || []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|