legalesign-document-viewer 0.4.4 → 0.4.6
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/{index-BpMnxZQ4.js → index-C4ibYtjE.js} +5 -5
- package/dist/cjs/{index-BpMnxZQ4.js.map → index-C4ibYtjE.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/ls-compose-manager.cjs.entry.js +3 -3
- package/dist/cjs/{ls-document-options_45.cjs.entry.js → ls-document-options_46.cjs.entry.js} +312 -171
- package/dist/cjs/ls-document-options_46.cjs.entry.js.map +1 -0
- package/dist/cjs/ls-document-viewer.cjs.js +2 -2
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ls-formfield.cjs.entry.js +4 -4
- package/dist/cjs/ls-number-input_5.cjs.entry.js +8 -8
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-viewer/editorCalculator.js +2 -0
- package/dist/collection/components/ls-document-viewer/editorCalculator.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +37 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +32 -6
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.css +16 -4
- package/dist/collection/components/ls-editor-field/ls-editor-field.js +116 -16
- package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
- package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
- package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
- package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
- package/dist/collection/components/ls-field-content/ls-field-content.js +2 -2
- package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +1 -1
- package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +5 -5
- package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
- package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
- package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
- package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +2 -2
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +1 -1
- package/dist/collection/components/ls-formfield/ls-formfield.js +2 -2
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +2 -2
- package/dist/collection/components/ls-icon/ls-icon.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-page-loader/ls-page-loader.js +2 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +8 -8
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +9 -9
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.css +15 -0
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +29 -5
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-title-input/ls-title-input.css +320 -0
- package/dist/collection/components/ls-title-input/ls-title-input.js +130 -0
- package/dist/collection/components/ls-title-input/ls-title-input.js.map +1 -0
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js.map +1 -1
- package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +25 -3
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
- package/dist/collection/types/ValidationError.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/ls-compose-manager.js +3 -3
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +128 -97
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-editor-table.js +1 -1
- package/dist/components/ls-feature-column.js +1 -1
- package/dist/components/ls-field-alignment.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-dimensions.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-footer.js +1 -1
- package/dist/components/ls-field-format.js +1 -1
- package/dist/components/ls-field-placement.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-container.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +15 -15
- 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-image.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-size.js +1 -1
- package/dist/components/ls-field-type-display.js +1 -1
- package/dist/components/ls-formfield.js +10 -10
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-number-input.js +1 -1
- package/dist/components/ls-page-loader.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-radio-input.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-select-input.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-text-input.js +1 -1
- package/dist/components/ls-textarea-input.js +1 -1
- package/dist/components/ls-title-input.d.ts +11 -0
- package/dist/components/ls-title-input.js +9 -0
- package/dist/components/ls-title-input.js.map +1 -0
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-tooltip.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-FjzffTyc.js → p--zZz_own.js} +13 -13
- package/dist/components/{p-FjzffTyc.js.map → p--zZz_own.js.map} +1 -1
- package/dist/components/{p-C8ZQeYj-.js → p-6rlVwY5W.js} +68 -21
- package/dist/components/p-6rlVwY5W.js.map +1 -0
- package/dist/components/{p-DMgdq7Zj.js → p-8Uklt2-a.js} +15 -15
- package/dist/components/{p-DMgdq7Zj.js.map → p-8Uklt2-a.js.map} +1 -1
- package/dist/components/{p-Cqxe6wZe.js → p-B4SrLUIV.js} +7 -7
- package/dist/components/{p-Cqxe6wZe.js.map → p-B4SrLUIV.js.map} +1 -1
- package/dist/components/{p-DyU3O3tg.js → p-BE42_s-A.js} +19 -19
- package/dist/components/{p-DyU3O3tg.js.map → p-BE42_s-A.js.map} +1 -1
- package/dist/components/{p-B-j9D08q.js → p-BQBNj3wS.js} +5 -5
- package/dist/components/{p-B-j9D08q.js.map → p-BQBNj3wS.js.map} +1 -1
- package/dist/components/{p-CtV1B-_5.js → p-BQN3l4X7.js} +4 -4
- package/dist/components/{p-CtV1B-_5.js.map → p-BQN3l4X7.js.map} +1 -1
- package/dist/components/{p-CaBVuofO.js → p-BSoZFh0I.js} +4 -4
- package/dist/components/{p-CaBVuofO.js.map → p-BSoZFh0I.js.map} +1 -1
- package/dist/components/p-Ba9CMqrU.js +77 -0
- package/dist/components/p-Ba9CMqrU.js.map +1 -0
- package/dist/components/{p-CNc1l7mG.js → p-Bk5EZZj6.js} +10 -10
- package/dist/components/{p-CNc1l7mG.js.map → p-Bk5EZZj6.js.map} +1 -1
- package/dist/components/{p-CEhCcP_A.js → p-BnGihP6t.js} +5 -5
- package/dist/components/p-BnGihP6t.js.map +1 -0
- package/dist/components/{p-DCZnqvsu.js → p-ByNRBaHk.js} +8 -8
- package/dist/components/{p-DCZnqvsu.js.map → p-ByNRBaHk.js.map} +1 -1
- package/dist/components/{p-BiOHci04.js → p-C-jvthbB.js} +17 -17
- package/dist/components/{p-BiOHci04.js.map → p-C-jvthbB.js.map} +1 -1
- package/dist/components/{p-DKcMRnoh.js → p-C3Qs4SL0.js} +4 -4
- package/dist/components/{p-DKcMRnoh.js.map → p-C3Qs4SL0.js.map} +1 -1
- package/dist/components/{p-DKx68i7a.js → p-C5Wwr500.js} +17 -17
- package/dist/components/{p-DKx68i7a.js.map → p-C5Wwr500.js.map} +1 -1
- package/dist/components/{p-COypjAnE.js → p-C7jd-O6l.js} +9 -9
- package/dist/components/p-C7jd-O6l.js.map +1 -0
- package/dist/components/{p-D-yItxA4.js → p-CB2IouRT.js} +4 -4
- package/dist/components/{p-D-yItxA4.js.map → p-CB2IouRT.js.map} +1 -1
- package/dist/components/{p-BIqQK9GI.js → p-CO-U7TRb.js} +8 -8
- package/dist/components/{p-BIqQK9GI.js.map → p-CO-U7TRb.js.map} +1 -1
- package/dist/components/{p-B2TUFMT0.js → p-CRFtX_Cr.js} +7 -7
- package/dist/components/{p-B2TUFMT0.js.map → p-CRFtX_Cr.js.map} +1 -1
- package/dist/components/{p-HB8K0xP0.js → p-CSShMZoN.js} +8 -8
- package/dist/components/{p-HB8K0xP0.js.map → p-CSShMZoN.js.map} +1 -1
- package/dist/components/{p-B2etz1Ic.js → p-Cjs9opNb.js} +17 -17
- package/dist/components/{p-B2etz1Ic.js.map → p-Cjs9opNb.js.map} +1 -1
- package/dist/components/{p-BzY8ubZE.js → p-CnzdsJ7f.js} +8 -8
- package/dist/components/{p-BzY8ubZE.js.map → p-CnzdsJ7f.js.map} +1 -1
- package/dist/components/{p-QEWyXsBw.js → p-CtqzTrW1.js} +17 -17
- package/dist/components/{p-QEWyXsBw.js.map → p-CtqzTrW1.js.map} +1 -1
- package/dist/components/{p-DC0HL60H.js → p-CwVY532N.js} +4 -4
- package/dist/components/{p-DC0HL60H.js.map → p-CwVY532N.js.map} +1 -1
- package/dist/components/{p-D-U9fbV-.js → p-Cwm6iZnk.js} +12 -12
- package/dist/components/{p-D-U9fbV-.js.map → p-Cwm6iZnk.js.map} +1 -1
- package/dist/components/{p-CrVSg3t4.js → p-D3F0Jtj5.js} +6 -6
- package/dist/components/{p-CrVSg3t4.js.map → p-D3F0Jtj5.js.map} +1 -1
- package/dist/components/{p-DPtMBZYM.js → p-DC1C7wSu.js} +13 -13
- package/dist/components/{p-DPtMBZYM.js.map → p-DC1C7wSu.js.map} +1 -1
- package/dist/components/{p-B3axAGVs.js → p-DEWvb3CA.js} +8 -8
- package/dist/components/{p-B3axAGVs.js.map → p-DEWvb3CA.js.map} +1 -1
- package/dist/components/{p-DZ_KhOns.js → p-DKR6lJi9.js} +8 -8
- package/dist/components/{p-DZ_KhOns.js.map → p-DKR6lJi9.js.map} +1 -1
- package/dist/components/p-DMbfojtQ.js +150 -0
- package/dist/components/p-DMbfojtQ.js.map +1 -0
- package/dist/components/{p-DPVPaPb1.js → p-DMtkP3At.js} +4 -4
- package/dist/components/{p-DPVPaPb1.js.map → p-DMtkP3At.js.map} +1 -1
- package/dist/components/{p-B7S9E2ci.js → p-DSfRG8h-.js} +17 -17
- package/dist/components/{p-B7S9E2ci.js.map → p-DSfRG8h-.js.map} +1 -1
- package/dist/components/{p-DmszHmWG.js → p-DUSbyLyO.js} +30 -30
- package/dist/components/{p-DmszHmWG.js.map → p-DUSbyLyO.js.map} +1 -1
- package/dist/components/{p-Ji_SfsNu.js → p-Da5X5ldP.js} +5 -5
- package/dist/components/{p-Ji_SfsNu.js.map → p-Da5X5ldP.js.map} +1 -1
- package/dist/components/{p-NoKw4xu7.js → p-DeA6P5Nw.js} +5 -5
- package/dist/components/{p-NoKw4xu7.js.map → p-DeA6P5Nw.js.map} +1 -1
- package/dist/components/{p-DGuG1Bmj.js → p-DfaX9tao.js} +9 -9
- package/dist/components/{p-DGuG1Bmj.js.map → p-DfaX9tao.js.map} +1 -1
- package/dist/components/{p-CCt1S0nA.js → p-Dgc5eQou.js} +17 -17
- package/dist/components/{p-CCt1S0nA.js.map → p-Dgc5eQou.js.map} +1 -1
- package/dist/components/{p-CTGwIImt.js → p-Dh7zFd1I.js} +5 -5
- package/dist/components/{p-CTGwIImt.js.map → p-Dh7zFd1I.js.map} +1 -1
- package/dist/components/{p-BNX_U6jC.js → p-Dr_eGXsl.js} +11 -11
- package/dist/components/{p-BNX_U6jC.js.map → p-Dr_eGXsl.js.map} +1 -1
- package/dist/components/{p-raaSYxtA.js → p-DuLbniAl.js} +5 -5
- package/dist/components/{p-raaSYxtA.js.map → p-DuLbniAl.js.map} +1 -1
- package/dist/components/{p-CdFJ_FQz.js → p-Fw6kMqPe.js} +18 -18
- package/dist/components/{p-CdFJ_FQz.js.map → p-Fw6kMqPe.js.map} +1 -1
- package/dist/components/{p-G8kF15oY.js → p-K67Z4FW4.js} +12 -7
- package/dist/components/p-K67Z4FW4.js.map +1 -0
- package/dist/components/{p-CuyjSEEv.js → p-Nj0OCBoq.js} +12 -12
- package/dist/components/{p-CuyjSEEv.js.map → p-Nj0OCBoq.js.map} +1 -1
- package/dist/components/{p-R3_FOlEq.js → p-RnnpDT-h.js} +8 -8
- package/dist/components/{p-R3_FOlEq.js.map → p-RnnpDT-h.js.map} +1 -1
- package/dist/components/{p-DDNZkGBj.js → p-dMh2qwev.js} +17 -17
- package/dist/components/{p-DDNZkGBj.js.map → p-dMh2qwev.js.map} +1 -1
- package/dist/components/{p-DVtr8lsT.js → p-dsAPfCxI.js} +4 -4
- package/dist/components/{p-DVtr8lsT.js.map → p-dsAPfCxI.js.map} +1 -1
- package/dist/components/{p-cwpKMDgH.js → p-ecEYUtBb.js} +18 -18
- package/dist/components/{p-cwpKMDgH.js.map → p-ecEYUtBb.js.map} +1 -1
- package/dist/components/{p-9pxwrFws.js → p-oKJS53QI.js} +5 -5
- package/dist/components/{p-9pxwrFws.js.map → p-oKJS53QI.js.map} +1 -1
- package/dist/components/{p-BzxhEsKd.js → p-oLmlMT4P.js} +17 -17
- package/dist/components/{p-BzxhEsKd.js.map → p-oLmlMT4P.js.map} +1 -1
- package/dist/components/{p-BUfnTaTZ.js → p-oiSMxbl6.js} +9 -9
- package/dist/components/{p-BUfnTaTZ.js.map → p-oiSMxbl6.js.map} +1 -1
- package/dist/components/{p-DUBoFEsx.js → p-zC7rIWhO.js} +10 -10
- package/dist/components/{p-DUBoFEsx.js.map → p-zC7rIWhO.js.map} +1 -1
- package/dist/esm/{index-BzcAlD18.js → index-o0lmYfXA.js} +5 -5
- package/dist/esm/{index-BzcAlD18.js.map → index-o0lmYfXA.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/ls-compose-manager.entry.js +3 -3
- package/dist/esm/{ls-document-options_45.entry.js → ls-document-options_46.entry.js} +312 -172
- package/dist/esm/ls-document-options_46.entry.js.map +1 -0
- package/dist/esm/ls-document-viewer.js +3 -3
- package/dist/esm/ls-field-properties-dropdown.entry.js +2 -2
- package/dist/esm/ls-formfield.entry.js +4 -4
- package/dist/esm/ls-number-input_5.entry.js +8 -8
- package/dist/ls-document-viewer/clsx-ChV9xqsO.js.map +1 -0
- package/dist/ls-document-viewer/defaultFieldIcons-Cp3IxvzK.js.map +1 -0
- package/dist/ls-document-viewer/defaultPalette-CwCWCxsI.js.map +1 -0
- package/dist/ls-document-viewer/editorUtils-NnO0Pp81.js.map +1 -0
- package/dist/ls-document-viewer/floating-ui.dom-DtWVTgos.js.map +1 -0
- package/dist/ls-document-viewer/index-BYWn8bjJ.js.map +1 -0
- package/dist/ls-document-viewer/index.esm.js.map +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js.map +1 -1
- package/dist/ls-document-viewer/p-0f4af1a9.entry.js +2 -0
- package/dist/ls-document-viewer/{p-350754cb.entry.js → p-1e64ed2c.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-350754cb.entry.js.map → p-1e64ed2c.entry.js.map} +1 -1
- package/dist/ls-document-viewer/{p-06c34a72.entry.js → p-a7817cc4.entry.js} +6 -6
- package/dist/ls-document-viewer/p-a7817cc4.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-b1237a47.entry.js +2 -0
- package/dist/ls-document-viewer/p-f8d4e7a2.entry.js +2 -0
- package/dist/ls-document-viewer/{p-fbb241f1.entry.js.map → p-f8d4e7a2.entry.js.map} +1 -1
- package/dist/ls-document-viewer/p-o0lmYfXA.js +3 -0
- package/dist/ls-document-viewer/{p-BzcAlD18.js.map → p-o0lmYfXA.js.map} +1 -1
- package/dist/ls-document-viewer/tooltip-Cb8nDMs-.js.map +1 -0
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +1 -0
- package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +10 -0
- package/dist/types/components/ls-recipient-card/ls-recipient-card.d.ts +3 -0
- package/dist/types/components/ls-title-input/ls-title-input.d.ts +14 -0
- package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts +2 -0
- package/dist/types/components.d.ts +63 -0
- package/dist/types/types/ValidationError.d.ts +1 -2
- package/package.json +1 -1
- package/readme.md +276 -26
- package/dist/cjs/ls-document-options_45.cjs.entry.js.map +0 -1
- package/dist/components/p-B2ofj7BM.js +0 -127
- package/dist/components/p-B2ofj7BM.js.map +0 -1
- package/dist/components/p-C8ZQeYj-.js.map +0 -1
- package/dist/components/p-CEhCcP_A.js.map +0 -1
- package/dist/components/p-COypjAnE.js.map +0 -1
- package/dist/components/p-G8kF15oY.js.map +0 -1
- package/dist/esm/ls-document-options_45.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-06c34a72.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-3a4da534.entry.js +0 -2
- package/dist/ls-document-viewer/p-3c5fa1d7.entry.js +0 -2
- package/dist/ls-document-viewer/p-BzcAlD18.js +0 -3
- package/dist/ls-document-viewer/p-fbb241f1.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-3c5fa1d7.entry.js.map → p-0f4af1a9.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-3a4da534.entry.js.map → p-b1237a47.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.css',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n @Prop() page: { height: number; width: number };\n @Prop() fixedAspect: number | null = null;\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n private sizeObserver: ResizeObserver;\n\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n }\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // Determine which edge is being moved over and what cursor to show.\n if (Math.abs(e.offsetX) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetY) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick() {\n if (this.readonly) return;\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-editor-field-editable';\n editbox.focus();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n // const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n // console.log(editbox)\n // editbox.style.height = entry.contentRect.height + \"px\"\n // editbox.style.width = entry.contentRect.width + \"px\"\n\n movebox.style.height = entry.contentRect.height + 'px';\n movebox.style.width = entry.contentRect.width + 'px';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n render() {\n return (\n <Host style={{ border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` }}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && <ls-icon name=\"required\" size=\"12\" class=\"required-icon\" customStyle={{ verticalAlign: 'top'}}/>}\n <input\n id=\"editing-input\"\n class={this.isEditing ? 'ls-editor-field-editable' : 'hidden-field'}\n type={getInputType(this.dataItem.validation).inputType}\n value={this.dataItem?.value}\n checked={this.dataItem?.value ? true : false}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n />\n\n <div id=\"field-info\" class={this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable'}>\n {this.dataItem.value.length && this.dataItem.value || this.dataItem?.label || this.dataItem?.formElementType}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAG7G,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E,MAAM,OAAO,aAAa;IACb,SAAS,CAAc;IAC1B,QAAQ,CAAS;IACA,QAAQ,CAAe;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,QAAQ,CAAU;IAClB,IAAI,CAA2E;IAC/E,IAAI,CAAoC;IACxC,WAAW,GAAkB,IAAI,CAAC;IACjC,SAAS,GAAY,KAAK,CAAC;IAC3B,QAAQ,GAAW,IAAI,CAAC;IACxB,cAAc,GAAY,KAAK,CAAC;IAChC,UAAU,CAAS;IACpB,IAAI,CAAS;IAEb,YAAY,CAAiB;IAOrC,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC;;OAEG;IACqC,cAAc,GAAY,KAAK,CAAC;IAExE,+DAA+D;IACvD,gBAAgB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC,CAAC;IAEM,gBAAgB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC,CAAC;IAGF,WAAW,CAAC,CAAgB;QAC1B,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;QACpF,CAAC;IACH,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,CAAC,CAAC,OAAO;YAAE,OAAO;QAEvB,oEAAoE;QACpE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACvC,CAAC;IACH,CAAC;IAGD,iBAAiB;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;QAE3E,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,eAAe,CAAqB,CAAC;QAC9F,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE3B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,SAAS,GAAG,0BAA0B,CAAC;YAC/C,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAGD,eAAe,CAAC,KAAK;QACnB,0DAA0D;QAC1D,KAAK,CAAC,YAAY,CAAC,OAAO,CACxB,kBAAkB,EAClB,IAAI,CAAC,SAAS,CAAC;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC,CACH,CAAC;QACF,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;IACzC,CAAC;IAGD,oBAAoB,CAAC,SAAkB,EAAE,SAAkB;QACzD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC3G,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,wEAAwE,CAAC;QAC5G,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,CAAC;YAC1D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,WAAW,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,gBAAgB;QACd,IAAI,CAAC,YAAY,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC/C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;oBACtB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAgB,CAAC;oBAEtF,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;oBACvD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE1C,uDAAuD;QACvD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC3G,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,wEAAwE,CAAC;QAC5G,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;YAChE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,0CAA0C;IAC1C,6CAA6C;IAC7C,qDAAqD;IACrD,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACpC,CAAC;IAEO,UAAU,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,KAAK;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,SAAS,CAAC,GAAW,EAAE,KAAa;QAClC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC3B,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;IACzC,CAAC;IAID,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc;YACnC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,SAAS,EAAE,wEAAwE,EAAE;YACrK,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;QAEnF,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;QAE/C,OAAO,CACL,EAAC,IAAI,qDAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAE,YAAY,EAAE,IAAI,CAAC,gBAAgB;YAC9J,4DACE,KAAK,EAAE;oBACL,iBAAiB,EAAE,IAAI;oBACvB,aAAa,EAAE,IAAI,CAAC,QAAQ;iBAC7B;gBAEA,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,gEAAS,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,EAAC,eAAe,EAAC,WAAW,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAI;gBAChJ,8DACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,cAAc,EACnE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,SAAS,EACtD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,GACzE;gBAEF,4DAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,IACnK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,eAAe,CAClF;gBACL,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,CACjE,4DACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,UAAU,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE;wBACpE,KAAK,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE;wBAC/D,YAAY,EAAE,GAAG,IAAI,GAAG,SAAS,KAAK;wBACtC,OAAO,EAAE,GAAG,KAAK,GAAG,SAAS,OAAO,IAAI,GAAG,SAAS,KAAK;wBACzD,GAAG,EAAE,IAAI,KAAK,GAAG,SAAS,KAAK;wBAC/B,UAAU,EAAE,KAAK;wBACjB,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,IAAI;wBAC3B,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,aAAa;qBACrB,IAEA,IAAI,CAAC,QAAQ,EAAE,KAAK,CACjB,CACP;gBACA,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CACzC,0DACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,yBAAyB;wBAChC,MAAM,EAAE,IAAI,IAAI,GAAG,SAAS,KAAK;wBACjC,QAAQ,EAAE,GAAG,KAAK,GAAG,SAAS,KAAK;wBACnC,IAAI,EAAE,GAAG;wBACT,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,aAAa;qBACrB;;oBAEa,IAAI,CAAC,QAAQ,CACzB,CACL;gBACA,IAAI,CAAC,cAAc,IAAI,CACtB,+DACE,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE;wBACL,OAAO,EAAE,GAAG,KAAK,GAAG,SAAS,KAAK;qBACnC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;oBAEjC,gEAAS,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,GAAI,CACxC,CACV,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.css',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop() assignee: string;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n @Prop() page: { height: number; width: number };\n @Prop() fixedAspect: number | null = null;\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n @Prop() zoom: string;\n \n private sizeObserver: ResizeObserver;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n /**\n * Controls whether floating elements are visible. Set by mouse enter/leave events.\n */\n @Prop({ mutable: true, reflect: true }) floatingActive: boolean = false;\n\n // Set floatingActive true on mouse enter, false on mouse leave\n private handleMouseEnter = () => {\n this.floatingActive = true;\n };\n\n private handleMouseLeave = () => {\n this.floatingActive = false;\n };\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n }\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // Determine which edge is being moved over and what cursor to show.\n if (Math.abs(e.offsetX) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetY) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick() {\n if (this.readonly) return;\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-editor-field-editable';\n editbox.focus();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = 'rgba(255,255,255,0.5)';\n this.component.style.boxShadow = 'none';\n }\n }\n\n deleteField = () => {\n this.mutate.emit([{ action: 'delete', data: this.dataItem }]);\n this.update.emit([{ action: 'delete', data: this.dataItem }]);\n };\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n\n movebox.style.height = entry.contentRect.height + 'px';\n movebox.style.width = entry.contentRect.width + 'px';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = this.hexToRgba('ffffff', 0.7);\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n hexToRgba(hex: string, alpha: number): string {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `rgba(${r},${g},${b},${alpha})`;\n }\n\n \n\n render() {\n const hostStyle = this.floatingActive\n ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }\n : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` };\n\n const zoomValue = parseFloat(this.zoom) || 1;\n console.log('Zoom value in field:', zoomValue);\n\n return (\n <Host id={this.dataItem ? 'ls-field-' + this.dataItem.id : undefined} style={hostStyle} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && <ls-icon name=\"required\" size={`${12 * zoomValue}`} class=\"required-icon\" customStyle={{ verticalAlign: 'top' }} />}\n <input\n id=\"editing-input\"\n class={this.isEditing ? 'ls-editor-field-editable' : 'hidden-field'}\n type={getInputType(this.dataItem.validation).inputType}\n value={this.dataItem?.value}\n checked={this.dataItem?.value ? true : false}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n />\n\n <div id=\"field-info\" class={this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable'} style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}>\n {(this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType}\n </div>\n {(this.floatingActive || this.selected) && this.dataItem?.label && (\n <div\n style={{\n position: 'absolute',\n background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,\n color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,\n borderRadius: `${0.25 * zoomValue}rem`,\n padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,\n top: `-${1.375 * zoomValue}rem`,\n fontWeight: '500',\n left: `-${2 * zoomValue}px`,\n whiteSpace: 'nowrap',\n width: 'fit-content',\n }}\n >\n {this.dataItem?.label}\n </div>\n )}\n {(this.floatingActive || this.selected) && (\n <p\n style={{\n position: 'absolute',\n color: 'var(--gray-80, #3a3a3a)',\n bottom: `-${1.75 * zoomValue}rem`,\n fontSize: `${0.625 * zoomValue}rem`,\n left: '0',\n whiteSpace: 'nowrap',\n width: 'fit-content',\n }}\n >\n Assigned to: {this.assignee}\n </p>\n )}\n {this.floatingActive && (\n <button\n class={'x-button'}\n style={{\n padding: `${0.125 * zoomValue}rem`,\n }}\n onClick={() => this.deleteField()}\n >\n <ls-icon name=\"x\" size={`${10 * zoomValue}`} />\n </button>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -23,7 +23,7 @@ export class LsEditorTable {
|
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '55c508ab25969ad8649fb15ef7a0e20d3e212bde' }, h("table", { key: '8b9154ecc83d4a09b67a83441c6e73692380c72a', id: "ls-editor-table" }), h("slot", { key: 'f3eea5f381266897fcf5df9d08959076b5ba4385' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "ls-editor-table"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,22 +18,22 @@ export class LsFeatureColoumn {
|
|
|
18
18
|
attachAllTooltips(this.component.shadowRoot);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '17fde441c344fb5fe9f147f570bdf656fc1a249d' }, h("div", { key: '1fc695cd618684eb128ad6bd1e1e3445f5209403', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
22
22
|
this.manage.emit('document');
|
|
23
23
|
this.manager = 'document';
|
|
24
|
-
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
24
|
+
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'bd71c3b21bc56dd4f35ce273cf5ce6d8b66141ef', name: "document", size: "24" })), h("div", { key: '3cddf183094a8509797d1cb386311fcd2e7c84eb', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25
25
|
this.manage.emit('toolbox');
|
|
26
26
|
this.manager = 'toolbox';
|
|
27
|
-
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
27
|
+
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'cd1357591669044c6df368ceeabb7110c109c6aa', name: "typing-input", size: "24" })), h("div", { key: '4d2977b60fea884e4a8091e6fd1be3b0ec724e38', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
28
28
|
this.manage.emit('participant');
|
|
29
29
|
this.manager = 'participant';
|
|
30
|
-
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
30
|
+
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'fef5157e6a10169dfc63eee4648cb543ec4fa83f', name: "user-group", size: "24" })), h("div", { key: '1027229cda36be2f8e67995d6c1f960c27cf4b6e', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
31
31
|
this.manage.emit('recipient');
|
|
32
32
|
this.manager = 'recipient';
|
|
33
|
-
}, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
33
|
+
}, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '2b95f521b79d15a8b9c60487d8b39fd3c17d0310', name: "user-group", size: "24" })), h("div", { key: 'f48df22f810020c3dcb6e2ebc97f4f534e4ba843', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
34
34
|
this.manage.emit('validation');
|
|
35
35
|
this.manager = 'validation';
|
|
36
|
-
}, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
36
|
+
}, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'd88a99665ed2b43c704993a864c3c9ad046189ee', name: "adjustments", size: "24" })), h("slot", { key: '6a70da03978e1b53e262a671cd4a4df198ad267c' }), h("ls-tooltip", { key: '4c1685f4d717af2915147302d8037e8e239198ea', id: "ls-tooltip-master" })));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "ls-feature-column"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -120,9 +120,9 @@ export class LsFieldAlignment {
|
|
|
120
120
|
attachAllTooltips(this.component.shadowRoot);
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
123
|
+
return (h(Host, { key: '63398a2ccc1bc4cbd98d2858c2e2557cc7b37890' }, h("div", { key: '9e18ed6648be04c04c8d31a2141c282f95405e0b', class: 'ls-field-properties-section' }, h("div", { key: 'cdc65651627eab57be294950db80971aac9ab633', class: 'ls-field-properties-section-text' }, h("p", { key: 'ea997551b75b54f994a2b099369926183dfb164c', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'fef2f6130de37727e29ffbdd8e6c1d39347758ea', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '58f910381243daf9987373ca73cb850643457fae', class: 'multi-button-group-row' }, h("div", { key: 'a928ef05dc1a41bf172854be6de6e43d754ff215', class: 'button-group' }, h("button", { key: '0fd393359c52d53fc5acf0148cf45c35ff9a787f', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: 'eb751025f62ce1482974e5244d36560ef6d652e2', name: "field-alignment-left" })), h("button", { key: '2ea4e049759d7bab322b09bf37006c9aca7d550a', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: '12e1e084e55992e5e8dcb3c616d354e813db4bc2', name: "field-alignment-centre" })), h("button", { key: '50820a4dbb9fe2ee520e6bfd18cd5c3c8798e485', onClick: () => {
|
|
124
124
|
this.right();
|
|
125
|
-
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '
|
|
125
|
+
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '020ce69f599c1dd7ca53f00b48dd605c0c85da08', name: "field-alignment-right" }))), h("div", { key: '6b89b279eb02636d907dccc34c14a346850d774e', class: 'button-group' }, h("button", { key: '49a49d4ec2b27337b8e094926cdef9961c13d848', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: '1821a377171df23e2fa3d62204370023e03231eb', name: "field-alignment-top" })), h("button", { key: '03f2aac11c4c379782e3ec9b557ad9f76a8bb756', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'df0d8013b46142216c431b5b13d3f329cf3f2bd2', name: "field-alignment-middle" })), h("button", { key: '122cdaa9caf98cc3d0bd06ed4cefb670c6095053', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: 'a516854348931f5c64a52f3fc4ee9b902378c916', name: "field-alignment-bottom" }))))), h("slot", { key: 'a21b40bc260e0516f212908b6fdf37984f1e6303' }), h("ls-tooltip", { key: 'd2b66a3db33c6bb4b092a306326d9881c51eb05e', id: "ls-tooltip-master" })));
|
|
126
126
|
}
|
|
127
127
|
static get is() { return "ls-field-alignment"; }
|
|
128
128
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,9 +28,9 @@ export class LsFieldContent {
|
|
|
28
28
|
return !typesWithValue.includes(this.dataItem?.elementType);
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: '734ec935c3012ca203927537a917e43bbf51bd29' }, h("ls-props-section", { key: '8e9b9f1cc340517f3b7f3255dc87e8801d73b5ec', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: '9b01edd6f83f4a060d00bb780322ce138fb7dea4', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '3e3995526461f108576b7d22cbb1b2846d995e27', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'bec526155b82b50a64f9b1b5b74aadb7e3c6abad', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '1575b64c8c8381205c13c3fe70a32b97699b595f', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '320dd9b0427f7ca277134c1d0739a82a5e155f27', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'aa879cb5deca3ce965dc998116966ef77e118a89', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: 'd6c22af8098d61cc7af5e8abb9e23b9d046771d6', value: this.dataItem?.value, placeholder: "e.g. Gordon Smith", onInput: (e) => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '2ef0f7da035529ce618803d0c6b74b447b922555', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: 'ce22a03c08f2d1f98feb0125912e053ef62c7226', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: (e) => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '0f6e53e8261eb4c6b8db6fd5f828a42724f27ffd', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: '3005c64a70fd13264666ad5e4e014000d820c630', select: true }, h("select", { key: 'f319bc0e3d1987ff3bebe363051c6756cb1b56cf', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
|
|
32
32
|
.filter(type => type.formType === this.dataItem?.elementType)
|
|
33
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '
|
|
33
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: 'c8983032bdf7d1ec86416810de22445987bd75b5' })));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "ls-field-content"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,7 +34,7 @@ export class LsFieldDimensions {
|
|
|
34
34
|
attachAllTooltips(this.component.shadowRoot);
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '703a903db877ebc294ac3e2b957a29e031ef1a89' }, this.isMultiple(this.dataItem) && (h("div", { key: '5003976f90bd1abf305e7fdf49f5bdb2c8ac1175', class: 'ls-field-properties-section' }, h("div", { key: 'c701aeff233fd6909fe092180bf4e178ef836596', class: 'ls-field-properties-section-text' }, h("p", { key: '24bed1a118880004098274aa6fe322e50ba6bcb4', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '0004e228fccc0e8862de68b8a20c325c51783755', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '54b5c2c34e71c2d89792563bb8a91ce91979425b', class: 'input-row' }, h("div", { key: '4ec93aba8780d313a231c3e373b72070d3cc8538', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'd1dc6e887a70faa598c69f49b79f82bd171c9e7b', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'f30017f0d1c416c0fb2dc7dd12637da92b25f299', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '45c33926a667cd78d421d74f9a352614f8d853cc', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'dc4ad448b52fd19ef42bd9f81edd597fba232914', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'b257839bf8395a4a7e4c46b4e8bda31f8a688088', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '880ee0a38cfa375a4bd8a0d8e6bd8651918be68e', class: 'field-set' }, h("div", { key: '661e3eadf9c75bc174a00fe463efaad733f19c17', class: 'ls-field-properties-section' }, h("div", { key: '69fa81433bf7d90d74b6d99afa6f96b6b4bb3b87', class: 'ls-field-properties-section-text' }, h("p", { key: '43aa0a76668e227c65e4ea36f7e9b5d04f68a46b', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'aae729ee5421bf2b487c98b36adbae66eb9df344', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '65da437f5b256a12487ba35bcb9c39376139287b', class: 'input-row' }, h("div", { key: '780b5587d9d066b816540d3e5d494b0100068c07', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '94a6fcfd4df9ec9f45bd0aaad7854061eb6362c1', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '245e8b5c172c9e81996518cdb80ccc86461c485a', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", value: this.dataItem?.width, onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: 'cb4e9a06b6eae5992c4a3d5ca69fa23d405c1c1b', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '6122800c5cf670479ea0befb9a07454595ac5912', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'fa15e1f81dc05f2234bac95a25cb609160aa5403', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => this.alter({ height: e.target.value }) })))), h("div", { key: '49a7ffea99dea746084b94414d9b3251de398a9e', class: 'ls-field-properties-section' }, h("div", { key: 'c78c62f08d282a3a529ba8338a42bbb444917783', class: 'ls-field-properties-section-text' }, h("p", { key: 'd18f1fe5a21bdd20a5e892cbe588eb297231b649', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'af6e63b9235f1e59ade06038f09db0390893673d', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '87123ee7df1fa48be4c2674baa40373f603cf634', class: 'button-group' }, h("button", { key: '5d03b2ad33e65d8fc51a18db6f25d90d907a0b00', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: '400caf2fc05248f2cde1a2175352ffc7a8d7c7b6', name: "field-scale" })), h("button", { key: 'ea84ecc2b43b2ebd1fbd1191ac785c5e8b3692a6', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: 'bf78211f51a4319e441cf956bf58344ecdaa66c6', name: "field-match-width" })), h("button", { key: 'a29160eb0320e88fdfd02f3a8502f82ee59ffd26', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '8a1001f7d8a2f44d111447e222ba25c8cbe0085c', name: "field-match-height" })))))), h("ls-tooltip", { key: '2ff0d8ba9ce5ef8f6932a5062a88cd243485b71c', id: "ls-tooltip-master" })));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "ls-field-dimensions"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -139,15 +139,15 @@ export class LsFieldDistribute {
|
|
|
139
139
|
attachAllTooltips(this.component.shadowRoot);
|
|
140
140
|
}
|
|
141
141
|
render() {
|
|
142
|
-
return (h(Host, { key: '
|
|
142
|
+
return (h(Host, { key: 'e609fa9e40889179615dd0994c6b60633a650e08' }, h("div", { key: '9bd095b900e305b7622f0973fdbfce980343970b', class: 'ls-field-properties-section' }, h("div", { key: '216b665c83f42a879b8dd2d0533080811e7feee2', class: 'ls-field-properties-section-text' }, h("p", { key: 'bf614585ce212feea625cfe2afe271e3dfb3dd61', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'a96e61b2016feb32ee68720bdd4da5e2b6b44c94', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'b717e2acebf9794fdf294bbaab1d47bff20523ee', class: 'button-group' }, h("button", { key: 'c51308c1daf5793770cead8f2f9997406b3d5a43', onClick: () => {
|
|
143
143
|
this.distributeVertical();
|
|
144
|
-
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '
|
|
144
|
+
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '0a6852f37bdacd568ff4b9595d55fa8ce6a0f820', name: "field-distribute-vertically" })), h("button", { key: '2587d0c9e87765c4aef7a1d94f4003729eac7d9c', onClick: () => {
|
|
145
145
|
this.distributeHorizontal();
|
|
146
|
-
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '
|
|
146
|
+
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '97fdb980861622cdde04e34b632c69e7b6d701d1', name: "field-distribute-horizontally" })))), h("div", { key: '9242167e2f2770f72d931aa9bd1befdba1154d0a', class: 'ls-field-properties-section' }, h("div", { key: 'c19451338fdbc1691f8999462bcb68494d282f0b', class: 'ls-field-properties-section-text' }, h("p", { key: 'c3c492e747cb79ce80abc29edca0b2d9f6416870', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '4c36b3a346d322d52713b2bd576cd653f5eb535a', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '8c161810aaf366e8e34080a8214d0851edf4e042', class: 'input-row' }, h("div", { key: '199f11fa50657c258b62e285f59a861381f0140c', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '684ff4ae3e551819f1e0fbbd38dcff5c4ada7bf9', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: 'a8e007de6b1d39aab12ed5d00e3547914b276e6e', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
|
|
147
147
|
this.gapVertical(parseInt(e.target.value));
|
|
148
|
-
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '
|
|
148
|
+
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '4c1a5f93be77a515548a7b188754fa8d7fce6c7b', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: 'd5f9b3f19a80310ded792b9298e556dfc126d526', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: 'd38b4475ef2252ee154afdbffdb7cfdc21b98bd5', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
|
|
149
149
|
this.gapHorizontal(parseInt(e.target.value));
|
|
150
|
-
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '
|
|
150
|
+
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '517251c8fe81db16a4b65aa9129e6f7b9715e6e6', id: "ls-tooltip-master" }), h("slot", { key: '377fb518aba986f087af436e64fb4c9eb76cb4fe' })));
|
|
151
151
|
}
|
|
152
152
|
static get is() { return "ls-field-distribute"; }
|
|
153
153
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class LsFieldFooter {
|
|
|
23
23
|
// this.selectFields.emit([newItem]);
|
|
24
24
|
};
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'ad5bcbff8ba0e0e8c485029195401793a3d44947' }, h("div", { key: '5122544f2c7bcd02af2acbff8da7dd466e74d813', class: 'button-footer' }, h("button", { key: '7f82dfccee2e4d673305f5863534b80a1ad4e358', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: 'e4a3ecdea2100e1ccfcffa530a6a725ba8f780f1', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: '94f3ca40a7166640386561a0528fb69b03dc2cb0', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'a76664cbe7d6c636e3f17fa9dca687d475cbfc0c', name: "trash", size: "20" }), "Delete")), h("slot", { key: '79821de62397776ee15439cccd73ecac88fca22d' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "ls-field-footer"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -47,31 +47,31 @@ export class LsFieldFormat {
|
|
|
47
47
|
return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
|
|
48
48
|
};
|
|
49
49
|
render() {
|
|
50
|
-
return (h(Host, { key: '
|
|
50
|
+
return (h(Host, { key: 'f09669b903371ee341bcad9d0c690c73564796fc', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'c88a63694f4c7badef501d1d6e6065e1e2f8b0c1', class: 'ls-field-format-bar' }, h("div", { key: '14b3550fa16813865c4640bf789ec59de23f9841', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'cb1c66047558d46587d5ed10858e5de853930d2f', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '467779af8ae5de655a3f94eaa1d93401c8c21b6e', id: "ls-toolbar-font-select", onChange: input => {
|
|
51
51
|
this.alter({ fontName: input.target.value });
|
|
52
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
52
|
+
}, class: 'has-leading-icon' }, h("option", { key: 'ab2adc71db5cb0304d3ef0e88cd39f9c3b0695ff', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'b87685950342e18f67136c15b626ecddf594f9f1', value: "arial" }, "Arial"), h("option", { key: '23c3c6f267862f66649517e165fbd3b4168fb12b', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'd5df1c563bff199141bb1e3abe57aeaac20e680a', value: "courier" }, "Courier"), h("option", { key: 'd9e693b2a601ae8373e7bed6f6f63b5176f0f53f', value: "helvetica" }, "Helvetica"), h("option", { key: '53ff1c000a0a20c574ae4a0efe783a297a5a3e9e', value: "verdana" }, "Verdana")), h("ls-icon", { key: '56b5f263672aabc30b7a4fecdaf0b29dd645e239', id: "selectorIcon", name: "selector" })), h("div", { key: '1fe61ed2c6e16e2c9a58c1a349a7991dfed9bc5b', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '80a2dfae58c432af9860811270ef14887ef1dba9', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '5b662354c0bfaa6cdc9d6c085f2732b238a9a675', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
|
|
53
53
|
if (input.target.value === '')
|
|
54
54
|
return;
|
|
55
55
|
this.alter({ fontSize: input.target.value });
|
|
56
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
56
|
+
}, class: 'has-leading-icon' })), h("div", { key: 'bdc70a6f70ac24ede3e375da95a31b09fc6e0cab', class: 'button-group' }, h("button", { key: '93bd2e0f321a7630e4a5203c607b9ae97896820a', onClick: () => {
|
|
57
57
|
this.alter({ align: 'left' });
|
|
58
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
58
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '75ceda811a343eb024c8eacfa863d7d1ec0fa538', name: "menu-alt-2" })), h("button", { key: '1fbfcfdfe4b60992ad507f87c281bde9e1cfb6ac', onClick: () => {
|
|
59
59
|
this.alter({ align: 'center' });
|
|
60
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
60
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '225df89a538e7e67c4bc95a309afd5167b67b6ce', name: "menu-alt-5" })), h("button", { key: 'b8cbc695c18f0a556ab6a83e00b2cf0da78ce8f5', onClick: () => {
|
|
61
61
|
this.alter({ align: 'right' });
|
|
62
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
62
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd3d569ce70e69c8425449549b6563eb1d966de18', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93cea0ccee515f28a1464bb86847998866ff28c9', class: 'ls-field-format-bar' }, h("div", { key: '8bf4b19264ec43d4880c0f1afd49bc0e95653ccb', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '00fc36a118fed88906b6dc6f10d4c5b572c9415a', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '631f24095b4735af86670d4464dc0dfe82722160', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '1ec3611079e764e9e052fafa18ed73bd2879a3b2', id: "ls-toolbar-font-select", onChange: input => {
|
|
63
63
|
this.alter({ fontName: input.target.value });
|
|
64
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
64
|
+
}, class: 'has-leading-icon' }, h("option", { key: 'b4e20742209d89cf2f81724e56cf4e271b242efe', value: "arial" }, "Arial"), h("option", { key: '90e07a1b1642602cb82a17d55c47fa151dd042cc', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'a1be70434a95b0032f7e0bd742a5493f4191e552', value: "courier" }, "Courier"), h("option", { key: 'cf58305e89c6cd764563564b4b8c4c97d3148837', value: "helvetica" }, "Helvetica"), h("option", { key: 'aee06cd107c49e5efccdc188439e51b341aef443', value: "verdana" }, "Verdana"))), h("div", { key: 'd96af2693b5160f090877ae272235e6e4c199be0', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '054ac7cfdca186932b67186e1af9b4fc207ac8af', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '25e2bc4275d0f94a09b1dcccb62521c2aa2c33c2', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
|
|
65
65
|
if (input.target.value === '')
|
|
66
66
|
return;
|
|
67
67
|
this.alter({ fontSize: input.target.value });
|
|
68
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
68
|
+
}, class: 'has-leading-icon' })), h("div", { key: 'e7b8af56e32c8cc09e5090391c164edab53de5a6', class: 'button-group' }, h("button", { key: 'abf70e78272b06353a074b093f0a316bb4bb4188', onClick: () => {
|
|
69
69
|
this.alter({ align: 'left' });
|
|
70
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
70
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'f7dd25decd2cd245141f8e00cc79096c283323ac', name: "menu-alt-2" })), h("button", { key: '5c68ddd64a36d8a8b486db63fa4831522a021c8d', onClick: () => {
|
|
71
71
|
this.alter({ align: 'center' });
|
|
72
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
72
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '023ad09061b00186dca7da21df38a5a478cdeed1', name: "menu-alt-5" })), h("button", { key: 'db06134b4512dbdb1d8de66975e6aca1496a24c4', onClick: () => {
|
|
73
73
|
this.alter({ align: 'right' });
|
|
74
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
74
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'ddc4dfb005babf7dfe1d7cf9cc95d8ccd80c9031', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd1f71302cf1ad18577e416d6cbca86a1c442c4c8', id: "ls-tooltip-master" })));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "ls-field-format"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -54,7 +54,7 @@ export class LsFieldPlacement {
|
|
|
54
54
|
attachAllTooltips(this.component.shadowRoot);
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '2891a22cc782d26e8019f621139dbb9cfa7912ae' }, this.isMultiple(this.dataItem) && (h("div", { key: 'fca4cfba664c7dcc850247145a19155359778fd6', class: 'ls-field-properties-section' }, h("div", { key: '6840302fca04a9512675d308a0faf89f588e4c92', class: 'ls-field-properties-section-text' }, h("p", { key: 'f148990ba318730ecd8f63dc2a1e07dbfe2e0758', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: 'b6e3392804efacfa479b8352fe9220aa202386ac', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c23a0dc256c248870b945337ff3699ee34faca3', class: 'input-row' }, h("div", { key: 'eb3c8491792b11452959601a11d0bb45576112ce', class: 'input-wrapper' }, h("ls-icon", { key: 'e0ef76fb7b4209ea9fca1f69ca063d9db54cab3e', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '366b808ac6308e7a4c753473db2a906bfb81fe5c', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'cc27cf6674efd760f0bf72ba0879750bd3ec58d5', class: 'input-wrapper' }, h("ls-icon", { key: '215d388859634b7ba8bae7772bc2f123bf5072e4', id: "selectLeadingIcon", name: "y" }), h("input", { key: '2679e4e35dcb2529dceab7628e51a06ebf2cb084', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '36051ca4885a6f000e62b98e93a8cee9275cec56', class: 'field-set' }, h("div", { key: '71f569f20e1cc8a1afdd07979d277cb046832d02', class: 'ls-field-properties-section' }, h("div", { key: 'c3221f6b321a2fe37bb5950bfed9c17d89b4ec06', class: 'ls-field-properties-section-text' }, h("p", { key: 'cac50315a0bf1e69fcda4836b294aded0b9c5b38', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '57d46a199248986056fa2283a3f983f788ca015f', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '600507c665204c312ec88d7dae69f1fd943492e0', class: 'multi-button-group-row' }, h("div", { key: 'bddd2f75ef7695d6f8e8eaebdd8cee1bf3e6f838', class: 'button-group' }, h("button", { key: '00e1849e66a0852577a94889839efe43c1b1c81a', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '9f54b7db1137cef47089564d53e36b3e95a130ee', name: "field-alignment-left" })), h("button", { key: 'c32102532ba8914bfe3ef7345d9a542f5fb3a61b', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: 'b4c4383eadcef61117f3b048bd2b3178b3c0a038', name: "field-alignment-centre" })), h("button", { key: 'bb859c7f759609101af575a282c5f64dabe69c09', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: '688b723605ec157fae2b659bd4d88b08fd897353', name: "field-alignment-right" }))), h("div", { key: 'ed944060fff8351aaa7fd42649cd6447a3961004', class: 'button-group' }, h("button", { key: '808bc6db4bd34934b4aa2f6b7fe47bc561041d7c', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '7215638df9c08fac87e730b9db6963bdaabb6679', name: "field-alignment-top" })), h("button", { key: '740fb0baef8a931ff8f9e3998a048e57e1f73868', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '75151df5e47d9a6f2bdccfcc9de925fd19e7274d', name: "field-alignment-middle" })), h("button", { key: 'd92b4595a17ce95ed97d116a8ec1f1ac848cf45e', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4b46bcab1783eae38c8135cb435123ebf635678b', name: "field-alignment-bottom" }))))), h("div", { key: '3ab3f3ba7a84f9e10590b3e74441f11115fcfcca', class: 'ls-field-properties-section' }, h("div", { key: '2d2bc1642911a36943f543aaea4e1113f6d90468', class: 'ls-field-properties-section-text' }, h("p", { key: '2716c6bd177cee3a74b57f27fceb802f99d00153', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '12b0116cf566e8fbd8c716ce30ff50547f075eeb', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c9d57d5988ac74a052d1e8b48891b9e49689f18', class: 'input-row' }, h("div", { key: '80f2dc6d84b2460f9119a4ad6c38cd23754b3f95', class: 'input-wrapper' }, h("ls-icon", { key: 'b5ce0258e81146a5e69ee892db47026af0e4b857', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'e1364c47bb93b6486e6a43e1c8375646cc90b19e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'd1785c7797954a99563205073b080fecd91ae9cd', class: 'input-wrapper' }, h("ls-icon", { key: '1c4a39e9dbf1b538c1c5330799d73749421efe40', id: "selectLeadingIcon", name: "y" }), h("input", { key: '1577cc2f618217940a68522e511be25906f93af1', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: 'e07c33f5a5a0076f9e9d4762280deda6acb70c13', class: 'ls-field-properties-section' }, h("div", { key: '2164bb922476bb458aadb653ddf56811afd6bada', class: 'ls-field-properties-section-text' }, h("p", { key: 'deb4e93fe9730ad60df1ead15d6fd1125e5f1c7b', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '85be0bf98871e745aeab85a7b3d5e7c7679bbbc1', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '5ea831b28aac09f5379e9fb227f6331ccb496682', class: 'button-group' }, h("button", { key: '8ed8a6be64facd93648d027fde2916a67f42c29c', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '136027ff733b7a222ecbe244bd0fb36ff3652427', name: "field-distribute-vertically" })), h("button", { key: '3408c19d67284f7ea72d73281315be8d8d233f5e', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '0360b37978f388df95806681c652f535e0eeafdb', name: "field-distribute-horizontally" })))), h("div", { key: '44bcfa853a0eaa54b06923d31706d2fa9734e866', class: 'ls-field-properties-section' }, h("div", { key: '7d5949bcc965f4ed677fb6296f541587ad2d78f0', class: 'ls-field-properties-section-text' }, h("p", { key: '4c19bf6ad558044ccd57f959b95cfaf9137d80fe', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '293c1c62bbf46e56b2ab4cbe95926c8baec55a9c', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: 'c27747a77cce6f8e59f297c68e58c0ad3844a4a7', class: 'input-row' }, h("div", { key: '26961c543f14fe3cc3fab27264c1900e85540e95', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '960ecb65e5729f20baa8e6c3ca091ee8e64d880b', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '43057c9c211ab5e6b9d6c0df9867cc6a64b2729b', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '5ffd08a406bac946193b108a8ff7cf215b0d1d1a', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '84979d224cbeead196f6e06cd1e1ec0de3b92fb4', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '1f1b03545533e57fad828649407e14ede6f41fbe', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: 'f04cdce03dae2e63bec8d9588eff9f2e15ad16ff', id: "ls-tooltip-master" })));
|
|
58
58
|
}
|
|
59
59
|
static get is() { return "ls-field-placement"; }
|
|
60
60
|
static get encapsulation() { return "shadow"; }
|
|
@@ -38,7 +38,7 @@ export class LsFieldProperties {
|
|
|
38
38
|
event.stopPropagation();
|
|
39
39
|
};
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: 'bab499f31527d5413652945bbf7723c5dab79405', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '1b7a65e7ba35b960519ed1c102c4ffb0306a2b5d' })));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "ls-field-properties"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js
CHANGED
|
@@ -55,10 +55,10 @@ export class LsFieldPropertiesAdvanced {
|
|
|
55
55
|
return '';
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: 'adc2b87c39dbe48a990e310d319488193fa4363f' }, h("div", { key: 'afe76dc7c97f20a5d02c468749efc624f8a5bd2f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '753b14a303f8c778126ac11146f7d6b7e7ef8b3f', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), h("p", { key: '379e7ac4ce24c30a9e835d0169e0612f4f67361f' }, "Advanced Properties")), this.expanded && (h("div", { key: 'e4ff2c54e710def3c4e4e46f780e249588139627', class: 'field-set' }, h("ls-props-section", { key: '2fbfa8e4d8706077f31cc6042a3067ab648c574d', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '9d4620a4ec75c57289401fd611329929521ce300', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
|
|
59
59
|
console.log(e);
|
|
60
60
|
this.alter({ fieldOrder: e.target.value }, 100);
|
|
61
|
-
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '
|
|
61
|
+
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '812b66263389b77c010bdaa1f1d72067e1ead50f', sectionTitle: "Ref. Name" }, h("input", { key: '4d91f09201c6004cb0ede5f926502e3239fcfcd4', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '3a86622b67586c43699729bddc852707df359dad', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: '7136c6ad42008dd34fcd2f1fa6c76a21a73a6117', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'd01a7dc32e3916979d7f9ee2994ae0f7f89df5eb', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'b6b3196e800c7931a6d0f7fc6e5af2fa1ada02e6', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: '9809509fc79dda1ff103c9cbbdbc353e974b35c9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: 'a1d50a115bb92c538c8cb6f7ed80f5bb642681c5', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '80fed4a7bf99f86f201251666942a71009ebffc0', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'a3429d3400c26bba3ed650995d2550af537c8fa5', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "ls-field-properties-advanced"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesAutosign {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '602e19c1de17c1573e1d32c0529de48a8c063589' }, h("div", { key: '8c29c9fb7ce90f61cfa4703b2706f6bbd6002d6b', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '02b1fcac1f2833806dd43c051a9d5dad06b8836f' }, "Label: ", h("input", { key: 'cfa56c618a0dda6639d81749f6ea12fd1a7a8dfe', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ad074de09ce3c4c32b6f71313406d4fd48271c91', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd44c890e2b0796b20d20bf4b6da98394d4245cec', dataItem: this.dataItem }), h("ls-field-footer", { key: 'b4b839dc085d49e291b1dddf87120a6e9c2f1c1d', dataItem: this.dataItem }), h("slot", { key: '9dcf2162b5111c76a8c76aec0453a719c19a5c91' })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-autosign"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js
CHANGED
|
@@ -9,7 +9,7 @@ export class LsFieldPropertiesContainer {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: 'f867d8adae7a885d62f54f2d66c471a135dfd327' }, this.tabs.length > 1 && (h("div", { key: 'fb74674c68910651e351f595aa62b4e1a58a99b8', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '6bcb9bdfa29a664b3af157699389f5df081497f2', class: 'scrolling-container' }, h("slot", { key: 'ad6335f0acc5f70e160657d9da66720d7403ccb0', name: this.selectedTab }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "ls-field-properties-container"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesDate {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '3d76414ea17b5b153bca2f695493f3bd6b08a16f' }, h("ls-field-properties-container", { key: 'edfec9516b12063d1912957a601457bbd0b62974', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'caed93b4ef27d30449cbf98e79682e5a6d64769d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '5489d32e008c9b17c720805a9b6aaca50f5dfde9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '09751239e9bc7d87be6617592ebe4ae85899c59a', dataItem: this.dataItem })), h("div", { key: 'ca90747a5ba7ae0c27f523aa6a75cb550efa13a2', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '846b2bab340087292cf0c62a170e77f01969af2c', dataItem: this.dataItem })), h("div", { key: '1b88e526fb50d6c4efc8caaf7a04d1e2b3dac4a7', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5b9ab2b7cea77a40456d7a13f523da2faf23a1b3', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7724a99ca02d4aa2755ef487b6713a1bfbdba675', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-date"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesDropdown {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '6ab36b10433f2a9c0cd5e39f3b78f3471f795c15' }, h("ls-field-properties-container", { key: '4cfe8d66c414f0684282d5379b7950cef1ea5773', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '673962971e8e8e219c02d13e9e61d2cdcad83887', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'ae5e0250d816457bfacf2a6d9d2b711feeb05dd8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '07f776cee20cc1f8929db189cd84f68b5b349501', dataItem: this.dataItem })), h("div", { key: 'a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e', dataItem: this.dataItem })), h("div", { key: 'e8a36fe97a69841dc48c6e99d6517fad087ef05d', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4609c33b929269673d302b5d7e53c0a1820d60e', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-dropdown"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesEmail {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'dcee9ffb353c373a7ad4018ffc3e5f27a8f991fa' }, h("ls-field-properties-container", { key: 'd9cc3a82c913a05be483e02ceec791294925f4dc', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '01caaf2b2db49c80bd9c936ace589db080761ac5', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '34c4b5344993f49e908d0a36dd737266bdce86ef', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '03d37d252278f413b8f84f0efb495a1ddbbcc598', dataItem: this.dataItem })), h("div", { key: 'b4f667e8f4357bb21bd2d338443549fb9a46ab33', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a458d3f26c42bf616fece1fee7677fe108d2a34d', dataItem: this.dataItem })), h("div", { key: '2e9f6d5cba11d46cf577787a8f4f0d73e614385e', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'a465faa14c1cb736bc7bae76acd47091f64e1194', dataItem: this.dataItem }))), h("ls-field-footer", { key: '704c6d8df46067cc0514805c419754de1a894c32', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-email"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesFile {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '88b1194eadd620a301e5163f28e6ed7abb95d851' }, h("ls-field-properties-container", { key: '537f4627d4e12eefd996eb0e08792f6cdff51f9b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0e126a53c285c2849b112a152c71b65f97346029', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '424e82d675b7582d7e133f172c55620ecd1d3b85', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3705e79f0a68db4861abe9ad73e2ea75cdc238cc', dataItem: this.dataItem })), h("div", { key: '5facf5a8593c86aa027c3ec8f575852156359d2e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b1c4404b2181e2bf859f62dd4f2195125b4e1ff5', dataItem: this.dataItem })), h("div", { key: '7920be7e29f48f890441711040b2d7cd37109e4f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '61cac1518a8c20da611f7c9c9cb1799a1d21097d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '079d83b3d9b867a3436454f7828eef28b2eddfcf', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-file"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesGeneral {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'c5a783c9c50191a03243eacba093df4bc12c01e9' }, h("ls-field-properties-container", { key: 'e982350c67800227aa7bb29e0af36539a34d4ed1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f47da6e521961f4946b5dcf757668915f3da7f45', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2eaecda4df966427b680166930e8ac55166cf6c1', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '8c58fc6ee970a04ebdeaa5339885010797d47403', dataItem: this.dataItem })), h("div", { key: '7e8c06a26b03c2a38ddc7d5ac8c28fe2769f843f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '483075e06327527baecd7ad5eae6fdd213d47bae', dataItem: this.dataItem })), h("div", { key: 'a5a11197ce8a6f2cf6c8f634be5ff60e15e9f662', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '8c972251f595ee3beadef8607f79578458ef8009', dataItem: this.dataItem }))), h("ls-field-footer", { key: '1a9dff5743fa48f22ce3729fa78f1f06971ba90f', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-general"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesImage {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '22f5ce8899defc26526afb33f7bc7cbd70a8e048' }, h("ls-field-properties-container", { key: 'f11b88fa01aa9a0138155c5fdbfb7a912f8e8e6d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ceed990e895bbb889fe62480cb4d5aa7a82dec27', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'e932672e87051224b90b57e148a69b102f9a644c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '065e8d0d3059d78ee60004cdae52034946dfcb34', dataItem: this.dataItem })), h("div", { key: '8721aec4a3f120a3298082ffd8c35d02f3601fc0', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '43636f26161eb313ac666eabf6ba4e446391d7e2', dataItem: this.dataItem })), h("div", { key: '75b9b6b55e4f0ada1b242bc30a3a1a8c72068e15', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '37f37b80650362d92de618f2a36a664a8bb4875b', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ca5264df240cf75afd536c1d585ddb05779bfe00', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-image"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|