legalesign-document-viewer 0.6.2 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-compose-manager.cjs.entry.js +2 -2
- package/dist/cjs/{ls-document-options_46.cjs.entry.js → ls-document-options_45.cjs.entry.js} +102 -146
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ls-formfield.cjs.entry.js +2 -2
- package/dist/cjs/ls-number-input_5.cjs.entry.js +6 -6
- package/dist/cjs/ls-title-input.cjs.entry.js +49 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +2 -2
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.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 +3 -3
- 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 +1 -1
- 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.js +5 -5
- 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.js +1 -1
- 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-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 +2 -2
- package/dist/components/ls-compose-manager.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +84 -90
- 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 +14 -14
- 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 +8 -8
- 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.js +71 -1
- package/dist/components/ls-title-input.js.map +1 -1
- 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-Du60SSaA.js → p-B5cnJ7Uh.js} +4 -4
- package/dist/components/{p-Du60SSaA.js.map → p-B5cnJ7Uh.js.map} +1 -1
- package/dist/components/{p-mRzg677Y.js → p-B6kmJVw0.js} +4 -4
- package/dist/components/{p-mRzg677Y.js.map → p-B6kmJVw0.js.map} +1 -1
- package/dist/components/{p-CGQK3l8F.js → p-BDTgDxaX.js} +4 -4
- package/dist/components/{p-CGQK3l8F.js.map → p-BDTgDxaX.js.map} +1 -1
- package/dist/components/{p-BQZBAjo_.js → p-BFUdzGLI.js} +3 -3
- package/dist/components/{p-BQZBAjo_.js.map → p-BFUdzGLI.js.map} +1 -1
- package/dist/components/{p-D4sy9pOl.js → p-BFkdb2U_.js} +16 -16
- package/dist/components/{p-D4sy9pOl.js.map → p-BFkdb2U_.js.map} +1 -1
- package/dist/components/{p-DKaEsQyk.js → p-BQL_JBkw.js} +4 -4
- package/dist/components/{p-DKaEsQyk.js.map → p-BQL_JBkw.js.map} +1 -1
- package/dist/components/{p-C9CUft6J.js → p-BSpwN-xy.js} +6 -6
- package/dist/components/{p-C9CUft6J.js.map → p-BSpwN-xy.js.map} +1 -1
- package/dist/components/{p-D4LYfv_D.js → p-BWxN_Vjk.js} +16 -16
- package/dist/components/{p-D4LYfv_D.js.map → p-BWxN_Vjk.js.map} +1 -1
- package/dist/components/{p-CazTGpgq.js → p-B_JOCgcw.js} +4 -4
- package/dist/components/{p-CazTGpgq.js.map → p-B_JOCgcw.js.map} +1 -1
- package/dist/components/{p-Dyy8mvcD.js → p-BgkYJeKL.js} +16 -16
- package/dist/components/{p-Dyy8mvcD.js.map → p-BgkYJeKL.js.map} +1 -1
- package/dist/components/{p-Dz_jxFKX.js → p-Bkyhs-9F.js} +3 -3
- package/dist/components/{p-Dz_jxFKX.js.map → p-Bkyhs-9F.js.map} +1 -1
- package/dist/components/{p-BbRzNkJ-.js → p-BrNFnrQ5.js} +4 -4
- package/dist/components/{p-BbRzNkJ-.js.map → p-BrNFnrQ5.js.map} +1 -1
- package/dist/components/{p-xfxA2gr3.js → p-Bs5jafH9.js} +16 -16
- package/dist/components/{p-xfxA2gr3.js.map → p-Bs5jafH9.js.map} +1 -1
- package/dist/components/{p-DY31qJMn.js → p-C0jnLrrj.js} +29 -29
- package/dist/components/{p-DY31qJMn.js.map → p-C0jnLrrj.js.map} +1 -1
- package/dist/components/{p-BqmNrlid.js → p-C5Vb76Fm.js} +16 -16
- package/dist/components/{p-BqmNrlid.js.map → p-C5Vb76Fm.js.map} +1 -1
- package/dist/components/{p-BjENvp2j.js → p-C6pzA2Lp.js} +4 -4
- package/dist/components/{p-BjENvp2j.js.map → p-C6pzA2Lp.js.map} +1 -1
- package/dist/components/{p-BCPpSevg.js → p-CH80YX8k.js} +5 -5
- package/dist/components/{p-BCPpSevg.js.map → p-CH80YX8k.js.map} +1 -1
- package/dist/components/{p-BFlzDwrT.js → p-CHOBv8qd.js} +6 -6
- package/dist/components/{p-BFlzDwrT.js.map → p-CHOBv8qd.js.map} +1 -1
- package/dist/components/{p-jpsL_Z0S.js → p-CHZeQy3Z.js} +10 -10
- package/dist/components/{p-jpsL_Z0S.js.map → p-CHZeQy3Z.js.map} +1 -1
- package/dist/components/{p-DFIjS6r1.js → p-CJkBPERb.js} +10 -10
- package/dist/components/{p-DFIjS6r1.js.map → p-CJkBPERb.js.map} +1 -1
- package/dist/components/{p-CXXb9tnA.js → p-CKGxyjXl.js} +16 -16
- package/dist/components/{p-CXXb9tnA.js.map → p-CKGxyjXl.js.map} +1 -1
- package/dist/components/{p-CUdAWxnx.js → p-CPvKTPe5.js} +15 -15
- package/dist/components/{p-CUdAWxnx.js.map → p-CPvKTPe5.js.map} +1 -1
- package/dist/components/{p-C1FhAvg1.js → p-CQbfOsEw.js} +10 -10
- package/dist/components/{p-C1FhAvg1.js.map → p-CQbfOsEw.js.map} +1 -1
- package/dist/components/{p-DeiaBmYM.js → p-CUKHkPYp.js} +7 -7
- package/dist/components/{p-DeiaBmYM.js.map → p-CUKHkPYp.js.map} +1 -1
- package/dist/components/{p-CpViLazu.js → p-CidVEtba.js} +13 -13
- package/dist/components/{p-CpViLazu.js.map → p-CidVEtba.js.map} +1 -1
- package/dist/components/{p-CDebJ6iA.js → p-CkhPBlI9.js} +16 -16
- package/dist/components/{p-CDebJ6iA.js.map → p-CkhPBlI9.js.map} +1 -1
- package/dist/components/{p-DCiK4Zkr.js → p-CkqxItxD.js} +5 -5
- package/dist/components/{p-DCiK4Zkr.js.map → p-CkqxItxD.js.map} +1 -1
- package/dist/components/{p-aDB_kHQ9.js → p-CntMVGQM.js} +4 -4
- package/dist/components/{p-aDB_kHQ9.js.map → p-CntMVGQM.js.map} +1 -1
- package/dist/components/{p-CJSY3-Q3.js → p-CwkNbClZ.js} +3 -3
- package/dist/components/{p-CJSY3-Q3.js.map → p-CwkNbClZ.js.map} +1 -1
- package/dist/components/{p-BHkzqT6a.js → p-Czl42iXj.js} +7 -7
- package/dist/components/{p-BHkzqT6a.js.map → p-Czl42iXj.js.map} +1 -1
- package/dist/components/{p-CEB07hOR.js → p-D1Vbun-H.js} +3 -3
- package/dist/components/{p-CEB07hOR.js.map → p-D1Vbun-H.js.map} +1 -1
- package/dist/components/{p-BcS632QQ.js → p-D2OTJcln.js} +3 -3
- package/dist/components/{p-BcS632QQ.js.map → p-D2OTJcln.js.map} +1 -1
- package/dist/components/{p-y-KagAwA.js → p-D7jf6qmY.js} +8 -8
- package/dist/components/{p-y-KagAwA.js.map → p-D7jf6qmY.js.map} +1 -1
- package/dist/components/{p-BcSJFRsU.js → p-DK4_6BnD.js} +12 -12
- package/dist/components/{p-BcSJFRsU.js.map → p-DK4_6BnD.js.map} +1 -1
- package/dist/components/{p-DSUzA701.js → p-DLH6tfrF.js} +5 -5
- package/dist/components/{p-DSUzA701.js.map → p-DLH6tfrF.js.map} +1 -1
- package/dist/components/{p-DCHe6qj9.js → p-DYgxVYY_.js} +16 -16
- package/dist/components/{p-DCHe6qj9.js.map → p-DYgxVYY_.js.map} +1 -1
- package/dist/components/{p-BIPw2c6i.js → p-DZJAZNpf.js} +9 -9
- package/dist/components/{p-BIPw2c6i.js.map → p-DZJAZNpf.js.map} +1 -1
- package/dist/components/{p-T-mzC4lc.js → p-DeijuJkt.js} +7 -7
- package/dist/components/{p-T-mzC4lc.js.map → p-DeijuJkt.js.map} +1 -1
- package/dist/components/{p-Bbzg-qau.js → p-DfkXv1vI.js} +3 -3
- package/dist/components/{p-Bbzg-qau.js.map → p-DfkXv1vI.js.map} +1 -1
- package/dist/components/{p-D95fiMAP.js → p-DnyBXRV4.js} +3 -3
- package/dist/components/{p-D95fiMAP.js.map → p-DnyBXRV4.js.map} +1 -1
- package/dist/components/{p-B3DQQkl0.js → p-Drbp3Wll.js} +3 -3
- package/dist/components/{p-B3DQQkl0.js.map → p-Drbp3Wll.js.map} +1 -1
- package/dist/components/{p-B_6EV5o3.js → p-DzeltV9H.js} +7 -7
- package/dist/components/{p-B_6EV5o3.js.map → p-DzeltV9H.js.map} +1 -1
- package/dist/components/{p-DazmCUCS.js → p-QIG8yroe.js} +10 -10
- package/dist/components/{p-DazmCUCS.js.map → p-QIG8yroe.js.map} +1 -1
- package/dist/components/{p-B0UsrnF-.js → p-SKySuEfc.js} +16 -16
- package/dist/components/{p-B0UsrnF-.js.map → p-SKySuEfc.js.map} +1 -1
- package/dist/components/{p-rOYFY0lA.js → p-kug3tj7P.js} +6 -6
- package/dist/components/{p-rOYFY0lA.js.map → p-kug3tj7P.js.map} +1 -1
- package/dist/components/{p-6JLudxC8.js → p-n1WnrNQm.js} +6 -6
- package/dist/components/{p-6JLudxC8.js.map → p-n1WnrNQm.js.map} +1 -1
- package/dist/components/{p-CvSaf_ja.js → p-nmGTYrW-.js} +5 -5
- package/dist/components/{p-CvSaf_ja.js.map → p-nmGTYrW-.js.map} +1 -1
- package/dist/components/{p-CdXSq0ok.js → p-pkGFr1Z2.js} +10 -10
- package/dist/components/{p-CdXSq0ok.js.map → p-pkGFr1Z2.js.map} +1 -1
- package/dist/components/{p-D836X_cy.js → p-tbdpKil5.js} +5 -5
- package/dist/components/{p-D836X_cy.js.map → p-tbdpKil5.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-compose-manager.entry.js +2 -2
- package/dist/esm/{ls-document-options_46.entry.js → ls-document-options_45.entry.js} +102 -145
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-properties-dropdown.entry.js +1 -1
- package/dist/esm/ls-formfield.entry.js +2 -2
- package/dist/esm/ls-number-input_5.entry.js +6 -6
- package/dist/{components/p-JIZHOmMy.js → esm/ls-title-input.entry.js} +10 -39
- package/dist/esm/ls-title-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-d223d66a.entry.js → p-00ab25ff.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-1442f973.entry.js → p-131fe514.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-0ccba83b.entry.js → p-309979de.entry.js} +3 -3
- package/dist/ls-document-viewer/p-309979de.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-96fe16df.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-ccbc4663.entry.js +2 -0
- package/package.json +1 -1
- package/dist/components/p-JIZHOmMy.js.map +0 -1
- package/dist/ls-document-viewer/p-0ccba83b.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-31f8c44a.entry.js +0 -2
- package/dist/ls-document-viewer/p-caa89c6c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-d223d66a.entry.js.map → p-00ab25ff.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-1442f973.entry.js.map → p-131fe514.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-31f8c44a.entry.js.map → p-96fe16df.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-caa89c6c.entry.js.map → p-ccbc4663.entry.js.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h } from './p-BhZ5Udbm.js';
|
|
2
2
|
import { c as clsx } from './p-ChV9xqsO.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
|
|
4
4
|
|
|
5
5
|
const lsSelectInputCss = () => `* {
|
|
6
6
|
box-sizing: border-box;
|
|
@@ -265,7 +265,7 @@ const LsSelectInput = /*@__PURE__*/ proxyCustomElement(class LsSelectInput exten
|
|
|
265
265
|
: displayOnly
|
|
266
266
|
? 'displayOnly'
|
|
267
267
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
268
|
-
return (h("host", { key: '
|
|
268
|
+
return (h("host", { key: 'eb7e4a36fee35582c74440cec4097f59ec4ad625', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c8a8d1c1755cb5cb3bccc1c2a41e04762d1a2bb7', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: 'a75719b9aaf600d2dc3ce0bf2e14bece1a0fc804', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '623e514b4fef20cc8b7f137e55fbc2b796bb992e' })), h("div", { key: '24ca82a5e1a29f199103f34eab545fbf64c3aac0', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'bdf61ed3d35b0389e78f568ba1c8fa15e0ca7703', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
|
|
269
269
|
}
|
|
270
270
|
static get style() { return lsSelectInputCss(); }
|
|
271
271
|
}, [772, "ls-select-input", {
|
|
@@ -303,6 +303,6 @@ function defineCustomElement() {
|
|
|
303
303
|
defineCustomElement();
|
|
304
304
|
|
|
305
305
|
export { LsSelectInput as L, defineCustomElement as d };
|
|
306
|
-
//# sourceMappingURL=p-
|
|
306
|
+
//# sourceMappingURL=p-B6kmJVw0.js.map
|
|
307
307
|
|
|
308
|
-
//# sourceMappingURL=p-
|
|
308
|
+
//# sourceMappingURL=p-B6kmJVw0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-B6kmJVw0.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;AAMA,CAAC;;MC3NY,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;AAChB,IAAA,IAAI;AACJ,IAAA,KAAK;AACL,IAAA,IAAI;AACJ,IAAA,QAAQ;AACR,IAAA,QAAQ;AACR,IAAA,WAAW;AACX,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,SAAS;;;;IAMjB,MAAM,GAAA;QACJ,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,GACV,GAAG,IAAI;AAER,QAAA,MAAM,UAAU,GAAG,IAAI,CACrB,YAAY,EACZ;AACE,cAAE;cACA,KAAK,IAAI;AACT,kBAAE;AACF,kBAAE,KAAK,IAAI,CAAC;AACV,sBAAE;AACF,sBAAE;AACA,0BAAE;0BACA,SAAS,EACnB,SAAS,IAAI,YAAY,EACzB,KAAK,IAAI,cAAc,EACvB,UAAU,IAAI,cAAc,EAC5B,UAAU,IAAI,KAAK,IAAI,mBAAmB,CAC3C;QAED,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAA,EACf,SAAS,KACR,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,QAAQ,GAAG,mBAAmB,GAAG,WAAW,EAChD,IAAI,EAAE,SAAS,GACN,CACZ,EACD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EACjB,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACD,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACrB,KAAK,IAAI,CAAC,QAAQ,KACjB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,aAAa,EACvC,IAAI,EAAE,KAAK,GAAG,cAAc,GAAG,oBAAoB,GAC1C,CACZ,EACA,UAAU,IACT,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAA,EACzC,CAAA,CAAA,SAAA,EAAA,EAAS,EAAE,EAAC,YAAY,EAAC,IAAI,EAAE,UAAU,EAAY,CAAA,CAC9C,KACN,eACH,EAAE,EAAE,QAAQ,GAAG,uBAAuB,GAAG,cAAc,EACvD,IAAI,EAAE,cAAc,EACX,CAAA,CAAC,CACR,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/inputs/ls-select-input/ls-select-input.css?tag=ls-select-input","src/components/ls-formfield/inputs/ls-select-input/ls-select-input.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n color: var(--gray-60)\n}\n\n.icon-input {\n padding-left: 2.5rem !important;\n}\n\n.button-input {\n padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n padding-right: 4rem !important;\n}\n\n.input-base {\n display: flex;\n width: 100%;\n height: 2.25rem;\n padding: 0rem 0.75rem;\n align-items: center;\n vertical-align: text-top;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm */\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n /* text-sm/leading-5/font-regular */\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 400;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n#select-arrow {\n color: var(--gray-70);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n color: var(--gray-40);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-110);\n}\n\n\n.disabled {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--gray-10, #F7F8FA);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 2.25rem;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n} \n\n#invalidIcon {\n margin: 0 0.5rem;\n color: var(--red-70);\n}\n\n#validIcon {\n margin: 0 0.5rem;\n color: var(--green-60);\n}\n\n.button {\n display: flex;\n height: 1.75rem;\n width: 1.75rem;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #C8C9CC);\n background: var(--White, #FFF);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-90);\n }\n}\n\n.button:hover {\n display: flex;\n height: 1.75rem;\n width: 1.75rem;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #C8C9CC);\n background: var(--gray-20, #EDEFF2);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:active {\n display: flex;\n height: 1.75rem;\n width: 1.75rem;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--Primary-Blue-Light, #4456F6);\n background: var(--White, #FFF);\n box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 1.75rem;\n width: 1.75rem;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--Primary-Blue-Light, #4456F6);\n background: var(--White, #FFF);\n box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n\n\n\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'ls-select-input',\n styleUrl: 'ls-select-input.css',\n shadow: false,\n})\nexport class LsSelectInput {\n @Prop() name: string;\n @Prop() value: string;\n @Prop() aria?: string;\n @Prop() inputRef?: string;\n @Prop() disabled: boolean;\n @Prop() displayOnly: boolean;\n @Prop() required: boolean;\n @Prop() valid: boolean;\n @Prop() dirty: boolean;\n @Prop() buttonClick?: any;\n @Prop() buttonIcon?: Icon;\n @Prop() fieldIcon?: Icon;\n\n // handleChange(event) {\n // this.value = event.target.value;\n // }\n\n render() {\n const {\n name,\n aria,\n disabled,\n displayOnly,\n required,\n valid,\n dirty,\n buttonClick,\n buttonIcon,\n fieldIcon,\n } = this;\n\n const inputClass = clsx(\n 'input-base',\n disabled\n ? 'disabled'\n : dirty && valid\n ? 'valid'\n : dirty && !valid\n ? 'invalid'\n : displayOnly\n ? 'displayOnly'\n : 'default',\n fieldIcon && 'icon-input',\n dirty && 'button-input',\n buttonIcon && 'button-input',\n buttonIcon && dirty && 'right-items-input',\n );\n\n return (\n <host class='host'>\n {fieldIcon && (\n <ls-icon\n id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n name={fieldIcon}\n ></ls-icon>\n )}\n <select\n class={inputClass}\n id={name}\n name={name}\n aria-label={aria}\n required={required}\n disabled={disabled}\n >\n <slot />\n </select>\n <div class='right-items'>\n {dirty && !disabled && (\n <ls-icon\n id={valid ? 'validIcon' : 'invalidIcon'}\n name={valid ? 'check-circle' : 'exclamation-circle'}\n ></ls-icon>\n )}\n {buttonIcon ? (\n <button class='button' onClick={buttonClick}>\n <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n </button>\n ) : (<ls-icon\n id={disabled ? 'select-arrow-disabled' : 'select-arrow'}\n name={'chevron-down'}\n ></ls-icon>) }\n </div>\n </host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
|
|
3
3
|
|
|
4
4
|
const lsFieldFooterCss = () => `:host{display:block}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}`;
|
|
5
5
|
|
|
@@ -48,7 +48,7 @@ const LsFieldFooter = /*@__PURE__*/ proxyCustomElement(class LsFieldFooter exten
|
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: 'a0e90a78a6991933353d27c8f41bf9da30db2372' }, h("div", { key: '4d8c18396786143c5e58cd73a493e46df7c8c0a6', class: 'button-footer' }, h("button", { key: '3b75c5dade3dd585cc1950e1314036a90eba920b', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: '05e75a02cce2e27233741c5a28a674fbae0d7494', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), h("button", { key: 'f97d16699eb76834007989235ac18a23f4a5f34c', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'f3854ca272a90b2ea442b1c51db21661bf64f52e', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), h("slot", { key: '84baa90b9488b4e3b12f4aae8e754bb33bb3fa81' })));
|
|
52
52
|
}
|
|
53
53
|
static get style() { return lsFieldFooterCss(); }
|
|
54
54
|
}, [769, "ls-field-footer", {
|
|
@@ -75,6 +75,6 @@ function defineCustomElement() {
|
|
|
75
75
|
defineCustomElement();
|
|
76
76
|
|
|
77
77
|
export { LsFieldFooter as L, defineCustomElement as d };
|
|
78
|
-
//# sourceMappingURL=p-
|
|
78
|
+
//# sourceMappingURL=p-BDTgDxaX.js.map
|
|
79
79
|
|
|
80
|
-
//# sourceMappingURL=p-
|
|
80
|
+
//# sourceMappingURL=p-BDTgDxaX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BDTgDxaX.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,m9BAAm9B,CAAC;;MCQv+B,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AACxB;;;AAGG;AAIH,IAAA,QAAQ;AAMR,IAAA,MAAM;AAON,IAAA,MAAM;AAON,IAAA,YAAY;AAEZ,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;IAG1D,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAChC,YAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;;QAExB,OAAO,IAAI,CAAC,QAAQ;;IAGtB,WAAW,GAAG,MAAK;AACjB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,IAAM,EAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA,EAAE,CAAC,CAAC;AACxF,KAAC;IAED,cAAc,GAAG,MAAK;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAG;AAChC,YAAA,MAAM,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE;YACrE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM;AAC3C,YAAA,IAAI,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE;AAC3D,gBAAA,OAAO,CAAC,GAAG,GAAG,MAAM;;YAEtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1E,SAAC,CAAC;AACJ,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,eAAe,EAAA,EACzB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAA,EAC9D,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EAE1C,WAAA,CAAA,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAA,EAC7D,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAG,CAAA,WAEtD,CACL,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-footer/ls-field-footer.css?tag=ls-field-footer&encapsulation=shadow","src/components/ls-field-footer/ls-field-footer.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.button-footer {\n display: flex;\n padding-top: 1rem;\n border-top: 1px solid var(--gray-20, #f0f1f2);\n flex-direction: column;\n justify-content: flex-end;\n gap: 0.75rem;\n margin-top: auto;\n}\n\n\nbutton.secondary {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--white, #fff);\n color: var(--gray-90, #5e6066);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.secondary:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-10, #f7f8fa);\n}\n\nbutton.destructive {\n border: 1px solid var(--red-60, #f04438);\n background-color: white;\n color: var(--red-60);\n}\n\nbutton.destructive:hover {\n border: 1px solid var(--red-70, #d92d20);\n background: var(--red-10, #fff1f0);\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: var(--primary-60, #4456f6);\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-footer',\n styleUrl: 'ls-field-footer.css',\n shadow: true,\n})\nexport class LsFieldFooter {\n /**\n * The selected items information (as JSON).\n * {LSApiElement[]}\n */\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement | LSApiElement[];\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 @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n selectFields: EventEmitter<LSApiElement[]>;\n\n isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getItems(): LSApiElement[] {\n if (this.isSingle(this.dataItem)) {\n return [this.dataItem];\n }\n return this.dataItem;\n }\n\n deleteField = () => {\n this.mutate.emit(this.getItems().map(di => { return { action: 'delete', data: di } }));\n }\n\n duplicateField = () => {\n this.getItems().forEach(current => {\n const newItem = { ...current, id: btoa('ele' + crypto.randomUUID()) };\n const newTop = current.top + current.height;\n if (newTop + current.height < current.pageDimensions.height) {\n newItem.top = newTop;\n }\n this.mutate.emit([{ action: 'create', data: newItem, select: 'clear' }]);\n });\n }\n\n render() {\n return (\n <Host>\n <div class={'button-footer'}>\n <button class={'secondary'} onClick={() => this.duplicateField()}>\n <ls-icon name=\"field-duplicate\" size=\"1.25rem\" />\n Duplicate\n </button>\n <button class={'destructive'} onClick={() => this.deleteField()}>\n <ls-icon name=\"trash\" size=\"1.25rem\" color='var(--red-60)' />\n Delete\n </button>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -19,7 +19,7 @@ const LsFieldPropertiesContainer = /*@__PURE__*/ proxyCustomElement(class LsFiel
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '53ec50cb4bed6c89e5dd9c6b6f9b6c5806a24f4f' }, this.tabs.length > 1 && (h("div", { key: '9aab8cb38bbbeb7340369cf08c3d582a089d4f13', 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: '72e4e92e7686600e0ee69100cc3f5bb81e3c52ce', class: 'scrolling-container' }, h("slot", { key: 'd467efe7e8b3778ef2a87322d67efc5c1ced931f', name: this.selectedTab }))));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return lsFieldPropertiesContainerCss(); }
|
|
25
25
|
}, [769, "ls-field-properties-container", {
|
|
@@ -43,6 +43,6 @@ function defineCustomElement() {
|
|
|
43
43
|
defineCustomElement();
|
|
44
44
|
|
|
45
45
|
export { LsFieldPropertiesContainer as L, defineCustomElement as d };
|
|
46
|
-
//# sourceMappingURL=p-
|
|
46
|
+
//# sourceMappingURL=p-BFUdzGLI.js.map
|
|
47
47
|
|
|
48
|
-
//# sourceMappingURL=p-
|
|
48
|
+
//# sourceMappingURL=p-BFUdzGLI.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BFUdzGLI.js","mappings":";;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,y7BAAy7B,CAAC;;MCQ19B,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,IAAI,GAAa,EAAE;AACY,IAAA,WAAW;IAElD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;;;IAIzC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAQ,MAAA,CAAA,EAAE,EAC7F,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,WAAW,GAAG,eAAe,GAAG,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAC1G,GAAG,CACG,CACV,CAAC,CACE,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAS,CAAA,CACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-container/ls-field-properties-container.css?tag=ls-field-properties-container&encapsulation=shadow","src/components/ls-field-properties-container/ls-field-properties-container.tsx"],"sourcesContent":["* {\n margin: 0;\n box-sizing: border-box;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: calc(100% - 7.25rem);\n position: relative;\n}\n\n.tabs-container {\n display: grid;\n width: 100%;\n gap: 0.125rem;\n padding: 0.125rem;\n border: 1px solid var(--gray-30, #e0e2e5);\n border-radius: 0.75rem;\n background: var(--white, #ffffff);\n}\n\n.ls-tab {\n all: unset;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n padding: 0.5rem;\n border-radius: 0.625rem;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n color: var(--gray-80, #6c6e73);\n text-transform: capitalize;\n}\n\n.ls-tab.active {\n background: var(--primary-10, #eff4ff);\n color: var(--primary-60, #4456f6);\n}\n\n.ls-tab:not(.active):hover {\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-footer {\n display: flex;\n padding-top: 1rem;\n border-top: 1px solid var(--gray-20, #f0f1f2);\n flex-direction: column;\n justify-content: flex-end;\n gap: 0.75rem;\n margin-top: auto;\n}\n\n.scrolling-container {\n overflow-y: auto;\n padding: 0 1rem;\n margin: 0 -1rem;\n height: 100%;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-container',\n styleUrl: 'ls-field-properties-container.css',\n shadow: true,\n})\nexport class LsFieldPropertiesContainer {\n @Prop() dataItem: LSApiElement;\n @Prop() tabs: string[] = [];\n @Prop({ mutable: true, reflect: true}) selectedTab: string;\n\n componentWillLoad() {\n if (!this.selectedTab) {\n this.selectedTab = this.tabs[0] || '';\n }\n }\n\n render() {\n return (\n <Host>\n {this.tabs.length > 1 && (\n <div class={'tabs-container'} style={{ gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` }}>\n {this.tabs.map(tab => (\n <button class={tab === this.selectedTab ? 'ls-tab active' : 'ls-tab'} onClick={() => (this.selectedTab = tab)}>\n {tab}\n </button>\n ))}\n </div>\n )}\n <div class={'scrolling-container'}>\n <slot name={this.selectedTab}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$d } from './p-
|
|
3
|
-
import { d as defineCustomElement$c } from './p-
|
|
4
|
-
import { d as defineCustomElement$b } from './p-
|
|
5
|
-
import { d as defineCustomElement$a } from './p-
|
|
6
|
-
import { d as defineCustomElement$9 } from './p-
|
|
7
|
-
import { d as defineCustomElement$8 } from './p-
|
|
8
|
-
import { d as defineCustomElement$7 } from './p-
|
|
9
|
-
import { d as defineCustomElement$6 } from './p-
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-
|
|
11
|
-
import { d as defineCustomElement$4 } from './p-
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
13
|
-
import { d as defineCustomElement$2 } from './p-
|
|
14
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$d } from './p-D2OTJcln.js';
|
|
3
|
+
import { d as defineCustomElement$c } from './p-CHZeQy3Z.js';
|
|
4
|
+
import { d as defineCustomElement$b } from './p-CUKHkPYp.js';
|
|
5
|
+
import { d as defineCustomElement$a } from './p-BDTgDxaX.js';
|
|
6
|
+
import { d as defineCustomElement$9 } from './p-CkqxItxD.js';
|
|
7
|
+
import { d as defineCustomElement$8 } from './p-BSpwN-xy.js';
|
|
8
|
+
import { d as defineCustomElement$7 } from './p-BFUdzGLI.js';
|
|
9
|
+
import { d as defineCustomElement$6 } from './p-kug3tj7P.js';
|
|
10
|
+
import { d as defineCustomElement$5 } from './p-DnyBXRV4.js';
|
|
11
|
+
import { d as defineCustomElement$4 } from './p-B5cnJ7Uh.js';
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-CwkNbClZ.js';
|
|
13
|
+
import { d as defineCustomElement$2 } from './p-BQL_JBkw.js';
|
|
14
|
+
import { d as defineCustomElement$1 } from './p-Drbp3Wll.js';
|
|
15
15
|
|
|
16
16
|
const lsFieldPropertiesGeneralCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
17
17
|
|
|
@@ -25,7 +25,7 @@ const LsFieldPropertiesGeneral = /*@__PURE__*/ proxyCustomElement(class LsFieldP
|
|
|
25
25
|
}
|
|
26
26
|
dataItem;
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '9231fc9a9506b2c24a5980dd7fc37a5feb90fcdd' }, h("ls-field-properties-container", { key: 'fff36ff8b257ac84e6ba221066c74c29b5a6ea1a', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '36546b46fd46b82ff4244978e6bfa5c816eac75d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '10f57091190a7e395f8f01f98280a8f1299f0ecb', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '42b74f0a83dc7e3203e9fe3c4ff3f257174ae76d', dataItem: this.dataItem })), h("div", { key: '9041c439380fd62d4172dcf301fb3ce5c1d88ab5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b3d7062cd82f5f8a9a4087141d62dc99c8991637', dataItem: this.dataItem })), h("div", { key: '0d083497fc1b689ed1712c4537d05582426067be', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'd388a3cb53de483bdcda41c3531a84e7608bb1a6', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'b9919112f4bf3d488ddcf07fd909549470d039a4', dataItem: this.dataItem })));
|
|
29
29
|
}
|
|
30
30
|
static get style() { return lsFieldPropertiesGeneralCss(); }
|
|
31
31
|
}, [769, "ls-field-properties-general", {
|
|
@@ -112,6 +112,6 @@ function defineCustomElement() {
|
|
|
112
112
|
defineCustomElement();
|
|
113
113
|
|
|
114
114
|
export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
|
|
115
|
-
//# sourceMappingURL=p-
|
|
115
|
+
//# sourceMappingURL=p-BFkdb2U_.js.map
|
|
116
116
|
|
|
117
|
-
//# sourceMappingURL=p-
|
|
117
|
+
//# sourceMappingURL=p-BFkdb2U_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BFkdb2U_.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,mtJAAmtJ,CAAC;;MCQlvJ,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,EAAA,EACxC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,EAAA,EACvC,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: var(--gray-80, #6c6e73);\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: var(--primary-60, #4456f6);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid var(--gray-40, #d8d9dc);\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.5rem;\n color: var(--gray-100, #45484d);\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: var(--gray-60, #afb0b2);\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: var(--gray-50, #c8c9cc);\n background-color: var(--white, #fff);\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n border-color: var(--primary-60, #4456f6);\n background-color: var(--white, #fff);\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: var(--gray-10, #f7f8fa);\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n background-color: var(--primary-60, #4456f6);\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n background-color: var(--primary-70, #2134dc);\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.checkbox-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.form-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: var(--primary-60, #4456f6);\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n border: 1px solid var(--gray-40, #d8d9dc);\n background-color: white;\n color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-10, #f7f8fa);\n}\n\nbutton.secondary {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--white, #fff);\n color: var(--gray-90, #5e6066);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.secondary:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-10, #f7f8fa);\n}\n\nbutton.destructive {\n border: 1px solid var(--red-60, #f04438);\n background-color: white;\n color: var(--red-60);\n}\n\nbutton.destructive:hover {\n border: 1px solid var(--red-70, #d92d20);\n background: var(--red-10, #fff1f0);\n}\n\n\n\n.button-group {\n display: flex;\n border-radius: 0.5rem;\n border: 1px solid var(--gray-30, #e0e2e5);\n background: var(--white, #ffffff);\n overflow: clip;\n}\n\n.button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:hover {\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.css',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -17,9 +17,9 @@ const LsToggle = /*@__PURE__*/ proxyCustomElement(class LsToggle extends H {
|
|
|
17
17
|
this.valueChange.emit(value);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '4926b3cebed736be76a1278a63f9a82c0930e284' }, h("label", { key: 'caf1b2c86e88c5121598fa9a1551e5b9e36020f0', class: "switch" }, h("input", { key: '3a8b61c32756d1e295ea31cca74d7abca7485382', type: "checkbox", checked: this.checked, onChange: (e) => {
|
|
21
21
|
this.changeHandler(e.target.checked);
|
|
22
|
-
} }), h("span", { key: '
|
|
22
|
+
} }), h("span", { key: 'fac8746b8699c2e4e50b67210ef41833f747caf5', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '5c269a541252849337676f443befe596d9c289ef' })));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return lsToggleCss(); }
|
|
25
25
|
}, [772, "ls-toggle", {
|
|
@@ -42,6 +42,6 @@ function defineCustomElement() {
|
|
|
42
42
|
defineCustomElement();
|
|
43
43
|
|
|
44
44
|
export { LsToggle as L, defineCustomElement as d };
|
|
45
|
-
//# sourceMappingURL=p-
|
|
45
|
+
//# sourceMappingURL=p-BQL_JBkw.js.map
|
|
46
46
|
|
|
47
|
-
//# sourceMappingURL=p-
|
|
47
|
+
//# sourceMappingURL=p-BQL_JBkw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BQL_JBkw.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,0pCAA0pC,CAAC;;MCOzqC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;AACM,IAAA,OAAO;AACxB,IAAA,aAAa;AACL,IAAA,WAAW;AAE3B,IAAA,aAAa,CAAC,KAAc,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACnB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAG,QAAQ,EAAE,CAAC,CAAC,KAAI;gBAC7D,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAAc,CAAC,OAAO,CAAC;AAC7C,aAAC,EACE,CAAA,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,QAAQ,CAAA,MAAA,CAAQ,GAAS,CAC1E,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toggle/ls-toggle.css?tag=ls-toggle","src/components/ls-toggle/ls-toggle.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n/* The switch - the box around the slider */\n.switch {\n position: relative;\n display: inline-block;\n width: 2.75rem;\n height: 1.5rem;\n}\n\n/* Hide default HTML checkbox */\n.switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/* The slider */\n.slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--gray-20, #edeff2);\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.indeterminate {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--primary-60, #4456f6);\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.slider:before {\n position: absolute;\n content: '';\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.75rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput:checked + .slider {\n background-color: var(--primary-60, #4456f6);\n}\n\ninput:focus + .slider {\n box-shadow: 0 0 1px var(--primary-60, #4456f6);\n outline: 0.25rem solid var(--primary-20, #e3e6ff);\n}\n\ninput:checked + .slider:before {\n -webkit-transform: translateX(1.25rem);\n -ms-transform: translateX(1.25rem);\n transform: translateX(1.25rem);\n}\n\n/* Rounded sliders */\n.slider.round, .indeterminate.round {\n border-radius: 2.125rem;\n}\n\n.slider.round:before {\n border-radius: 50%;\n}\n","import { Component, Host, Prop, h, Event as StencilEvent, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'ls-toggle',\n styleUrl: 'ls-toggle.css',\n shadow: false,\n})\nexport class LsToggle {\n @Prop({ mutable: true }) checked: boolean;\n @Prop() indeterminate: boolean;\n @StencilEvent() valueChange: EventEmitter<boolean>;\n\n changeHandler(value: boolean) {\n this.valueChange.emit(value);\n }\n\n render() {\n return (\n <Host>\n <label class=\"switch\">\n <input type=\"checkbox\" checked={this.checked} onChange={(e) => {\n this.changeHandler((e.target as any).checked)\n }\n }/>\n <span class={`${this.indeterminate ? 'indeterminate' : 'slider'} round`}></span>\n </label>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-CwkNbClZ.js';
|
|
4
4
|
|
|
5
5
|
const lsFieldPropertiesAdvancedCss = () => `:host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
6
6
|
|
|
@@ -65,10 +65,10 @@ const LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsField
|
|
|
65
65
|
return '';
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: 'a7ad1697f4b329ac1a43928e8d3f248d7d83e8c2' }, h("div", { key: '453c1146cc0c240c9e5024f2239b46d051fe7f8f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '09f6842e5dd0cd3ce2304105f53776ab75de7bde', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'ec9e254f995db1a731559e6a486103c90a283454' }, "Advanced Properties")), this.expanded && (h("div", { key: '0d78df448e715ae48c9d3056cc2045eb80435471', class: 'field-set' }, h("ls-props-section", { key: '378b525bd9d90f67e66d23aef89c1a90e72191c8', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '7fff85c8ca9bf8623e09d3fbddc99193d02a223f', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
|
|
69
69
|
console.log(e);
|
|
70
70
|
this.alter({ fieldOrder: e.target.value }, 100);
|
|
71
|
-
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '
|
|
71
|
+
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '1acdb4e42e843c7df99ea8d591056c530ef0666d', sectionTitle: "Ref. Name" }, h("input", { key: '1cdb174f66cc80372ec45c7d633c0b5b92217015', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '9bf9c95ac4434883e04bba1cc25ce3615edbd724', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: '49d87771e92f2355bbdc09ddb1f17e1e950691ee', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'ec72dcc31d227996bebcf70a3e090d98bd4103be', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'ac8684b302d4ad04b4838c508e537c4315659a85', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'de0cc8c8afe8848f0588850101a1223ff35823d9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '038488bca973a04f6e71bb3ad6f3a585f2ddb9a3', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '4d8e5cb2195f46695c79c7fba470fc0e5c9706cb', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c109689bac1c4817e13f64549cce1a375d1f7620', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
72
72
|
}
|
|
73
73
|
static get style() { return lsFieldPropertiesAdvancedCss(); }
|
|
74
74
|
}, [769, "ls-field-properties-advanced", {
|
|
@@ -101,6 +101,6 @@ function defineCustomElement() {
|
|
|
101
101
|
defineCustomElement();
|
|
102
102
|
|
|
103
103
|
export { LsFieldPropertiesAdvanced as L, defineCustomElement as d };
|
|
104
|
-
//# sourceMappingURL=p-
|
|
104
|
+
//# sourceMappingURL=p-BSpwN-xy.js.map
|
|
105
105
|
|
|
106
|
-
//# sourceMappingURL=p-
|
|
106
|
+
//# sourceMappingURL=p-BSpwN-xy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-C9CUft6J.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.css?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.expand-fields-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.25rem;\n cursor: pointer;\n color: var(--gray-80, #6c6e73);\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.expand-fields-row p {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n}\n\n.field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-field-properties-section-title {\n color: var(--gray-90, #5e6066);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-field-properties-section-description {\n overflow: hidden;\n color: var(--gray-80, #6c6e73);\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; /* 120% */\n}\n\n.input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.input-row .input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n color: var(--gray-80, #6c6e73);\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: var(--primary-60, #4456f6);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-50, #d8d9dc);\n}\n\n\n.has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid var(--gray-40, #d8d9dc);\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.5rem;\n color: var(--gray-100, #45484d);\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: var(--gray-60, #afb0b2);\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: var(--gray-50, #c8c9cc);\n background-color: var(--white, #fff);\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n border-color: var(--primary-60, #4456f6);\n background-color: var(--white, #fff);\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: var(--gray-10, #f7f8fa);\n color: var(--gray-50, #d8d9dc);\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n background-color: var(--primary-60, #4456f6);\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n background-color: var(--primary-70, #2134dc);\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.checkbox-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.form-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: var(--primary-60, #4456f6);\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n border: 1px solid var(--gray-40, #d8d9dc);\n background-color: white;\n color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-group {\n display: flex;\n border-radius: 0.5rem;\n border: 1px solid var(--gray-30, #e0e2e5);\n background: var(--white, #ffffff);\n overflow: clip;\n width: 100%;\n}\n\n.button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:disabled {\n background: var(--gray-10, #f7f8fa);\n cursor: not-allowed;\n color: var(--gray-50, #d8d9dc);\n}\n\n.button-group button:hover {\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-advanced',\n styleUrl: 'ls-field-properties-advanced.css',\n shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n @Prop({ mutable: true }) expanded: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n // 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, bounceDelay: number = 0) {\n console.log('Altering advanced props:', diff);\n let diffs = [];\n if (this.isMultiple(this.dataItem)) {\n this.dataItem = this.dataItem.map(di => {\n return { ...di, ...diff } as LSApiElement;\n });\n\n diffs = this.dataItem.map(di => {\n return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n });\n } else if (this.isSingle(this.dataItem)) {\n this.dataItem = { ...this.dataItem, ...diff };\n\n diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n }\n\n if (bounceDelay === 0) {\n this.mutate.emit(diffs);\n }\n else {\n this.debounce(diffs, bounceDelay);\n }\n }\n\n private titletimer;\n\n debounce(diffs, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.mutate.emit(diffs);\n }, delay);\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return '';\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key];\n }\n return '';\n }\n\n render() {\n return (\n <Host>\n <div class={'expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n <ls-icon name={this.expanded ? 'expand' : 'collapse'} size=\"1.25rem\" solid />\n <p>Advanced Properties</p>\n </div>\n {this.expanded && (\n <div class={'field-set'}>\n <ls-props-section sectionTitle=\"Field Order\" sectionDescription=\"Determines what order fields will be filled in by the user\">\n <input value={this.getValue('fieldOrder')} type=\"number\" placeholder=\"eg. 1\" onInput={e => {\n console.log(e);\n this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 100)\n }} \n onChange={() => { console.log('onchange')}}\n />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Ref. Name\">\n <input value={this.getValue('link')} placeholder=\"eg. checkbox group\" onInput={e => this.alter({ link: (e.target as HTMLInputElement).value }, 300)} />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Type\" sectionDescription=\"Determines in what way this field is linked to other fields\">\n <select onChange={e => this.alter({ linkType: (e.target as HTMLInputElement).value })} name=\"Link Field\" aria-label=\"Link Field\">\n <option value=\"0\" selected={this.getValue('linkType') === '0'}>\n None\n </option>\n <option value=\"1\" selected={this.getValue('linkType') === '1'}>\n One of a group (e.g. select one checkbox)\n </option>\n <option value=\"2\" selected={this.getValue('linkType') === '2'}>\n Add to a total\n </option>\n <option value=\"3\" selected={this.getValue('linkType') === '3'}>\n Make this conditional upon...\n </option>\n </select>\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Value\" sectionDescription=\"Fields with the same Link Value will be linked together\">\n <input\n value={this.getValue('logicAction')}\n width=\"30\"\n placeholder=\"eg. checkbox group\"\n onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value })}\n />\n </ls-props-section>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-BSpwN-xy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.css?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.expand-fields-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.25rem;\n cursor: pointer;\n color: var(--gray-80, #6c6e73);\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.expand-fields-row p {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n}\n\n.field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-field-properties-section-title {\n color: var(--gray-90, #5e6066);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-field-properties-section-description {\n overflow: hidden;\n color: var(--gray-80, #6c6e73);\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; /* 120% */\n}\n\n.input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.input-row .input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n color: var(--gray-80, #6c6e73);\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: var(--primary-60, #4456f6);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--gray-50, #d8d9dc);\n}\n\n\n.has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid var(--gray-40, #d8d9dc);\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.5rem;\n color: var(--gray-100, #45484d);\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: var(--gray-60, #afb0b2);\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: var(--gray-50, #c8c9cc);\n background-color: var(--white, #fff);\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n border-color: var(--primary-60, #4456f6);\n background-color: var(--white, #fff);\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: var(--gray-10, #f7f8fa);\n color: var(--gray-50, #d8d9dc);\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n background-color: var(--primary-60, #4456f6);\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n background-color: var(--primary-70, #2134dc);\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.checkbox-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.form-label {\n color: var(--gray-100, #45484d);\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: var(--primary-60, #4456f6);\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n border: 1px solid var(--gray-40, #d8d9dc);\n background-color: white;\n color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-group {\n display: flex;\n border-radius: 0.5rem;\n border: 1px solid var(--gray-30, #e0e2e5);\n background: var(--white, #ffffff);\n overflow: clip;\n width: 100%;\n}\n\n.button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:disabled {\n background: var(--gray-10, #f7f8fa);\n cursor: not-allowed;\n color: var(--gray-50, #d8d9dc);\n}\n\n.button-group button:hover {\n background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-advanced',\n styleUrl: 'ls-field-properties-advanced.css',\n shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n @Prop({ mutable: true }) expanded: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n // 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, bounceDelay: number = 0) {\n console.log('Altering advanced props:', diff);\n let diffs = [];\n if (this.isMultiple(this.dataItem)) {\n this.dataItem = this.dataItem.map(di => {\n return { ...di, ...diff } as LSApiElement;\n });\n\n diffs = this.dataItem.map(di => {\n return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n });\n } else if (this.isSingle(this.dataItem)) {\n this.dataItem = { ...this.dataItem, ...diff };\n\n diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n }\n\n if (bounceDelay === 0) {\n this.mutate.emit(diffs);\n }\n else {\n this.debounce(diffs, bounceDelay);\n }\n }\n\n private titletimer;\n\n debounce(diffs, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.mutate.emit(diffs);\n }, delay);\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return '';\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key];\n }\n return '';\n }\n\n render() {\n return (\n <Host>\n <div class={'expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n <ls-icon name={this.expanded ? 'expand' : 'collapse'} size=\"1.25rem\" solid />\n <p>Advanced Properties</p>\n </div>\n {this.expanded && (\n <div class={'field-set'}>\n <ls-props-section sectionTitle=\"Field Order\" sectionDescription=\"Determines what order fields will be filled in by the user\">\n <input value={this.getValue('fieldOrder')} type=\"number\" placeholder=\"eg. 1\" onInput={e => {\n console.log(e);\n this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 100)\n }} \n onChange={() => { console.log('onchange')}}\n />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Ref. Name\">\n <input value={this.getValue('link')} placeholder=\"eg. checkbox group\" onInput={e => this.alter({ link: (e.target as HTMLInputElement).value }, 300)} />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Type\" sectionDescription=\"Determines in what way this field is linked to other fields\">\n <select onChange={e => this.alter({ linkType: (e.target as HTMLInputElement).value })} name=\"Link Field\" aria-label=\"Link Field\">\n <option value=\"0\" selected={this.getValue('linkType') === '0'}>\n None\n </option>\n <option value=\"1\" selected={this.getValue('linkType') === '1'}>\n One of a group (e.g. select one checkbox)\n </option>\n <option value=\"2\" selected={this.getValue('linkType') === '2'}>\n Add to a total\n </option>\n <option value=\"3\" selected={this.getValue('linkType') === '3'}>\n Make this conditional upon...\n </option>\n </select>\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Value\" sectionDescription=\"Fields with the same Link Value will be linked together\">\n <input\n value={this.getValue('logicAction')}\n width=\"30\"\n placeholder=\"eg. checkbox group\"\n onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value })}\n />\n </ls-props-section>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$d } from './p-
|
|
3
|
-
import { d as defineCustomElement$c } from './p-
|
|
4
|
-
import { d as defineCustomElement$b } from './p-
|
|
5
|
-
import { d as defineCustomElement$a } from './p-
|
|
6
|
-
import { d as defineCustomElement$9 } from './p-
|
|
7
|
-
import { d as defineCustomElement$8 } from './p-
|
|
8
|
-
import { d as defineCustomElement$7 } from './p-
|
|
9
|
-
import { d as defineCustomElement$6 } from './p-
|
|
10
|
-
import { d as defineCustomElement$5 } from './p-
|
|
11
|
-
import { d as defineCustomElement$4 } from './p-
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
13
|
-
import { d as defineCustomElement$2 } from './p-
|
|
14
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$d } from './p-D2OTJcln.js';
|
|
3
|
+
import { d as defineCustomElement$c } from './p-CHZeQy3Z.js';
|
|
4
|
+
import { d as defineCustomElement$b } from './p-CUKHkPYp.js';
|
|
5
|
+
import { d as defineCustomElement$a } from './p-BDTgDxaX.js';
|
|
6
|
+
import { d as defineCustomElement$9 } from './p-CkqxItxD.js';
|
|
7
|
+
import { d as defineCustomElement$8 } from './p-BSpwN-xy.js';
|
|
8
|
+
import { d as defineCustomElement$7 } from './p-BFUdzGLI.js';
|
|
9
|
+
import { d as defineCustomElement$6 } from './p-kug3tj7P.js';
|
|
10
|
+
import { d as defineCustomElement$5 } from './p-DnyBXRV4.js';
|
|
11
|
+
import { d as defineCustomElement$4 } from './p-B5cnJ7Uh.js';
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-CwkNbClZ.js';
|
|
13
|
+
import { d as defineCustomElement$2 } from './p-BQL_JBkw.js';
|
|
14
|
+
import { d as defineCustomElement$1 } from './p-Drbp3Wll.js';
|
|
15
15
|
|
|
16
16
|
const lsFieldPropertiesImageCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
17
17
|
|
|
@@ -25,7 +25,7 @@ const LsFieldPropertiesImage = /*@__PURE__*/ proxyCustomElement(class LsFieldPro
|
|
|
25
25
|
}
|
|
26
26
|
dataItem;
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '3ff5c77d26f91c08c85ff399d0f6414e3d725ffa' }, h("ls-field-properties-container", { key: '94350b570e5bc4a40b23cc2053d8592aca715a73', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '79744756529ed9dab46cb07c845244fbb9257026', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd287536a889fe12aef700e9a097def0675034c84', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f0d2b04ecee2e9811445b57040bc42b8a20c169a', dataItem: this.dataItem })), h("div", { key: '9ce98863558b28fb10413f80cd9f3ae48474667f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '154aac09af7e7d3dee602774eed01c54151d64c5', dataItem: this.dataItem })), h("div", { key: 'fff7690a970a9d09e0488a1e9d651a61783f2833', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '94360dbb76fe205f2badd974d9c63c1a0443cc88', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'c11e8a59c700e91c900b4cba9f4d9ab7553fbbcd', dataItem: this.dataItem })));
|
|
29
29
|
}
|
|
30
30
|
static get style() { return lsFieldPropertiesImageCss(); }
|
|
31
31
|
}, [769, "ls-field-properties-image", {
|
|
@@ -112,6 +112,6 @@ function defineCustomElement() {
|
|
|
112
112
|
defineCustomElement();
|
|
113
113
|
|
|
114
114
|
export { LsFieldPropertiesImage as L, defineCustomElement as d };
|
|
115
|
-
//# sourceMappingURL=p-
|
|
115
|
+
//# sourceMappingURL=p-BWxN_Vjk.js.map
|
|
116
116
|
|
|
117
|
-
//# sourceMappingURL=p-
|
|
117
|
+
//# sourceMappingURL=p-BWxN_Vjk.js.map
|