legalesign-document-viewer 0.1.4 → 0.2.0
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-document-options_36.cjs.entry.js → ls-document-options_37.cjs.entry.js} +81 -52
- package/dist/cjs/ls-document-options_37.cjs.entry.js.map +1 -0
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ls-document-viewer/adapter/groupActions.js +1 -1
- package/dist/collection/components/ls-document-viewer/adapter/groupActions.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/adapter/templateActions.js +2 -2
- package/dist/collection/components/ls-document-viewer/adapter/templateActions.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/editorUtils.js +1 -2
- package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.css +370 -0
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +107 -0
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -0
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js.map +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +2 -2
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js.map +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +2 -2
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js.map +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +2 -2
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js.map +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +2 -2
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js.map +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +2 -2
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js.map +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +4 -4
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +2 -2
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js.map +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +2 -2
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +2 -2
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- 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 +1 -1
- 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-icon/ls-icon.js +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +8 -8
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-toggle/ls-toggle.js +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +1 -1
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +56 -50
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.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-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.d.ts +11 -0
- package/dist/components/ls-field-properties-advanced.js +9 -0
- package/dist/components/ls-field-properties-advanced.js.map +1 -0
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- 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-formfield.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-number-input.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-radio-input.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-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/{p-BwymH8px.js → p-1Ir9-yQU.js} +31 -25
- package/dist/components/p-1Ir9-yQU.js.map +1 -0
- package/dist/components/{p-CQr7nmKb.js → p-3LU2FV3W.js} +3 -3
- package/dist/components/{p-CQr7nmKb.js.map → p-3LU2FV3W.js.map} +1 -1
- package/dist/components/{p-CNDZcJZC.js → p-B7VyU7YH.js} +23 -11
- package/dist/components/p-B7VyU7YH.js.map +1 -0
- package/dist/components/{p-BM-Xo6D5.js → p-BCpsA9BY.js} +7 -7
- package/dist/components/{p-BM-Xo6D5.js.map → p-BCpsA9BY.js.map} +1 -1
- package/dist/components/{p-9Z-GK0Bd.js → p-BPkbTOIU.js} +3 -3
- package/dist/components/{p-9Z-GK0Bd.js.map → p-BPkbTOIU.js.map} +1 -1
- package/dist/components/{p-CdEexh_g.js → p-BSN2cMdj.js} +18 -12
- package/dist/components/p-BSN2cMdj.js.map +1 -0
- package/dist/components/{p-Dc4pAKEn.js → p-Bby5tjrS.js} +4 -4
- package/dist/components/{p-Dc4pAKEn.js.map → p-Bby5tjrS.js.map} +1 -1
- package/dist/components/{p-V-QJ5j_K.js → p-Bh-iiZW1.js} +5 -5
- package/dist/components/{p-V-QJ5j_K.js.map → p-Bh-iiZW1.js.map} +1 -1
- package/dist/components/{p-BdJAlep4.js → p-BneR1hef.js} +10 -10
- package/dist/components/{p-BdJAlep4.js.map → p-BneR1hef.js.map} +1 -1
- package/dist/components/{p-8Yvey07o.js → p-Bpzk1RMu.js} +4 -4
- package/dist/components/{p-8Yvey07o.js.map → p-Bpzk1RMu.js.map} +1 -1
- package/dist/components/{p-DeaQdy4U.js → p-BsqbS8f_.js} +4 -4
- package/dist/components/{p-DeaQdy4U.js.map → p-BsqbS8f_.js.map} +1 -1
- package/dist/components/{p-rAwrmsb9.js → p-C6YMMVJ1.js} +23 -11
- package/dist/components/p-C6YMMVJ1.js.map +1 -0
- package/dist/components/p-CfCokEUT.js +53 -0
- package/dist/components/p-CfCokEUT.js.map +1 -0
- package/dist/components/{p-DxZasSi4.js → p-CtMHOHAp.js} +4 -4
- package/dist/components/{p-DxZasSi4.js.map → p-CtMHOHAp.js.map} +1 -1
- package/dist/components/{p-BVXVFpxy.js → p-CttUZd3c.js} +3 -3
- package/dist/components/{p-BVXVFpxy.js.map → p-CttUZd3c.js.map} +1 -1
- package/dist/components/{p-DOULSSR_.js → p-CuNrTyGb.js} +11 -11
- package/dist/components/{p-DOULSSR_.js.map → p-CuNrTyGb.js.map} +1 -1
- package/dist/components/{p-DsRfjAri.js → p-DCLBmOtj.js} +23 -11
- package/dist/components/p-DCLBmOtj.js.map +1 -0
- package/dist/components/{p-ChfFmzMa.js → p-DEE854iZ.js} +13 -13
- package/dist/components/{p-ChfFmzMa.js.map → p-DEE854iZ.js.map} +1 -1
- package/dist/components/{p-BuX-_d2U.js → p-DVz19y7K.js} +3 -3
- package/dist/components/{p-BuX-_d2U.js.map → p-DVz19y7K.js.map} +1 -1
- package/dist/components/{p-DKOj6SYm.js → p-DY_A9zAm.js} +4 -4
- package/dist/components/{p-DKOj6SYm.js.map → p-DY_A9zAm.js.map} +1 -1
- package/dist/components/{p-DkIrni0i.js → p-DasXNgMG.js} +3 -3
- package/dist/components/{p-DkIrni0i.js.map → p-DasXNgMG.js.map} +1 -1
- package/dist/components/{p-CixKuBuL.js → p-DjavAQqZ.js} +3 -3
- package/dist/components/{p-CixKuBuL.js.map → p-DjavAQqZ.js.map} +1 -1
- package/dist/components/{p-Cotorbsf.js → p-DoywjJAr.js} +3 -3
- package/dist/components/{p-Cotorbsf.js.map → p-DoywjJAr.js.map} +1 -1
- package/dist/components/{p-BPk0SaUp.js → p-DqJ_uIFZ.js} +3 -4
- package/dist/components/p-DqJ_uIFZ.js.map +1 -0
- package/dist/components/{p-CoH616os.js → p-Dsf8KDrt.js} +6 -6
- package/dist/components/{p-CoH616os.js.map → p-Dsf8KDrt.js.map} +1 -1
- package/dist/components/{p-DlVSEuX7.js → p-DzHh5tyo.js} +23 -11
- package/dist/components/p-DzHh5tyo.js.map +1 -0
- package/dist/components/{p-vll2Fgrb.js → p-DzmtJl3e.js} +3 -3
- package/dist/components/{p-vll2Fgrb.js.map → p-DzmtJl3e.js.map} +1 -1
- package/dist/components/{p-CiKsFis4.js → p-Dzn5xAM4.js} +18 -6
- package/dist/components/p-Dzn5xAM4.js.map +1 -0
- package/dist/components/{p-TVDCAFDo.js → p-EsA1p6L3.js} +17 -11
- package/dist/components/{p-CNDZcJZC.js.map → p-EsA1p6L3.js.map} +1 -1
- package/dist/components/{p-CdL5cKO8.js → p-JBc2BCIT.js} +4 -4
- package/dist/components/{p-CdL5cKO8.js.map → p-JBc2BCIT.js.map} +1 -1
- package/dist/components/{p-DLF5DiJI.js → p-aOAZ6c8y.js} +10 -10
- package/dist/components/{p-DLF5DiJI.js.map → p-aOAZ6c8y.js.map} +1 -1
- package/dist/components/{p-C9d-OiqW.js → p-iC6XYfS_.js} +3 -3
- package/dist/components/{p-C9d-OiqW.js.map → p-iC6XYfS_.js.map} +1 -1
- package/dist/components/{p-DIeSYRR1.js → p-lTOSc-NN.js} +4 -4
- package/dist/components/{p-DIeSYRR1.js.map → p-lTOSc-NN.js.map} +1 -1
- package/dist/components/{p-BFSBsh85.js → p-p3xY_X0j.js} +3 -3
- package/dist/components/{p-BFSBsh85.js.map → p-p3xY_X0j.js.map} +1 -1
- package/dist/components/{p-eh-K0ick.js → p-rEZh-cMt.js} +9 -9
- package/dist/components/{p-eh-K0ick.js.map → p-rEZh-cMt.js.map} +1 -1
- package/dist/components/{p-BLkddRKK.js → p-ucaurEVy.js} +23 -11
- package/dist/components/p-ucaurEVy.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{ls-document-options_36.entry.js → ls-document-options_37.entry.js} +81 -53
- package/dist/esm/ls-document-options_37.entry.js.map +1 -0
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/ls-document-viewer/index.esm.js.map +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js.map +1 -1
- package/dist/ls-document-viewer/{p-022e8e6d.entry.js → p-79589774.entry.js} +5 -5
- package/dist/ls-document-viewer/p-79589774.entry.js.map +1 -0
- package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts +12 -0
- package/dist/types/components.d.ts +35 -2
- package/package.json +1 -1
- package/dist/cjs/ls-document-options_36.cjs.entry.js.map +0 -1
- package/dist/components/p-BLkddRKK.js.map +0 -1
- package/dist/components/p-BPk0SaUp.js.map +0 -1
- package/dist/components/p-BwymH8px.js.map +0 -1
- package/dist/components/p-CdEexh_g.js.map +0 -1
- package/dist/components/p-CiKsFis4.js.map +0 -1
- package/dist/components/p-DlVSEuX7.js.map +0 -1
- package/dist/components/p-DsRfjAri.js.map +0 -1
- package/dist/components/p-TVDCAFDo.js.map +0 -1
- package/dist/components/p-rAwrmsb9.js.map +0 -1
- package/dist/esm/ls-document-options_36.entry.js.map +0 -1
- package/dist/ls-document-viewer/clsx-ChV9xqsO.js.map +0 -1
- package/dist/ls-document-viewer/defaultPalette-C00GqV9f.js.map +0 -1
- package/dist/ls-document-viewer/editorUtils-CHIJ1jsX.js +0 -196
- package/dist/ls-document-viewer/editorUtils-CHIJ1jsX.js.map +0 -1
- package/dist/ls-document-viewer/editorUtils-DsvPQaAu.js +0 -197
- package/dist/ls-document-viewer/editorUtils-DsvPQaAu.js.map +0 -1
- package/dist/ls-document-viewer/index-Db-CNFwu.js.map +0 -1
- package/dist/ls-document-viewer/ls-document-viewer.entry.js +0 -25033
- package/dist/ls-document-viewer/ls-editor-field.entry.js +0 -133
- package/dist/ls-document-viewer/ls-field-properties-date.entry.js +0 -34
- package/dist/ls-document-viewer/ls-field-properties-email.entry.js +0 -34
- package/dist/ls-document-viewer/ls-field-properties-file.entry.js +0 -34
- package/dist/ls-document-viewer/ls-field-properties-general.entry.js +0 -32
- package/dist/ls-document-viewer/ls-field-properties-image.entry.js +0 -34
- package/dist/ls-document-viewer/ls-field-properties-number.entry.js +0 -34
- package/dist/ls-document-viewer/ls-field-properties-text.entry.js +0 -34
- package/dist/ls-document-viewer/ls-statusbar.entry.js +0 -57
- package/dist/ls-document-viewer/p-022e8e6d.entry.js.map +0 -1
|
@@ -19969,6 +19969,7 @@ function matchData(data) {
|
|
|
19969
19969
|
}
|
|
19970
19970
|
else if (prefix === 'rol') {
|
|
19971
19971
|
var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
|
|
19972
|
+
// Note this respread ensures that re-renders are triggered
|
|
19972
19973
|
this._template = { ...this._template, roles: [...this._template.roles, { ...data.obj, id }] };
|
|
19973
19974
|
participantManager.template = this._template;
|
|
19974
19975
|
}
|
|
@@ -19976,8 +19977,6 @@ function matchData(data) {
|
|
|
19976
19977
|
else if (data.event.action === 'delete') {
|
|
19977
19978
|
if (prefix === 'rol') {
|
|
19978
19979
|
var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
|
|
19979
|
-
console.log(this._template);
|
|
19980
|
-
console.log(this._template.roles.filter(r => r.id !== id));
|
|
19981
19980
|
this._template = { ...this._template, roles: this._template.roles.filter(r => r.id !== id) };
|
|
19982
19981
|
participantManager.template = this._template;
|
|
19983
19982
|
}
|
|
@@ -24370,7 +24369,7 @@ const updateRole = (role) => {
|
|
|
24370
24369
|
// Add a role
|
|
24371
24370
|
const updateTemplate = template => {
|
|
24372
24371
|
return `
|
|
24373
|
-
mutation
|
|
24372
|
+
mutation LDVupdateTemplate {
|
|
24374
24373
|
updateTemplate(input: {
|
|
24375
24374
|
templateId: "${template.id}",
|
|
24376
24375
|
title: "${template.title}",
|
|
@@ -24383,7 +24382,7 @@ const updateTemplate = template => {
|
|
|
24383
24382
|
};
|
|
24384
24383
|
const getTemplate = (id) => {
|
|
24385
24384
|
return `
|
|
24386
|
-
query
|
|
24385
|
+
query LDVGetTemplate {
|
|
24387
24386
|
template(id: "${id}") {
|
|
24388
24387
|
id
|
|
24389
24388
|
title
|
|
@@ -24539,7 +24538,7 @@ class LsDocumentAdapter {
|
|
|
24539
24538
|
|
|
24540
24539
|
const getGroupData = (id) => {
|
|
24541
24540
|
return `
|
|
24542
|
-
query
|
|
24541
|
+
query LDVgetGroupData {
|
|
24543
24542
|
group(id: "${id}"){
|
|
24544
24543
|
id
|
|
24545
24544
|
standardMessageConnection{
|
|
@@ -25678,6 +25677,35 @@ const LsFieldProperties = class {
|
|
|
25678
25677
|
};
|
|
25679
25678
|
LsFieldProperties.style = lsFieldPropertiesCss;
|
|
25680
25679
|
|
|
25680
|
+
const lsFieldPropertiesAdvancedCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.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:36px}.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)}";
|
|
25681
|
+
|
|
25682
|
+
const LsFieldPropertiesAdvanced = class {
|
|
25683
|
+
constructor(hostRef) {
|
|
25684
|
+
registerInstance(this, hostRef);
|
|
25685
|
+
this.mutate = createEvent(this, "mutate");
|
|
25686
|
+
this.update = createEvent(this, "update");
|
|
25687
|
+
}
|
|
25688
|
+
dataItem;
|
|
25689
|
+
mutate;
|
|
25690
|
+
update;
|
|
25691
|
+
isSingle(dt) {
|
|
25692
|
+
return dt.length === undefined;
|
|
25693
|
+
}
|
|
25694
|
+
isMultiple(dt) {
|
|
25695
|
+
return typeof dt.length === 'number';
|
|
25696
|
+
}
|
|
25697
|
+
alter(diff) {
|
|
25698
|
+
const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } };
|
|
25699
|
+
this.dataItem = singleDiff.data;
|
|
25700
|
+
this.mutate.emit([singleDiff]);
|
|
25701
|
+
this.update.emit([singleDiff]);
|
|
25702
|
+
}
|
|
25703
|
+
render() {
|
|
25704
|
+
return (h(Host, { key: '9db4cd78401c5785435d9aafc8cb3c7fb614b1ae' }, h("div", { key: '82cda8357b0732858290836e55ce5bb7d056645d', class: 'ls-field-properties-section' }, h("div", { key: '000e5c487b233dc2d874953cd57d5f852adbdf30', class: 'ls-field-properties-section-text' }, h("p", { key: '7374ba4511b5006d0ed055d05ede48d7c55ca118', class: 'ls-field-properties-section-title' }, "Field Order"), h("p", { key: '87730310fd37317853db9eb87537cfdbac2a9949', class: 'ls-field-properties-section-description' }, "Determines what order fields will be filled in by the user")), h("div", { key: '233cf8923cb1aa40691a56c7c7a54d01077c7c12', class: 'input-row' }, h("div", { key: '2a914e37afb6894e22859cf520edad73fc75d77c', class: 'input-wrapper' }, h("input", { key: '0d3a4cdde9f5d42268aa474ec921f91a8b8d9f6f', value: this.dataItem?.fieldOrder, width: "30", placeholder: "eg. Sign Here", onChange: e => this.alter({ fieldOrder: e.target.value }) })))), h("div", { key: 'cec3927f2d17d7a4b381e76d7a054935681d9aad', class: 'ls-field-properties-section' }, h("div", { key: 'de16a720b2f10f77ee04082c5cb3ec518aa29714', class: 'ls-field-properties-section-text' }, h("p", { key: 'b07443dcc8497b3a5b2ac5663eec2fd1b17b4b3d', class: 'ls-field-properties-section-title' }, "Ref Name")), h("div", { key: 'cd9958ce25c3526d97cc8c1cd99c1156f6cd0fe3', class: 'input-row' }, h("div", { key: '9d2cfec0632235ff8fe4c632b864a7f2afae4963', class: 'input-wrapper' }, h("input", { key: '2bef08755600cb235894ffb17f73055b7ea5be0b', value: this.dataItem?.link, width: "30", placeholder: "", onChange: e => this.alter({ link: e.target.value }) }))), h("div", { key: '3cc0bc3d7e8df8a1120f4b800a12b30232b27249', class: 'ls-field-properties-section-text' }, h("p", { key: '57965a81f5f99a4bbb395c04e6be010f15080d09', class: 'ls-field-properties-section-title' }, "Link Field")), h("div", { key: '07f606e7eb6a11462423560d7181955190a2fc18', class: 'input-row' }, h("div", { key: '2d88a8a25866da1fd2c53b6b3677e134bf7efc53', class: 'input-wrapper' }, h("input", { key: '07e7be923fc6e227497b88bd1a8218f1d7d58f34', value: this.dataItem?.logicGroup, width: "30", placeholder: "", onChange: e => this.alter({ logicGroup: e.target.value }) }))), h("div", { key: '2380c71f3f1829d55ba5d9d872f186e4d7f36f81', class: 'ls-field-properties-section-text' }, h("p", { key: '041c472bfce4eb2f7b6a6d8b120d6b7e60b8cb30', class: 'ls-field-properties-section-title' }, "Link Value")), h("div", { key: '0738a56b9bfd6c61380988db1bd30000d2abe629', class: 'input-row' }, h("div", { key: '30616a2de6d2f6e0fa4469fe4b82fb02e572a002', class: 'input-wrapper' }, h("input", { key: '38248c99c7cfb3b310e0098ddd856eebd3ec682f', value: this.dataItem?.logicAction, width: "30", placeholder: "", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
25705
|
+
}
|
|
25706
|
+
};
|
|
25707
|
+
LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss;
|
|
25708
|
+
|
|
25681
25709
|
const lsFieldPropertiesAutosignCss = ":host{display:block}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:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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{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}.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)}";
|
|
25682
25710
|
|
|
25683
25711
|
const LsFieldPropertiesAutosign = class {
|
|
@@ -25686,7 +25714,7 @@ const LsFieldPropertiesAutosign = class {
|
|
|
25686
25714
|
}
|
|
25687
25715
|
dataItem;
|
|
25688
25716
|
render() {
|
|
25689
|
-
return (h(Host, { key: '
|
|
25717
|
+
return (h(Host, { key: '106baf6078e7e3fbfa113671ea875bfb0e7dc8f6' }, h("div", { key: 'b9921a07cc1d20d8c9578047c2e50f45c278447c', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '1660ad7c808cb752968747bad6e38e962cc0f2be' }, "Label: ", h("input", { key: '394e6a663c8de52d332c247883d8948dce07d31b', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '4bd5749daead65ff9adc83d10ae9b0d54e461a75', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'bf6097eba469cddaa68744471134724ea4e0f0ab', dataItem: this.dataItem }), h("ls-field-footer", { key: '117a7ec610671b4eac29cbfc165ecf2bac6996fe', dataItem: this.dataItem }), h("slot", { key: '05c5ca8763e0f049320bb409866c7af1bb2c49d1' })));
|
|
25690
25718
|
}
|
|
25691
25719
|
};
|
|
25692
25720
|
LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss;
|
|
@@ -25703,7 +25731,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25703
25731
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25704
25732
|
};
|
|
25705
25733
|
render() {
|
|
25706
|
-
return (h(Host, { key: '
|
|
25734
|
+
return (h(Host, { key: 'd1a6ba059b431d85b3906cc038e217cf4e60f8c7' }, h("div", { key: 'b750583787c40a935124c52ae0b13c2ce9ed80f2', class: 'tabs-container' }, h("button", { key: '0df286bf99ce1d3b83759090757d01fe0f119f48', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '235c07615ee0ef81753a86590bc3d5dfc8ec4532', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'f5ebda46bc5c195d26ff0c8238d01dbf39b8f3f2', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'fa6fbf5dddf48a1bf26dbba0e3febfcf912ac0c6', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25707
25735
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25708
25736
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25709
25737
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25712,7 +25740,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25712
25740
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25713
25741
|
} }, h("ls-icon", { name: "calender", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Date")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25714
25742
|
.filter(type => type.formType === 'date')
|
|
25715
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25743
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '405988b81e0c2d742f2dd5fb6ffe7693aaec8f19', dataItem: this.dataItem }), h("slot", { key: 'e90fadaf4267e49a7a65cc0c6667dfac68e384ad' })));
|
|
25716
25744
|
}
|
|
25717
25745
|
};
|
|
25718
25746
|
LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
|
|
@@ -25729,7 +25757,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25729
25757
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25730
25758
|
};
|
|
25731
25759
|
render() {
|
|
25732
|
-
return (h(Host, { key: '
|
|
25760
|
+
return (h(Host, { key: 'b741906dfa72de32482b30b0d81b5abec6165e18' }, h("div", { key: '15edda534be8ae737d8cae1bfc260a93703c1c70', class: 'tabs-container' }, h("button", { key: 'a35fec9c469e66cb572f5b5de277d8a996fe415d', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '8f54db0c50fbd032d1234994fb1a827b6b6c3934', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '3f3ce8876f6c18dcc243a2b33271ce137d862665', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'eb77f486f5903c236e3fd386686cf523ba8485bb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25733
25761
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25734
25762
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25735
25763
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25738,7 +25766,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25738
25766
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25739
25767
|
} }, h("ls-icon", { name: "at-symbol", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Email")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25740
25768
|
.filter(type => type.formType === 'email')
|
|
25741
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25769
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '8e6f1a5f663f3e4e1f581e7a564cb559d7cdfaa4', dataItem: this.dataItem }), h("slot", { key: 'd2e7f0cc1d21a60e8bed1310c9c0d622eb7b8c5b' })));
|
|
25742
25770
|
}
|
|
25743
25771
|
};
|
|
25744
25772
|
LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss;
|
|
@@ -25755,7 +25783,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25755
25783
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25756
25784
|
};
|
|
25757
25785
|
render() {
|
|
25758
|
-
return (h(Host, { key: '
|
|
25786
|
+
return (h(Host, { key: '65e737710ea3f5aacc21de12026563e463dc37bd' }, h("div", { key: '4ea35008f5e56e36deb5966e21d6644e14d6efd3', class: 'tabs-container' }, h("button", { key: 'b76ebdd33fc41ffd0081104ef09897b76a417f50', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '0f248932c2fff46ff4e5dfb8cd91a783ea553e3e', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'dd3492ccb892284955cab55e7b334b9126c63f0f', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'c5e9796e2d457776a4e083b4a2cad297d48d7362', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25759
25787
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25760
25788
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25761
25789
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25764,7 +25792,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25764
25792
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25765
25793
|
} }, h("ls-icon", { name: "upload", size: "20" })), h("p", { class: 'ls-field-type-name' }, "File")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25766
25794
|
.filter(type => type.formType === 'file')
|
|
25767
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '
|
|
25795
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '0e7b6052fe6e2c19e588ba46d2db2d6eaaa26080', class: 'button-footer' }, h("button", { key: 'da9510fbee51c94a451c50b158a56e3817ab9949', class: 'secondary' }, h("ls-icon", { key: 'c5de471f0ea4bb7d0db08191ab4b99a80482c243', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'ff14d0698727e642f949cf107add28947265fd05', class: 'destructive' }, h("ls-icon", { key: '7716e8bad7979118ac6dd48b5e5e72bc9aafe84d', name: "trash", size: "20" }), "Delete")), h("slot", { key: 'eb07cae4b50fed38c86c544dd8df3a4434e0dfe2' })));
|
|
25768
25796
|
}
|
|
25769
25797
|
};
|
|
25770
25798
|
LsFieldPropertiesFile.style = lsFieldPropertiesFileCss;
|
|
@@ -25781,14 +25809,14 @@ const LsFieldPropertiesGeneral = class {
|
|
|
25781
25809
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25782
25810
|
};
|
|
25783
25811
|
render() {
|
|
25784
|
-
return (h(Host, { key: '
|
|
25812
|
+
return (h(Host, { key: '461e177c696ed0da752186c25bb242f6faee243f' }, h("div", { key: '153617ab69b1a0be41cf808b281715b566d90261', class: 'tabs-container' }, h("button", { key: 'cfd701dc893a50b4f7ab085fd7d89a2a6c0b28e9', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '055bb8d1ed5d93ed61d511dd637aa879cbd796fd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '7b6beb2ed10b93a1342dd99b3ed83aeb5c0cc59d', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '2bbfba8cccbd15e7a8bc115bd604beb952333086', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25785
25813
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25786
25814
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25787
25815
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25788
25816
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25789
25817
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25790
25818
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25791
|
-
} }, h("ls-icon", { name: "field-placement", size: "20" })), h("p", { class: 'ls-field-type-name' }, "General Field")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25819
|
+
} }, h("ls-icon", { name: "field-placement", size: "20" })), h("p", { class: 'ls-field-type-name' }, "General Field")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: 'a02ee9360e50bc493bc6acefc034c097e9ce1c47', dataItem: this.dataItem }), h("slot", { key: '99c2da4fac145ad86694b0765c6b8e90fedfb1a1' })));
|
|
25792
25820
|
}
|
|
25793
25821
|
};
|
|
25794
25822
|
LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
|
|
@@ -25805,7 +25833,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25805
25833
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25806
25834
|
};
|
|
25807
25835
|
render() {
|
|
25808
|
-
return (h(Host, { key: '
|
|
25836
|
+
return (h(Host, { key: '5ffa41837d73b2ac3ba546319d7c7adec3fbe1e9' }, h("div", { key: '78770ca65d1febe94fed397862c73ec26d1a22c8', class: 'tabs-container' }, h("button", { key: '0f20a3098730302a4656413752e9af60f8118bf4', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '1baa2520f1e61e51f4b8943c0a1ca50be3476618', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'a0f60dd67b5cb91bb92a30b2c6ee0c83a15a87e5', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '3ecad5dd74f1d94dcfbabdc526fa89e5c5855c87', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25809
25837
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25810
25838
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25811
25839
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25814,7 +25842,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25814
25842
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25815
25843
|
} }, h("ls-icon", { name: "photograph", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Image")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25816
25844
|
.filter(type => type.formType === 'image')
|
|
25817
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25845
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '40338f4a5a9acc4b2f1e2a78fb722e542ed9c997', dataItem: this.dataItem }), h("slot", { key: 'fefc376ff81f49e2b46548661d8d8bc477795b5d' })));
|
|
25818
25846
|
}
|
|
25819
25847
|
};
|
|
25820
25848
|
LsFieldPropertiesImage.style = lsFieldPropertiesImageCss;
|
|
@@ -25845,7 +25873,7 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25845
25873
|
registerInstance(this, hostRef);
|
|
25846
25874
|
}
|
|
25847
25875
|
dataItem;
|
|
25848
|
-
fieldSet = '
|
|
25876
|
+
fieldSet = 'placement';
|
|
25849
25877
|
signerColor = (index) => {
|
|
25850
25878
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25851
25879
|
};
|
|
@@ -25871,14 +25899,14 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25871
25899
|
return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };
|
|
25872
25900
|
};
|
|
25873
25901
|
render() {
|
|
25874
|
-
return (h(Host, { key: '
|
|
25902
|
+
return (h(Host, { key: '67ff5dab433187490a0f3fe718f2e91594dcd1c8' }, h("div", { key: 'd1a777fc10a1e3311abdc7d0fef13ed2855a364d', class: 'tabs-container' }, h("button", { key: 'f1bc8ab9fd14b90f22b1ba05b271469e7bc12c13', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'a5e3d0ca5c37cdc9f150ea68391ec443b8c8d3cd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'd61f3deb4b3bdc5155c9b064b3b6522fb06c6168', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '98b19c703274b7cd6197270b75405b6ea53d7c69', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("div", { class: 'field-set' }, h("ls-field-alignment", { dataItem: this.dataItem }), h("ls-field-placement", { dataItem: this.dataItem }), h("ls-field-distribute", { dataItem: this.dataItem }))) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-size", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25875
25903
|
border: `1px dashed var(--${this.signerColor(this.allSignersSame().signer)}-30)`,
|
|
25876
25904
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25877
25905
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25878
25906
|
border: `1px solid var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25879
25907
|
color: `var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25880
25908
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25881
|
-
} }, h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '
|
|
25909
|
+
} }, h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: 'eb1f15c27a5aba8df2f3b2e61bb1edc7382531ee' }), h("slot", { key: 'b31676899c85de1dc84db13171baf3a82e5b0850' })));
|
|
25882
25910
|
}
|
|
25883
25911
|
};
|
|
25884
25912
|
LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
|
|
@@ -25895,7 +25923,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25895
25923
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25896
25924
|
};
|
|
25897
25925
|
render() {
|
|
25898
|
-
return (h(Host, { key: '
|
|
25926
|
+
return (h(Host, { key: 'cca927ba308008b8e3d0e8090028e45e2ec22735' }, h("div", { key: '66243d7f21a02eaba21e325442835ce84829f02b', class: 'tabs-container' }, h("button", { key: '7ba4b571a6211d043b443df31db8ceaa86f455ab', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'fe360d92cea02df8a7b12bb5296d9a6741653770', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'e5f87a53dd66d24f46860078476292c67a832fae', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'e50efb43af10a15b489ef6395b4f8ccc0442cd85', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25899
25927
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25900
25928
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25901
25929
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25904,7 +25932,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25904
25932
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25905
25933
|
} }, h("ls-icon", { name: "hashtag", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Number")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25906
25934
|
.filter(type => type.formType === 'number')
|
|
25907
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25935
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '325650677f39b6534817c3c1cbaa9a5479104f6f', dataItem: this.dataItem }), h("slot", { key: '98cf0f57a9e05135e7d3736e921187e6bcf66868' })));
|
|
25908
25936
|
}
|
|
25909
25937
|
};
|
|
25910
25938
|
LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
|
|
@@ -25925,14 +25953,14 @@ const LsFieldPropertiesSignature = class {
|
|
|
25925
25953
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25926
25954
|
};
|
|
25927
25955
|
render() {
|
|
25928
|
-
return (h(Host, { key: '
|
|
25956
|
+
return (h(Host, { key: '1caf5f5db83bc6846138bd817b0aa9fe8a9dfc9c' }, h("div", { key: '98bdac172040bef5252297b01e1885bd8c004111', class: 'tabs-container' }, h("button", { key: '460b7f0ecfd8ff15dc930d06fe93d8efb9cde26f', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'a7db8a7b899ffc212058710ec4844426a7a6d313', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '63ce529b2e1fb54b9729e31dd71cb712f137e14a', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '8c7d8ddc6e4d83cccba7ac50c9e6f4866ddf463d', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25929
25957
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25930
25958
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25931
25959
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25932
25960
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25933
25961
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25934
25962
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25935
|
-
} }, h("ls-icon", { name: "signature", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Signature")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '
|
|
25963
|
+
} }, h("ls-icon", { name: "signature", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Signature")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '7d96ce5c94ff73a88fa6dad7a9e7791b4387b9b9', dataItem: this.dataItem }), h("slot", { key: 'eadea60c5c0193a14b6eaf1a636cba15a8ad53b9' })));
|
|
25936
25964
|
}
|
|
25937
25965
|
};
|
|
25938
25966
|
LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
|
|
@@ -25949,7 +25977,7 @@ const LsFieldPropertiesText = class {
|
|
|
25949
25977
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25950
25978
|
};
|
|
25951
25979
|
render() {
|
|
25952
|
-
return (h(Host, { key: '
|
|
25980
|
+
return (h(Host, { key: '8e6f6f25980bbd4e2cb3123f0cda6cb76d967ba9' }, h("div", { key: '2d28f09ded07153696230a2932035974dae0f169', class: 'tabs-container' }, h("button", { key: '69c4fbb6ccf98cee8ea806215f61330d3da449d3', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'cb9e207cb035ebeb46b3125696063f41f724be63', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '3a9c7d0046fa122e8ed87e2c28fc5be43ed7533b', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '12fc4203e64a318fa0a768f13d9f69f5dc6248fb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25953
25981
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25954
25982
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25955
25983
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25958,7 +25986,7 @@ const LsFieldPropertiesText = class {
|
|
|
25958
25986
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25959
25987
|
} }, h("ls-icon", { name: "text", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Text")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25960
25988
|
.filter(type => type.formType === 'text')
|
|
25961
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '
|
|
25989
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '7586851acb82a9badbd364b59c808d056e97c9bb', class: 'button-footer' }, h("button", { key: '1f1c0d2ae6a183ea83c49ebee5a230a4d4bc41cf', class: 'secondary' }, h("ls-icon", { key: 'c0b3ad3c6542255bc2b41119de3523f554d17a99', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'bfe7655f4ae2801eb41a1b9a585c2948f2a800c7', class: 'destructive' }, h("ls-icon", { key: 'b85fac5202d8a0170e781edaf821acc328a9209a', name: "trash", size: "20" }), "Delete")), h("slot", { key: '46bac101ac459901721484c329b6a0766cea88db' })));
|
|
25962
25990
|
}
|
|
25963
25991
|
};
|
|
25964
25992
|
LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
|
|
@@ -25985,7 +26013,7 @@ const LsFieldSize = class {
|
|
|
25985
26013
|
this.update.emit(diffs);
|
|
25986
26014
|
}
|
|
25987
26015
|
render() {
|
|
25988
|
-
return (h(Host, { key: '
|
|
26016
|
+
return (h(Host, { key: '98547af2fe2d69ad705ca35f48f2c5cdda099a75' }, h("div", { key: 'a28dc120fdf4c70fbd0fa928995a991bea108518', class: 'ls-field-properties-section' }, h("div", { key: '27a33d016bd7d8236e041be5e51fd0f42a23cbc5', class: 'ls-field-properties-section-text' }, h("p", { key: '2d163b2619ae8ddb254facc3063924771ae8aa5a', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '552806be351b283e0b6d54084826e63cae46a18e', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'b6452db5ffe0c222de4cb26db3f7a568e51e31ae', class: 'button-group' }, h("button", { key: '57d4bfb89e80e3c579c390cc2df7a6f4b5a1e7be', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height and width as the first selected field.", "data-tooltip-place": "top" }, h("ls-icon", { key: '5c833c5c80a8ab3cb7bdb3056f89583026eeb7a2', name: "field-scale" })), h("button", { key: '44d9ec9a8d0de7912db0617288c7c018d0dc0fe4', "aria-label": "Make selected fields the same width as the first selected field.", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same width as the first selected field.", "data-tooltip-place": "top" }, h("ls-icon", { key: '117f52044058c1ecbab46b72d0498677373c5667', name: "field-match-width" })), h("button", { key: 'a24a113a4ed35f02b49ce65b3e0f4c95f9656545', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height as the first selected field.", "data-tooltip-place": "top" }, h("ls-icon", { key: 'b8f800d8a113950de839ffd7b61e9e4ab3d4969b', name: "field-match-height" })))), h("slot", { key: '8bd0085b3a9ef307ec5ea42a4577d77aea3c3448' })));
|
|
25989
26017
|
}
|
|
25990
26018
|
};
|
|
25991
26019
|
LsFieldSize.style = lsFieldSizeCss;
|
|
@@ -26033,10 +26061,10 @@ const LsFormfield = class {
|
|
|
26033
26061
|
render() {
|
|
26034
26062
|
const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
|
|
26035
26063
|
const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
|
|
26036
|
-
return (h("host", { key: '
|
|
26064
|
+
return (h("host", { key: 'cd4de6c8dd8399530dcf5087ec932a9f87034c2b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '66f5f2893e8b715a7f5f68e77af8ae16e8c015fc', class: "formfield-top-elements" }, h("div", { key: '52c7805ea9920bbeb95dd3f2cb570531f301d7f0', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '0523cafbe32e898ca12a2da19cf48a3f2d4b9192', name: labelIcon }), h("label", { key: 'c2290dca28e5fc6db163eb2681b3a5716318913c', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '6f775314505004cd43aeb0d511d80cd3bce8301a', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onInput: (event) => this.handleChange(event) })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
|
|
26037
26065
|
count ||
|
|
26038
26066
|
countMax ||
|
|
26039
|
-
(descriptionText && (h("div", { key: '
|
|
26067
|
+
(descriptionText && (h("div", { key: '792451e5b8490e42937cfef56afcc9875dd19960', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'ffbba12478b8724f771f7bb2e97e32535ffa6b2d', class: "formfield-count-container" }, h("p", { key: '140867dbe52880b2b7d262847ec4fbe827a63236', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c1c25a3b7f810d2614d286034a76f214d6e5d64b', class: countClass }, h("p", { key: 'bc364afebb1650e5c35de6fb5334cffe6c3de736' }, "/"), h("p", { key: '7d82bdb23ab08a47f66773856afbb0b14aa30e64' }, countMax))))))))));
|
|
26040
26068
|
}
|
|
26041
26069
|
static get watchers() { return {
|
|
26042
26070
|
"value": ["valueWatcher"]
|
|
@@ -33068,7 +33096,7 @@ const LsIcon = class {
|
|
|
33068
33096
|
console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
|
|
33069
33097
|
}
|
|
33070
33098
|
render() {
|
|
33071
|
-
return (h("host", { key: '
|
|
33099
|
+
return (h("host", { key: '57f4194dd8219dfda70127ad03ada603438e0b47' }, icons
|
|
33072
33100
|
?.filter((icon) => icon.name === this.name)
|
|
33073
33101
|
?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
33074
33102
|
height: `${this.size}px`,
|
|
@@ -33119,7 +33147,7 @@ const LsNumberInput = class {
|
|
|
33119
33147
|
? 'invalid'
|
|
33120
33148
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33121
33149
|
const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
|
|
33122
|
-
return (h("host", { key: '
|
|
33150
|
+
return (h("host", { key: 'c5e3922c847c62ba187a2d4482cb1d00e87ba833', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: '8150a612dbd9d7ec0eb01c4dc380b20085168026', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '5bdbcc88d744bc21f57437c7786ed88cf337c37f', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: '9be97c20b91dc7149f3076e441588be4c1bcbc4c', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: '4c61a843bfe2a404f33be624a9e0d974ca1ac51b', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '5920abb0ede5c05c8a9fc06f00a61739c413fdcd', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '7c74720b9c29a0bbb4b59c27f16defecaf7f7b4a', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '5de94f9e0627a2e3c9614a2b030f3ad1ef82c63d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: 'a24ca1d6cf66b7c7e07963f25d3e65ff2ed26914', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '80bd58b24794f468a23884b2da8d42d3c3e45554', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '844d1183f557748642c336bd0f4f6e74ef7f9f74', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: 'd96b4f76efb2206b6776a737fe2baa1b8601bd3b', id: 'buttonIcon', name: 'plus-sm' })))));
|
|
33123
33151
|
}
|
|
33124
33152
|
};
|
|
33125
33153
|
LsNumberInput.style = lsNumberInputCss;
|
|
@@ -33178,7 +33206,7 @@ const LsParticipantManager = class {
|
|
|
33178
33206
|
return index > 200 ? 'gray' : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
33179
33207
|
};
|
|
33180
33208
|
render() {
|
|
33181
|
-
return (h(Host, { key: '
|
|
33209
|
+
return (h(Host, { key: '42b6d146cc2155c18759b2239b94e6a2061be7a8' }, h("div", { key: '6aabfc38a5efc199b46cce0f5184e5e0b6aedc70', class: "ls-editor-infobox" }, h("h2", { key: '9a1c852dad10756a01af085ba9e3d4ca6fcc4550', class: "toolbox-section-title" }, "Participants"), h("p", { key: 'd074b9ad19836f29501f727bcd7c194667fe42d5', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: '0bf744b4645c9476673a78c1bbdfdfae712ea308', class: "participant-list" }, this.template && this.template?.roles.map((r, index) => {
|
|
33182
33210
|
return (h("div", { class: "participant-card", onClick: () => {
|
|
33183
33211
|
this.selectedHandler(r);
|
|
33184
33212
|
}, style: {
|
|
@@ -33198,7 +33226,7 @@ const LsParticipantManager = class {
|
|
|
33198
33226
|
color: `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33199
33227
|
textTransform: 'capitalize'
|
|
33200
33228
|
} }, r.roleType))));
|
|
33201
|
-
})), h("div", { key: '
|
|
33229
|
+
})), h("div", { key: 'c439b737066174e8067665b0693e9b576aa3a1d9', class: 'add-participant-button' }, h("button", { key: '02b7de44dc38942ed7b78e8ad853202bc93b779a', onClick: () => this.createHandler() }, h("ls-icon", { key: '00d4bbacbc5bdcc72580c275a42e5288fc464133', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), h("p", { key: '2f9677949581108623e917e2ecaaec90b5d60e6f' }, "Add Participant"))), h("slot", { key: '762710558e4f5f6e1e6a18ba12e9d0a895eac5c2' })));
|
|
33202
33230
|
}
|
|
33203
33231
|
};
|
|
33204
33232
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
@@ -33253,21 +33281,21 @@ const LsParticipantSelect = class {
|
|
|
33253
33281
|
};
|
|
33254
33282
|
render() {
|
|
33255
33283
|
console.log(this.selectedRole);
|
|
33256
|
-
return (h(Host, { key: '
|
|
33284
|
+
return (h(Host, { key: '2546c595c144d147e18b90f75d32abe3f4483a05' }, h("div", { key: 'd9dd58e668607ea40d3b8d4c92ba4d0cc7d31741', class: "dropdown" }, h("div", { key: 'd3d6d7dcaa53a4132a8a076b1aff505fcfe2e22f', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'db053131d580bf0c6f95aba0f76722968c64f5dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f08bf0b9f6d35e97b74d6752920ada2db331588b', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '6acc3898fc70f6ed562b6b417a6287d9e8d9aa0f', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: 'e3d63db7bde1bf0c2d80ddeb32a75cdd7d8ee3c5', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: 'e70e7f62e32e576d2f818fc9668cf67efe90eff6', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: 'e0f59a31396c7cbe83625c6cda5de3355a37af30', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '736d9cf4b6739f4d79a9dc0ea95d72d4c209c720', class: 'selected-role-label', style: {
|
|
33257
33285
|
background: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-20)`,
|
|
33258
33286
|
color: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-90)`,
|
|
33259
|
-
} }, h("ls-icon", { key: '
|
|
33260
|
-
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '
|
|
33287
|
+
} }, h("ls-icon", { key: '20db02315c6cebeab0160d1887098f13c8d43bb7', size: "18", name: this.selectedRole?.roleType === 'SENDER' ? 'user' : this.selectedRole?.roleType === 'APPROVER' ? 'check-circle' : this.selectedRole?.roleType === 'WITNESS' ? 'eye' : 'signature' }), this.selectedRole.name ||
|
|
33288
|
+
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: 'e031663587e0818a85d4a6a0e4741cf64fe93d9f', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '5c4a6f35485357aef4cc4a1f815e129caec7ee6c', name: "chevron-down" }))), this.isOpen && (h("div", { key: 'e7a39dcefb844c284dd1966d0fe4e252fa6c61e4', class: "dropdown-list" }, h("div", { key: '9265d73fee2da37d2f06a6fc72551e5ce50bb378', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33261
33289
|
'--background-selected': `var(--${defaultRolePalette[0]}-10)`,
|
|
33262
33290
|
'--check-icon-selected': `var(--${defaultRolePalette[0]}-50)`,
|
|
33263
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '
|
|
33291
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '5396b4f41ec9687befaa65bc3fad7028b89ce5a1', class: 'role-icon', style: {
|
|
33264
33292
|
background: `var(--${defaultRolePalette[0]}-40)`,
|
|
33265
33293
|
color: `var(--${defaultRolePalette[0]}-80)`,
|
|
33266
|
-
} }, h("ls-icon", { key: '
|
|
33294
|
+
} }, h("ls-icon", { key: '69241bdb27d0408c843edcca4e7077e741819747', name: "user" })), h("div", { key: '7cbe54d018e5064c13e0b7fa40c9ae56c1d484a1', class: 'role-text' }, h("p", { key: 'd2cf6f7ef8a1f2a4d4aed67cc9f657810c59c309', class: 'role-name', style: {
|
|
33267
33295
|
'--role-name-selected': `var(--${defaultRolePalette[0]}-100)`,
|
|
33268
|
-
} }, 'Sender'), h("p", { key: '
|
|
33296
|
+
} }, 'Sender'), h("p", { key: '6c62ba47fb4d6a6c2787594045accbbc598a2909', class: 'role-type', style: {
|
|
33269
33297
|
'--role-type-selected': `var(--${defaultRolePalette[0]}-80)`,
|
|
33270
|
-
} }, "You")), h("ls-icon", { key: '
|
|
33298
|
+
} }, "You")), h("ls-icon", { key: '23affdb808fde5972b4b1cd55ff4349332341fde', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33271
33299
|
'--background-selected': `var(--${this.participantColor(r?.signerIndex)}-10)`,
|
|
33272
33300
|
'--check-icon-selected': `var(--${this.participantColor(r?.signerIndex)}-50)`,
|
|
33273
33301
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -33279,7 +33307,7 @@ const LsParticipantSelect = class {
|
|
|
33279
33307
|
'--role-name-selected': `var(--${this.participantColor(r?.signerIndex)}-100)`,
|
|
33280
33308
|
} }, r.name || r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`), h("p", { class: 'role-type', style: {
|
|
33281
33309
|
'--role-type-selected': `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33282
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), h("slot", { key: '
|
|
33310
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), h("slot", { key: '0b22057a23c3ffabc137bd677529eacaf151a689' })));
|
|
33283
33311
|
}
|
|
33284
33312
|
};
|
|
33285
33313
|
LsParticipantSelect.style = lsParticipantSelectCss;
|
|
@@ -33300,7 +33328,7 @@ const LsRadioInput = class {
|
|
|
33300
33328
|
render() {
|
|
33301
33329
|
const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
|
|
33302
33330
|
const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
|
|
33303
|
-
return (h("label", { key: '
|
|
33331
|
+
return (h("label", { key: 'e2d3e56e5167a562793bb0a8c227f436098f162d', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '09c8cc16cbb64dc3528ab5d5ebd2343c6ced3a70', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'c2dc15132ded49f6d9f55bd7d394c908500734d0', class: 'spanContainer' }, h("span", { key: '931aa12172f4c5de77045d4ef6a57d429e4cf4f0' }, icon && h("ls-icon", { key: '264705022c6e12f4bf421f8dae595a607a44f00b', name: icon, size: "16" })), h("span", { key: '45872253b0cf7571fb061e04f4d4cadc5e838424' }, label))));
|
|
33304
33332
|
}
|
|
33305
33333
|
};
|
|
33306
33334
|
LsRadioInput.style = lsRadioInputCss;
|
|
@@ -33337,7 +33365,7 @@ const LsSelectInput = class {
|
|
|
33337
33365
|
: displayOnly
|
|
33338
33366
|
? 'displayOnly'
|
|
33339
33367
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33340
|
-
return (h("host", { key: '
|
|
33368
|
+
return (h("host", { key: '1a19eb5a6afbcd82294bca60ea5bad6d79f077f7', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c78b6fc5275df51ed5360b26336b901ebe02ce52', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '80f259e36cf655fab7e073f5c06acbdcfddcde95', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: 'e5bec3c8e55c593616037844b2d827871a7ccb77' })), h("div", { key: 'ec67f53732de7806efe6fd863b9d0e737eac8198', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'fc3dd4c07a8faac3122c418f0646c495d33b912b', 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' })))));
|
|
33341
33369
|
}
|
|
33342
33370
|
};
|
|
33343
33371
|
LsSelectInput.style = lsSelectInputCss;
|
|
@@ -33383,11 +33411,11 @@ const LsStatusbar = class {
|
|
|
33383
33411
|
}
|
|
33384
33412
|
render() {
|
|
33385
33413
|
console.log('editor', this.editor);
|
|
33386
|
-
return (h(Host, { key: '
|
|
33414
|
+
return (h(Host, { key: 'fc7781c2c5a924b0a7ab90959492f761786518a4' }, h("div", { key: '4a2a72594cc7cb4a9ef4be91e34a0646c9d63d75', class: "status-bar-section" }, h("button", { key: '744bb3198b39dd76d0a9efa5b74e5514cd94cc9a', onClick: () => this.setZoom(this.editor.zoom * 0.8) }, h("ls-icon", { key: '0b854dea52202f0b102b9e4459a11ec8f1f3f44e', name: "zoom-out" })), h("div", { key: '2a3b8dc7ab9ceedf64f224e08479903aa61c1d2e' }, h("input", { key: 'cf20f6bea7a1a2821e4fb8cda2001ba9805f07e1', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: 'f961d1171cf4a3184b466478d98db577ea3c7d97', onClick: () => this.setZoom(this.editor.zoom / 0.8) }, h("ls-icon", { key: '3c899a42721039209a2816ee486f40ca699a2660', name: "zoom-in" }))), h("div", { key: 'f4400312361c6508caab82290c388ef50087d0b7', class: "status-bar-section" }, h("button", { key: '0b5ff66419088d9efc53a56da417228835a0d6c3', onClick: () => this.fitWidth() }, h("ls-icon", { key: '2c51acad35dadc37c926b6d93ccf9864c8603197', name: "fit-width" })), h("button", { key: '199a4d7a1ee262335898f4a0b9f743f5dbb58a6c', onClick: () => this.fitHeight() }, h("ls-icon", { key: 'ebf72e264d3978a77f6aa42af33172c201bd0ed3', name: "fit-height" }))), h("div", { key: '232fe73b3c843ddfc5337967afa5263d26b039ac', class: "status-bar-section" }, h("button", { key: '8462ed44d60662584133af1c2e9b4f169524e3ee', onClick: () => {
|
|
33387
33415
|
this.editor.pagePrev();
|
|
33388
|
-
} }, h("ls-icon", { key: '
|
|
33416
|
+
} }, h("ls-icon", { key: 'ed62c9d938f759fbc13f236b2605dde42abe71ff', name: "chevron-left" })), h("p", { key: 'e2d701a6f41428a61d3bc9f40ca6eca95a8c9f03' }, "1 / 2"), h("button", { key: '63f5df0c0fffbb448b7882a59b18c0964849b8f1', onClick: () => {
|
|
33389
33417
|
this.editor.pageNext();
|
|
33390
|
-
} }, h("ls-icon", { key: '
|
|
33418
|
+
} }, h("ls-icon", { key: 'ec596ac9fe71b1f79a48b4622cff8c35cf7004c0', name: "chevron-right" }))), h("slot", { key: '38af107db608c1595eb4a2ce8879e5b8593b2f2a' })));
|
|
33391
33419
|
}
|
|
33392
33420
|
};
|
|
33393
33421
|
LsStatusbar.style = lsStatusbarCss;
|
|
@@ -33427,7 +33455,7 @@ const LsTextInput = class {
|
|
|
33427
33455
|
: dirty && !valid
|
|
33428
33456
|
? 'invalid'
|
|
33429
33457
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33430
|
-
return (h(Host, { key: '
|
|
33458
|
+
return (h(Host, { key: 'db79cff0e48b633e862776b12a2e5dcd443bf710', class: 'host' }, fieldIcon && (h("ls-icon", { key: '74cdc714699243b8e12a59570597a71780dc612a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })), h("div", { key: '6d10e6d29bbb4253ca80349c87fcd587958558db', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '1bb407fb405080e21b43c7c424c6c54949b1cec3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '9d66c970210ed8ae898a2a843193ce3601004273', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '905a87886a05dc642bedee095157d4c35dcdb45d', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '726e82e0afcc93d061a7ea5b5d33e2341da23e70', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
|
|
33431
33459
|
}
|
|
33432
33460
|
};
|
|
33433
33461
|
LsTextInput.style = lsTextInputCss;
|
|
@@ -33463,7 +33491,7 @@ const LsTextareaInput = class {
|
|
|
33463
33491
|
: displayOnly
|
|
33464
33492
|
? 'displayOnly'
|
|
33465
33493
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33466
|
-
return (h("host", { key: '
|
|
33494
|
+
return (h("host", { key: '52a02c0528016be1702751526201236b891821f1', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'd8e5496a1c1874f4873304f23827b18347e03b4a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '2c6c117270f605babfc13ef2e8b0925364219e68', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'd106b408d2dfc3423bd3e4eb8bcfdc94784ffc35', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '315f8e40f8fddbc347325f99e30fd0da0026fd61', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '9795d8028761deffc64d932c3ccc7d6e82e7d905', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'fa5c412681a1b01a36c759100c4c009e870a0d0d', id: 'buttonIcon', name: buttonIcon }))))));
|
|
33467
33495
|
}
|
|
33468
33496
|
};
|
|
33469
33497
|
LsTextareaInput.style = lsTextareaInputCss;
|
|
@@ -33475,7 +33503,7 @@ const LsToggle = class {
|
|
|
33475
33503
|
registerInstance(this, hostRef);
|
|
33476
33504
|
}
|
|
33477
33505
|
render() {
|
|
33478
|
-
return (h(Host, { key: '
|
|
33506
|
+
return (h(Host, { key: '2ba79ca25f70615ba9c0c5d1c80d076ffd70b56f' }, h("label", { key: 'fb36b4a32987fd2649fb261a7545d7cb6a77fae1', class: "switch" }, h("input", { key: '7fc8ceaa8520e553c2c5c8647e6aeba9dd818672', type: "checkbox" }), h("span", { key: '0525930788e55b0bcc5052d4228028971f3af7ff', class: "slider round" })), h("slot", { key: 'd95d740346777a2d51a72c115367f30701da45ee' })));
|
|
33479
33507
|
}
|
|
33480
33508
|
};
|
|
33481
33509
|
LsToggle.style = lsToggleCss;
|
|
@@ -33518,7 +33546,7 @@ const LsToolbar = class {
|
|
|
33518
33546
|
this.update.emit(diffs);
|
|
33519
33547
|
}
|
|
33520
33548
|
render() {
|
|
33521
|
-
return (h(Host, { key: '
|
|
33549
|
+
return (h(Host, { key: '23262246e33898029d23aeb17b0404eaf438e55c' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, this.dataItem && this.dataItem.length === 1 ? (h("ls-field-format", { dataItem: this?.dataItem })) : (h("ls-participant-select", { roles: this.template?.roles, dataItem: this?.dataItem })))), h("slot", { key: '415c3c763e3f42f2e7375bcc9c74ebf777fce30a' })));
|
|
33522
33550
|
}
|
|
33523
33551
|
};
|
|
33524
33552
|
LsToolbar.style = lsToolbarCss;
|
|
@@ -33572,12 +33600,12 @@ const LsToolboxField = class {
|
|
|
33572
33600
|
}
|
|
33573
33601
|
}
|
|
33574
33602
|
render() {
|
|
33575
|
-
return (h(Host, { key: '
|
|
33603
|
+
return (h(Host, { key: 'a25992d9ba60c16ea2dbdb8def90888240d3e21c', draggable: "true" }, h("div", { key: 'ed40b47f1dcdf0f5d235aa6113941a1ae988c4ce', class: "toolbox-field-icon", style: { '--signer-color-light': `var(--${this.color}-10)`, '--signer-color': `var(--${this.color}-60)` } }, h("ls-icon", { key: '9dd0f6d8c45eaa4615a7948a31eefc255d63f7d9', name: this.icon, size: "20" })), h("p", { key: '86bede27a53ccc7fae202a2115c72036c4214b5e', class: "toolbox-field-label" }, this.label), h("ls-icon", { key: '84de9ecb8ea571f956e8ff048ed3e08382e2c695', name: "drag-vertical", size: "16", color: "#787a80" })));
|
|
33576
33604
|
}
|
|
33577
33605
|
};
|
|
33578
33606
|
LsToolboxField.style = lsToolboxFieldCss;
|
|
33579
33607
|
|
|
33580
|
-
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFormfield as ls_formfield, LsIcon as ls_icon, LsNumberInput as ls_number_input, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsRadioInput as ls_radio_input, LsSelectInput as ls_select_input, LsStatusbar as ls_statusbar, LsTextInput as ls_text_input, LsTextareaInput as ls_textarea_input, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field };
|
|
33581
|
-
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-autosign.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-formfield.ls-icon.ls-number-input.ls-participant-manager.ls-participant-select.ls-radio-input.ls-select-input.ls-statusbar.ls-text-input.ls-textarea-input.ls-toggle.ls-toolbar.ls-toolbox-field.entry.js.map
|
|
33608
|
+
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAdvanced as ls_field_properties_advanced, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFormfield as ls_formfield, LsIcon as ls_icon, LsNumberInput as ls_number_input, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsRadioInput as ls_radio_input, LsSelectInput as ls_select_input, LsStatusbar as ls_statusbar, LsTextInput as ls_text_input, LsTextareaInput as ls_textarea_input, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field };
|
|
33609
|
+
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-formfield.ls-icon.ls-number-input.ls-participant-manager.ls-participant-select.ls-radio-input.ls-select-input.ls-statusbar.ls-text-input.ls-textarea-input.ls-toggle.ls-toolbar.ls-toolbox-field.entry.js.map
|
|
33582
33610
|
|
|
33583
|
-
//# sourceMappingURL=ls-document-
|
|
33611
|
+
//# sourceMappingURL=ls-document-options_37.entry.js.map
|