npm - legalesign-document-viewer - Versions diffs - 1.0.6 → 1.0.8 - Mend

legalesign-document-viewer 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (123) hide show

package/dist/components/{p-CvU1rUiv.js.map → p-DwVGD10J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CvU1rUiv~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSx4J,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,QAAQ,CAAM;IACd,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACxJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.scss?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n @Prop() template: any; // LSApiTemplate\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DwVGD10J.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSx4J,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,QAAQ,CAAM;IACd,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACxJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.scss?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n @Prop() template: any; // LSApiTemplate\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DX7Kb9cb.js → p-KqKkoW4F.js} RENAMED Viewed

@@ -50,9 +50,7 @@ const getValidFieldTypes = (roleTypes) => {
                 excluded.add('signature');
                 excluded.add('initials');
                 excluded.add('file');
-                excluded.add('signing date');
                 excluded.add('drawn field');
-                excluded.add('regular expression');
                 break;
             case 'APPROVER':
                 excluded.add('signature');
@@ -109,17 +107,17 @@ const LsFieldTypeSelect = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeSele
         const displayLabel = this.mixed
             ? dvI18n.t('fieldproperties.mixed')
             : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (h(Host, { key: '6bfe8fdca902983b87999b331d0ab9e4348d8119' }, h("div", { key: 'd9ecf1411a4b353db022651b5312d2eed8581ce4', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '2d39319df63a4bd49117efb6f6597ca0acf4998f', class: "ls-dv-fieldtype-header", style: {
+        return (h(Host, { key: '8e07462b8c28d0219b479fb019cba56f93ce49e4' }, h("div", { key: '4bbe52234fc09e94580204e7ab5fed2e8e43f654', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '0d1963b105c3b806f2d3db48e65d5fdd7049dab2', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: '0dc0422afef8b56b4eb126cf51d5d74eadd0b035', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'e293fddbf13371be97cfae330245fc70a3d90fb6', class: "ls-dv-fieldtype-icon", style: {
+            } }, h("div", { key: '96bc5889c07c8f307e008e8e69bd6062d07cdcac', class: "ls-dv-fieldtype-inner" }, h("div", { key: '8a41fb259a65ed80b52363a8abe62c29b6eb8f59', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: 'd70e7c8a2166ab9a28025fdea837d4ef2548a568', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'fdac95009c85c06097d852de5e67c881614d22db', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '335160180754f0e4d7f3cb92b0dbf35700aa8ffe', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, h("ls-icon", { key: 'ebf7649bd96f8130ba9cc1809457784dbbaf0a58', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'c1865507042fbc308335cf7c18f3909534f203f7', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '1e534ca6db78851f7147622f18027dd7f7365a0c', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'b301132f3002fb687f22afc745791e031f0130ba', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'f8a2da27316feb75da093c9a6567dda9c491acc7', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '1b8edb5462bd0a2bc51054ecfd3876599e5448d9', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: '7ff88dfb91403f744d4fb5e1e32ce687fbed1ed3', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
@@ -158,6 +156,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldTypeSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-DX7Kb9cb.js.map
+//# sourceMappingURL=p-KqKkoW4F.js.map
-//# sourceMappingURL=p-DX7Kb9cb.js.map
+//# sourceMappingURL=p-KqKkoW4F.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-KqKkoW4F.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-type-select/ls-field-type-select.scss?tag=ls-field-type-select&encapsulation=shadow","src/components/ls-field-type-select/ls-field-type-select.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-fieldtype-dropdown {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-fieldtype-header {\n border-radius: 1rem;\n padding: 0.25rem;\n}\n\n.ls-dv-fieldtype-inner {\n border-radius: 0.75rem;\n background: $white;\n display: flex;\n padding: 0.25rem 0.25rem 0.25rem 0.25rem;\n align-items: center;\n gap: 0.875rem;\n align-self: stretch;\n}\n\n.ls-dv-fieldtype-icon {\n display: flex;\n padding: 0.25rem;\n align-items: center;\n border-radius: 0.625rem;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-fieldtype-name {\n flex: 1;\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-100;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family);\n text-transform: capitalize;\n}\n\n.ls-dv-fieldtype-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: 0.625rem;\n border: 1px solid $gray-40;\n background: $white;\n color: $gray-80;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-btn:hover {\n border-color: $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-fieldtype-list {\n position: absolute;\n top: calc(100% + 0.25rem);\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n z-index: 100;\n max-height: 15rem;\n overflow-y: auto;\n}\n\n.ls-dv-fieldtype-item {\n display: flex;\n padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n border-radius: 0.75rem;\n cursor: pointer;\n}\n\n.ls-dv-fieldtype-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected,\n.ls-dv-fieldtype-item.ls-dv-selected:hover {\n background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-fieldtype-item-icon {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item-name {\n flex: 1;\n color: $gray-100;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-transform: capitalize;\n}\n\n.ls-dv-check-icon {\n color: $gray-40;\n flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n};\n\n/** All field types in display order */\nconst ALL_FIELD_TYPES = [\n 'signature',\n 'text',\n 'signing date',\n 'date',\n 'email',\n 'initials',\n 'number',\n 'dropdown',\n 'checkbox',\n 'file',\n 'drawn field',\n 'regular expression',\n];\n\n/**\n * Returns the list of valid field types given role types of the selected fields.\n * - Sender: no signature, no initials, no file\n * - Approver: no signature, no auto sign, no initials, no file\n * - Signer/Witness: all except auto sign\n */\nconst getValidFieldTypes = (roleTypes: string[]): string[] => {\n let excluded: Set<string> = new Set();\n\n for (const roleType of roleTypes) {\n switch (roleType) {\n case 'SENDER':\n excluded.add('signature');\n excluded.add('initials');\n excluded.add('file');\n excluded.add('drawn field');\n break;\n case 'APPROVER':\n excluded.add('signature');\n excluded.add('initials');\n excluded.add('file');\n break;\n default: // SIGNER, WITNESS\n break;\n }\n }\n\n return ALL_FIELD_TYPES.filter(ft => !excluded.has(ft));\n};\n\n@Component({\n tag: 'ls-field-type-select',\n styleUrl: 'ls-field-type-select.scss',\n shadow: true,\n})\nexport class LsFieldTypeSelect {\n @Element() el: HTMLElement;\n\n /** Current field type (e.g. 'text', 'signature') */\n @Prop() fieldType: string = 'text';\n /** Signer index for colour */\n @Prop() assignee: number = 1;\n /** Roles from the template for determining valid types */\n @Prop() roles: LSApiRole[] = [];\n /** Role types of the selected field(s) — used to filter valid types */\n @Prop() roleTypes: string[] = ['SIGNER'];\n /** Whether the select is disabled */\n @Prop() disabled: boolean = false;\n /** Show mixed state when multi-select has different field types */\n @Prop() mixed: boolean = false;\n /** Pipe-delimited filter for allowed field types */\n @Prop() filtertoolbox: string = null;\n\n @State() isOpen: boolean = false;\n\n @Event() fieldTypeChange: EventEmitter<string>;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private toggleDropdown = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n };\n\n private selectFieldType(type: string) {\n this.isOpen = false;\n this.fieldTypeChange.emit(type);\n }\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));\n const displayLabel = this.mixed\n ? dvI18n.t('fieldproperties.mixed')\n : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');\n\n return (\n <Host>\n <div class=\"ls-dv-fieldtype-dropdown\">\n <div\n class=\"ls-dv-fieldtype-header\"\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class=\"ls-dv-fieldtype-inner\">\n <div\n class=\"ls-dv-fieldtype-icon\"\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={this.mixed ? 'view-grid-icon' as any : getFieldIcon(this.fieldType) as any} size={20} />\n </div>\n <span class=\"ls-dv-fieldtype-name\">{displayLabel}</span>\n {!this.disabled && (\n <button\n class=\"ls-dv-fieldtype-btn\"\n onClick={e => {\n e.stopPropagation();\n this.toggleDropdown();\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('fieldproperties.changefieldtype')}\n >\n <ls-icon name=\"switch-horizontal-icon\" size={16} />\n </button>\n )}\n </div>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-fieldtype-list\">\n {validTypes.map(type => (\n <div\n class={`ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`}\n style={{\n '--background-selected': color.s10,\n '--check-icon-selected': color.s50,\n }}\n onClick={() => this.selectFieldType(type)}\n >\n <div\n class=\"ls-dv-fieldtype-item-icon\"\n style={{\n color: color.s60,\n }}\n >\n <ls-icon name={getFieldIcon(type) as any} size={16} />\n </div>\n <span class=\"ls-dv-fieldtype-item-name\">\n {dvI18n.t(fieldTypeKeyMap[type] || 'toolbox.text')}\n </span>\n <ls-icon\n class=\"ls-dv-check-icon\"\n name={type === this.fieldType && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n solid={type === this.fieldType && !this.mixed}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-B-P0RM5X.js → p-NIpH5Un0.js} RENAMED Viewed

@@ -3,25 +3,25 @@ import { d as defineCustomElement$A } from './p-CgoyKNia.js';
 import { d as defineCustomElement$z } from './p-PwhF9_IW.js';
 import { d as defineCustomElement$y } from './p-BLMY8rNM.js';
 import { d as defineCustomElement$x } from './p-DRDChAg6.js';
-import { d as defineCustomElement$w } from './p-BJoHocUQ.js';
+import { d as defineCustomElement$w } from './p-iUgn2UWj.js';
 import { d as defineCustomElement$v } from './p-DkV1l_zw.js';
-import { d as defineCustomElement$u } from './p-Bi1odRMK.js';
+import { d as defineCustomElement$u } from './p-Brlb4nfo.js';
 import { d as defineCustomElement$t } from './p-CSxx3aLG.js';
 import { d as defineCustomElement$s } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$r } from './p-BgIA-QAy.js';
-import { d as defineCustomElement$q } from './p-Ce-55WxN.js';
-import { d as defineCustomElement$p } from './p-ihnCvIHa.js';
+import { d as defineCustomElement$r } from './p-BmlXiagO.js';
+import { d as defineCustomElement$q } from './p-CVg_g7Vq.js';
+import { d as defineCustomElement$p } from './p-DEWq4YUk.js';
 import { d as defineCustomElement$o } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$n } from './p-DKz0A1Hf.js';
-import { d as defineCustomElement$m } from './p-TQAB33L1.js';
-import { d as defineCustomElement$l } from './p-CWbixCW0.js';
-import { d as defineCustomElement$k } from './p-7AZBNv_W.js';
-import { d as defineCustomElement$j } from './p-BOg59Hui.js';
-import { d as defineCustomElement$i } from './p-BRbTJsNX.js';
-import { d as defineCustomElement$h } from './p-CvU1rUiv.js';
-import { d as defineCustomElement$g } from './p-CwR2DcQ8.js';
+import { d as defineCustomElement$n } from './p-BXlDP4-Y.js';
+import { d as defineCustomElement$m } from './p-CNEq_UtK.js';
+import { d as defineCustomElement$l } from './p-2HtsobiE.js';
+import { d as defineCustomElement$k } from './p-Cp17g5RT.js';
+import { d as defineCustomElement$j } from './p-CHTXmZcS.js';
+import { d as defineCustomElement$i } from './p-C5IJ94WY.js';
+import { d as defineCustomElement$h } from './p-DwVGD10J.js';
+import { d as defineCustomElement$g } from './p-CcBEOEMO.js';
 import { d as defineCustomElement$f } from './p-pEYsk7D-.js';
-import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
+import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -293,6 +293,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldProperties as L, defineCustomElement as d };
-//# sourceMappingURL=p-B-P0RM5X.js.map
+//# sourceMappingURL=p-NIpH5Un0.js.map
-//# sourceMappingURL=p-B-P0RM5X.js.map
+//# sourceMappingURL=p-NIpH5Un0.js.map

package/dist/components/{p-B-P0RM5X.js.map → p-NIpH5Un0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B-P0RM5X.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles \|\| [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles \|\| []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-NIpH5Un0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles \|\| [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles \|\| []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BJoHocUQ.js → p-iUgn2UWj.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { d as dvI18n } from './p-WVWIAGo_.js';
 import { f as forceCloseDatePicker } from './index.js';
 import { d as defineCustomElement$h } from './p-CgoyKNia.js';
 import { d as defineCustomElement$g } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
+import { d as defineCustomElement$e } from './p-KqKkoW4F.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -226,16 +226,14 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
         this.update.emit([{ action: 'update', data: this.dataItem }]);
     }
     getSenderDisabledReason() {
-        const signerOnlyTypes = ['signing date', 'regular expression', 'image', 'file', 'drawn', 'drawn field'];
+        const signerOnlyTypes = ['file', 'drawn', 'drawn field', 'initials'];
         const fieldType = this.dataItem?.formElementType;
         if (signerOnlyTypes.includes(fieldType)) {
             const nameMap = {
-                'signing date': dvI18n.t('toolbox.signingdate'),
-                'regular expression': dvI18n.t('toolbox.regex'),
-                'image': dvI18n.t('toolbox.image'),
                 'file': dvI18n.t('toolbox.file'),
                 'drawn': dvI18n.t('toolbox.drawn'),
                 'drawn field': dvI18n.t('toolbox.drawn'),
+                'initials': dvI18n.t('toolbox.initials'),
             };
             return dvI18n.t('fieldproperties.cannotreassignsendersingle', { fieldTypes: nameMap[fieldType] || fieldType });
         }
@@ -253,6 +251,11 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
             this.alterImmediate({ signer: newSigner, formElementType: 'auto sign', elementType: 'admin', validation: 3000 });
             return;
         }
+        // Initials reassigned to Sender → becomes Text (sender can't have initials)
+        if (fieldType === 'initials' && newSigner === 0) {
+            this.alterImmediate({ signer: newSigner, formElementType: 'text', elementType: 'admin', validation: 0 });
+            return;
+        }
         // Any field reassigned to Sender → elementType becomes 'admin'
         // Any field reassigned away from Sender → elementType reverts to its formElementType category
         if (newSigner === 0) {
@@ -309,7 +312,7 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
         this.alterImmediate({ validation: newValidation, value: newValue });
     }
     render() {
-        return (h(Host, { key: 'f2695d6b0be7a1f227e4ec0a402c8d30b230957f' }, this.roles?.length > 0 && (h("ls-props-section", { key: '90aa78e28c9248ab72427067edde3c4dced1d4d1', sectionTitle: dvI18n.t('fieldproperties.assignee'), sectionDescription: dvI18n.t('fieldproperties.assigneedescription') }, h("ls-assignee-select", { key: '3eae837f63bca4fa50f087920e81fdd274f0ac50', signer: this.dataItem?.signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : '', onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("ls-props-section", { key: 'dd02103fdeb7aa059a70285f17606e9bc2475038', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-select", { key: '1315446ded6cb4f6eeebde98138259c0fc49ac87', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer, roles: this.roles, roleTypes: [this.getRoleType()], disabled: this.readonly, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), this.dataItem?.formElementType !== 'signature' && (h("ls-props-section", { key: 'a9335a5e678251b47a561660c57ac90dc1db4a78', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true, sectionDescription: dvI18n.t('fieldproperties.requiredfielddescription') }, h("ls-toggle", { key: '2d6ad9045ed62d17dfc38b8d2998cd1ff90d8187', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alterImmediate({ optional: !ev.detail }) }))), h("ls-props-section", { key: '6f4b480cea21715d2cf72583541296284406573a', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("ls-formfield", { key: '66a33605ec7344089b17a3ec6117d654496e8ad3', as: "text", name: "field-label", value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.supportsValue() && (h("ls-props-section", { key: '3e6af27f381635c6bc2235ee9e33b18c79f0e42e', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
+        return (h(Host, { key: '821442ecbc99b34befad57f7fa2dfb884afc4b17' }, this.roles?.length > 0 && (h("ls-props-section", { key: '1f4bc1eed67834086847e1eca498a11ba6acd7de', sectionTitle: dvI18n.t('fieldproperties.assignee'), sectionDescription: dvI18n.t('fieldproperties.assigneedescription') }, h("ls-assignee-select", { key: '167b7691910eff0d5c8a76026655c24a43eeed3f', signer: this.dataItem?.signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : '', onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("ls-props-section", { key: 'b6771f8e5ea4077f2df44d8a2ef35340b3ac7ffd', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-select", { key: '9cab62379427c258f4ce0c50a83fa609f625e33a', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer, roles: this.roles, roleTypes: [this.getRoleType()], disabled: this.readonly, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), this.dataItem?.formElementType !== 'signature' && (h("ls-props-section", { key: '8d5ea2e6ca87e61a70f04bb35a547e3ed27e8a2e', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true, sectionDescription: dvI18n.t('fieldproperties.requiredfielddescription') }, h("ls-toggle", { key: '2ecec5995016c0200f2a81ee2e4646e75682d522', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alterImmediate({ optional: !ev.detail }) }))), h("ls-props-section", { key: '77689454dd208dffd69ca30e81044d370e960a5c', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("ls-formfield", { key: '3ebc938f7c31a5e315baf875102bcc6951a341a6', as: "text", name: "field-label", value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'e14b64b7633807e98df530b3a02884fd21d2f5a0', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
                 if (this.readonly)
                     return;
                 const picker = this.component.shadowRoot.getElementById('ls-date-picker');
@@ -319,9 +322,9 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
                 const input = e.target;
                 this.alter({ value: this.formatDateFromISO(input.value) });
                 forceCloseDatePicker(input);
-            }, disabled: this.readonly }))) : (h("ls-formfield", { as: "text", name: "field-value", value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), valid: !this.valueError, dirty: this.isDirty, errorText: this.valueError, disabled: this.readonly, onTextChange: e => this.handleValueChange(e.detail.value) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '163081bd7416239c1b85971f1c4178724fcc7ca5', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '8c07efb5fa1153628ada1d28ee63142f8690a67d', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (h("ls-props-section", { key: '776f6727b350957116a0f1bb7c3c80db0fc9c0b7', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: '25a49f7b0f46803e322c7e4c0e76130882611e91', select: true }, h("select", { key: 'dcd4417138a42d0c008e85577c5734d7e46738eb', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
+            }, disabled: this.readonly }))) : (h("ls-formfield", { as: "text", name: "field-value", value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), valid: !this.valueError, dirty: this.isDirty, errorText: this.valueError, disabled: this.readonly, onTextChange: e => this.handleValueChange(e.detail.value) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'f9c0489ba246d60c285351d3fe5b9e9485253acf', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '851b73e48093e2cdf50bd4df6929e288e4b3c4ce', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (h("ls-props-section", { key: '2ed98c6af62c8b245a636bae03def51348e0952c', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'd40f508fdb58ef047db4a578c105d63814f08233', select: true }, h("select", { key: '89ffeebe00524aca5df127c454fd2e1400f5b0b1', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
             .filter(type => type.formType === this.dataItem?.formElementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (h("ls-props-section", { key: '340af765731696c7a8f13392f28e696a83f7bf7d', sectionTitle: dvI18n.t('fieldproperties.displaystate'), sectionDescription: dvI18n.t('fieldproperties.displaystatedescription') }, h("div", { key: 'edcefae0f0e8e0eaaa63943ea2bb78fa52ef7253', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))))), h("slot", { key: 'df7013168408522a2bd12a7b52b68d1927287b41' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (h("ls-props-section", { key: '2d5b22e44dfca5f2f42e2d253bac4ca73738c904', sectionTitle: dvI18n.t('fieldproperties.displaystate'), sectionDescription: dvI18n.t('fieldproperties.displaystatedescription') }, h("div", { key: '68836eb34a76d695ebd534e9ade30fc114a6d61c', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))))), h("slot", { key: '9909583c06d5278a7fc53519e2e5db1c2b7011d8' })));
     }
     static get watchers() { return {
         "dataItem": ["watchDataItemHandler"]
@@ -439,6 +442,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldContent as L, defineCustomElement as d };
-//# sourceMappingURL=p-BJoHocUQ.js.map
+//# sourceMappingURL=p-iUgn2UWj.js.map
-//# sourceMappingURL=p-BJoHocUQ.js.map
+//# sourceMappingURL=p-iUgn2UWj.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-iUgn2UWj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-content/ls-field-content.scss?tag=ls-field-content&encapsulation=shadow","src/components/ls-field-content/ls-field-content.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.2rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n.ls-dv-date-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-date-display {\n cursor: pointer;\n width: 100%;\n box-sizing: border-box;\n}\n\n.ls-dv-date-clear {\n position: absolute;\n right: 0.5rem;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: $gray-80;\n}\n\n.ls-dv-date-picker-hidden {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Watch, Listen } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { getFieldPlaceholder, getFieldTitleSuggestion } from '../ls-document-viewer/defaultFieldLabels';\nimport { dvI18n } from '../../i18n/i18n';\nimport { validateFieldValue } from '../../utils/fieldValueValidator';\nimport { getDefaultValidationForType } from '../ls-field-type-select/fieldTypeUtils';\nimport { forceCloseDatePicker } from '../../utils/utils';\n\n@Component({\n tag: 'ls-field-content',\n styleUrl: 'ls-field-content.scss',\n shadow: true,\n})\nexport class LsFieldContent {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() showValidationTypes: boolean = true;\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @State() valueError: string | null = null;\n @State() isDirty: boolean = false;\n\n @Watch('dataItem')\n watchDataItemHandler() {\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n this.isDirty = !!this.dataItem?.value && this.dataItem.value.length > 0;\n }\n\n componentWillLoad() {\n if (this.dataItem?.value) {\n this.isDirty = true;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n }\n }\n\n disconnectedCallback() {\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n // Component is already detached from DOM so events can't bubble.\n // Dispatch on document and let ls-document-viewer pick it up.\n document.dispatchEvent(\n new CustomEvent('ls-flush-mutate', {\n detail: [{ action: 'update', data: this.dataItem }],\n }),\n );\n }\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // Debounced alter for text inputs (value, label, options)\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n this.debounce(this.dataItem, 1500);\n }\n\n // Immediate alter for instant actions (toggles, selects, dropdowns)\n alterImmediate(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n @Listen('keydown')\n handleKeyDown(e: KeyboardEvent) {\n const isMod = e.ctrlKey || e.metaKey;\n if (isMod && (e.key === 'z' || e.key === 'Z' || e.key === 'y' || e.key === 'Y')) {\n e.preventDefault();\n // Cancel any pending debounce (discard uncommitted changes)\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n // Don't stopPropagation — let the event reach the document-level keydown handler\n return;\n }\n }\n\n handleValueChange(value: string) {\n this.isDirty = value.length > 0;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n value,\n this.dataItem?.options,\n );\n this.alter({ value });\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n supportsValue() {\n const typesWithValue = ['signature', 'initials', 'file', 'signing', 'autosign', 'signing date', 'auto sign', 'dropdown', 'checkbox', 'drawn field'];\n\n return !typesWithValue.includes(this.dataItem?.formElementType);\n }\n\n private getCheckboxStates(): string[] {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType) return [];\n return vType.description.split('/').reverse();\n }\n\n isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n /**\n * Convert a formatted date value back to ISO (yyyy-mm-dd) for the native date input.\n */\n toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] || '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n /**\n * Convert an ISO date (yyyy-mm-dd) to the configured format.\n */\n formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n private getDateFormat(): string | null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private getDateFormatById(validation: number): string | null {\n const vType = validationTypes.find(v => v.id === validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private isSignatureType(): boolean {\n const fieldType = this.dataItem?.formElementType as string;\n return fieldType === 'signature' || fieldType === 'auto sign';\n }\n\n private getRoleType(): string {\n if (this.dataItem?.signer === 0) return 'SENDER';\n const role = this.roles?.find(r => r.signerIndex === this.dataItem?.signer);\n return role?.roleType || 'SIGNER';\n }\n\n private handleFieldTypeChange(newType: string) {\n const defaultValidation = getDefaultValidationForType(newType);\n const isSender = this.dataItem?.signer === 0;\n\n // Determine elementType based on formElementType\n let elementType: string;\n if (isSender) {\n elementType = 'admin';\n } else if (newType === 'signature') {\n elementType = 'signature';\n } else if (newType === 'initials') {\n elementType = 'initials';\n } else {\n elementType = 'text';\n }\n\n // Field types that don't support a user-editable value\n const noValueTypes = ['signature', 'initials', 'file', 'signing date', 'auto sign', 'date', 'dropdown', 'checkbox', 'drawn field'];\n // Also clear value when leaving a date field (formatted date values aren't valid for other types)\n const currentType = this.dataItem?.formElementType as string;\n const dateTypes = ['date', 'signing date'];\n const shouldClearValue = noValueTypes.includes(newType) || dateTypes.includes(currentType);\n\n const diff: any = {\n formElementType: newType as LSApiElement['formElementType'],\n elementType,\n validation: defaultValidation,\n };\n if (shouldClearValue) {\n diff.value = '';\n }\n\n this.dataItem = { ...this.dataItem, ...diff };\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n private getSenderDisabledReason(): string {\n const signerOnlyTypes = ['file', 'drawn', 'drawn field', 'initials'];\n const fieldType = this.dataItem?.formElementType as string;\n if (signerOnlyTypes.includes(fieldType)) {\n const nameMap = {\n 'file': dvI18n.t('toolbox.file'),\n 'drawn': dvI18n.t('toolbox.drawn'),\n 'drawn field': dvI18n.t('toolbox.drawn'),\n 'initials': dvI18n.t('toolbox.initials'),\n };\n return dvI18n.t('fieldproperties.cannotreassignsendersingle', { fieldTypes: nameMap[fieldType] || fieldType });\n }\n return '';\n }\n\n private handleReassign(newSigner: number) {\n const fieldType = this.dataItem?.formElementType as string;\n\n // Auto Sign reassigned away from Sender → becomes Signature\n if (fieldType === 'auto sign' && newSigner !== 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'signature', elementType: 'signature', validation: 0 });\n return;\n }\n\n // Signature reassigned to Sender → becomes Auto Sign\n if (fieldType === 'signature' && newSigner === 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'auto sign' as any, elementType: 'admin', validation: 3000 });\n return;\n }\n\n // Initials reassigned to Sender → becomes Text (sender can't have initials)\n if (fieldType === 'initials' && newSigner === 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'text', elementType: 'admin', validation: 0 });\n return;\n }\n\n // Any field reassigned to Sender → elementType becomes 'admin'\n // Any field reassigned away from Sender → elementType reverts to its formElementType category\n if (newSigner === 0) {\n this.alterImmediate({ signer: newSigner, elementType: 'admin' });\n } else if (this.dataItem?.signer === 0) {\n const elType = (fieldType === 'initials') ? 'initials' : 'text';\n this.alterImmediate({ signer: newSigner, elementType: elType });\n } else {\n this.alterImmediate({ signer: newSigner });\n }\n }\n\n private handleFormatChange(newValidation: number) {\n const currentValue = this.dataItem?.value;\n if (!currentValue || !this.isDateField()) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n // Parse current value to ISO using the old format\n const oldFormat = this.getDateFormat();\n const newFormat = this.getDateFormatById(newValidation);\n if (!oldFormat || !newFormat) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n const parts = oldFormat.split(/[/.-]/);\n const sep = oldFormat.match(/[/.-]/)?.[0] || '/';\n const valueParts = currentValue.split(sep);\n if (valueParts.length < 2) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n const newValue = newFormat\n .replace('yyyy', y.padStart(4, '0'))\n .replace('yy', y.slice(-2))\n .replace('mm', m.padStart(2, '0'))\n .replace('dd', d.padStart(2, '0'))\n .replace('d', String(parseInt(d)));\n\n this.alterImmediate({ validation: newValidation, value: newValue });\n }\n\n render() {\n return (\n <Host>\n {this.roles?.length > 0 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.assignee')} sectionDescription={dvI18n.t('fieldproperties.assigneedescription')}>\n <ls-assignee-select\n signer={this.dataItem?.signer}\n roles={this.roles}\n disabled={this.readonly}\n disabledSenderReason={this.getSenderDisabledReason()}\n disabledApproverReason={this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : ''}\n onAssigneeChange={ev => this.handleReassign(ev.detail)}\n />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldtype')} sectionDescription={dvI18n.t('fieldproperties.fieldtypedescription')}>\n <ls-field-type-select\n fieldType={this.dataItem?.formElementType}\n assignee={this.dataItem?.signer}\n roles={this.roles}\n roleTypes={[this.getRoleType()]}\n disabled={this.readonly}\n filtertoolbox={this.filtertoolbox}\n onFieldTypeChange={ev => this.handleFieldTypeChange(ev.detail)}\n />\n </ls-props-section>\n {this.dataItem?.formElementType !== 'signature' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.requiredfield')} row={true} sectionDescription={dvI18n.t('fieldproperties.requiredfielddescription')}>\n <ls-toggle id=\"toggle-required\" checked={!this.dataItem?.optional} onValueChange={ev => !this.readonly && this.alterImmediate({ optional: !ev.detail })} />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldlabel')} sectionDescription={dvI18n.t('fieldproperties.fieldlabeldescription')}>\n <ls-formfield\n as=\"text\"\n name=\"field-label\"\n value={this.dataItem?.label}\n placeholder={getFieldTitleSuggestion(this.dataItem?.formElementType)}\n disabled={this.readonly}\n onTextChange={e => this.alter({ label: e.detail.value })}\n />\n </ls-props-section>\n {this.supportsValue() && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.value')} sectionDescription={dvI18n.t('fieldproperties.valuedescription')}>\n {this.isDateField() ? (\n <div class=\"ls-dv-date-input-wrapper\">\n <input\n class=\"ls-dv-date-display\"\n type=\"text\"\n value={this.dataItem?.value}\n placeholder={this.getDateFormat()}\n readOnly\n onClick={() => {\n if (this.readonly) return;\n const picker = this.component.shadowRoot.getElementById('ls-date-picker') as HTMLInputElement;\n if (picker) picker.showPicker();\n }}\n />\n {this.dataItem?.value && !this.readonly && (\n <div class=\"ls-dv-date-clear\" onClick={() => this.alterImmediate({ value: '' })}>\n <ls-icon name=\"x-icon\" size={20} />\n </div>\n )}\n <input\n id=\"ls-date-picker\"\n class=\"ls-dv-date-picker-hidden\"\n type=\"date\"\n value={this.toISODate(this.dataItem?.value)}\n onInput={e => {\n const input = e.target as HTMLInputElement;\n this.alter({ value: this.formatDateFromISO(input.value) });\n forceCloseDatePicker(input);\n }}\n disabled={this.readonly}\n />\n </div>\n ) : (\n <ls-formfield\n as=\"text\"\n name=\"field-value\"\n value={this.dataItem?.value}\n placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n valid={!this.valueError}\n dirty={this.isDirty}\n errorText={this.valueError}\n disabled={this.readonly}\n onTextChange={e => this.handleValueChange(e.detail.value)}\n />\n )}\n </ls-props-section>\n )}\n {this.dataItem.validation === 20 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.options')} sectionDescription={dvI18n.t('fieldproperties.optionsdescription')}>\n <textarea\n value={this.dataItem?.options}\n placeholder=\"Option 1
Option 2
Option 3\"\n onInput={e => this.alter({ options: (e.target as HTMLTextAreaElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n )}\n\n {this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.contentformat')} sectionDescription={dvI18n.t('fieldproperties.contentformatdescription')}>\n <ls-input-wrapper select>\n <select onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}>\n {validationTypes\n .filter(type => type.formType === this.dataItem?.formElementType)\n .map(type => (\n <option selected={this.dataItem?.validation === type.id} value={type.id}>\n {type.description}\n </option>\n ))}\n </select>\n </ls-input-wrapper>\n </ls-props-section>\n )}\n {this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.displaystate')} sectionDescription={dvI18n.t('fieldproperties.displaystatedescription')}>\n <div class=\"ls-dv-checkbox-toggle\">\n {this.getCheckboxStates().map((state, idx) => (\n <button\n key={idx}\n class={{ 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }}\n onClick={() => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' })}\n disabled={this.readonly}\n >\n {state}\n </button>\n ))}\n </div>\n </ls-props-section>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/loader.js CHANGED Viewed

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CItPoq74.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"ls-icon\",[[257,\"ls-icon\",{\"name\":[1],\"solid\":[4],\"size\":[2],\"customStyle\":[16]}]]],[\"ls-document-viewer\",[[769,\"ls-document-viewer\",{\"template\":[1],\"token\":[1],\"userpool\":[1],\"endpoint\":[1],\"templateid\":[1],\"recipients\":[1],\"_recipients\":[16],\"language\":[1],\"zoom\":[1026],\"pageNum\":[1026,\"page-num\"],\"pageCount\":[1026,\"page-count\"],\"signer\":[1026],\"groupInfo\":[1032,\"group-info\"],\"mode\":[1],\"manager\":[1025],\"displayTable\":[1028,\"display-table\"],\"filtertoolbox\":[1],\"showstatusbar\":[4],\"showpagepreview\":[4],\"readonly\":[4],\"showtableview\":[4],\"toolboxFilter\":[1,\"toolbox-filter\"],\"_template\":[32],\"validationErrors\":[32],\"status\":[32],\"error\":[32],\"errorTitle\":[32],\"fontSize\":[32],\"fontFamily\":[32],\"selected\":[32],\"isLoading\":[32],\"isMutating\":[32],\"selectedDataItems\":[32],\"fieldTypeSelected\":[32],\"pageNext\":[64],\"pagePrev\":[64],\"unselect\":[64],\"setZoom\":[64]},[[0,\"mutate\",\"mutateHandler\"],[0,\"update\",\"updateHandler\"],[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"],[0,\"toolboxDragStart\",\"handleToolboxDragStart\"],[0,\"addParticipant\",\"addParticpantHandler\"],[0,\"changeSigner\",\"updateSigner\"],[0,\"selectFieldForPlacement\",\"selectFieldForPlacement\"],[0,\"selectFields\",\"selectFieldsHandler\"],[0,\"roleChange\",\"roleHandler\"]],{\"templateid\":[\"templateIdChanged\"],\"language\":[\"languageChanged\"],\"mode\":[\"modeHandler\"],\"_template\":[\"templateLockedHandler\"],\"zoom\":[\"zoomChanged\"]}]]],[\"ls-field-properties-dropdown\",[[769,\"ls-field-properties-dropdown\",{\"dataItem\":[16],\"roles\":[16],\"filtertoolbox\":[1]}]]],[\"ls-banner\",[[257,\"ls-banner\",{\"type\":[1],\"layout\":[1],\"text\":[1],\"label\":[4],\"labelText\":[1,\"label-text\"],\"labelIcon\":[1,\"label-icon\"],\"button\":[4],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"customStyle\":[16]}]]],[\"ls-header-bar\",[[257,\"ls-header-bar\",{\"text1\":[1,\"text-1\"],\"text2\":[1,\"text-2\"],\"leftText\":[1,\"left-text\"],\"leftClick\":[16],\"icon\":[1],\"loading\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-list-card-button\",[[257,\"ls-list-card-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-details-section\",[[260,\"ls-details-section\",{\"header\":[1],\"layout\":[1],\"actionIcon\":[1,\"action-icon\"],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-dropdown\",[[257,\"ls-dropdown\",{\"dropdownButtons\":[16],\"right\":[4],\"scrollable\":[4],\"handleClick\":[16],\"customStyle\":[16],\"extend\":[32]}]]],[\"ls-navbar\",[[257,\"ls-navbar\",{\"items\":[16],\"customStyle\":[16]}]]],[\"ls-radio-group\",[[256,\"ls-radio-group\",{\"options\":[16],\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"name\":[1],\"isHorizontal\":[4,\"is-horizontal\"],\"customStyle\":[16],\"_options\":[32]},null,{\"options\":[\"watchOptionsHandler\"]}]]],[\"ls-field-type-display\",[[769,\"ls-field-type-display\",{\"assignee\":[2],\"fieldType\":[1,\"field-type\"]}]]],[\"ls-icon-check-button\",[[257,\"ls-icon-check-button\",{\"icon\":[1],\"solid\":[4],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16],\"rest\":[16],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]],[\"ls-notification\",[[256,\"ls-notification\",{\"heading\":[1],\"message\":[1],\"button1\":[1,\"button-1\"],\"button1Click\":[16],\"button2\":[1,\"button-2\"],\"button2Click\":[16],\"linkAction\":[1,\"link-action\"],\"linkURL\":[1,\"link-u-r-l\"],\"Icon\":[1,\"icon\"],\"iconColour\":[1,\"icon-colour\"],\"iconSolid\":[4,\"icon-solid\"]}]]],[\"ls-tabs\",[[257,\"ls-tabs\",{\"items\":[16],\"size\":[1],\"customStyle\":[16],\"rest\":[16],\"newItems\":[32]},null,{\"items\":[\"watchItemsHandler\"]}]]],[\"ls-tag\",[[257,\"ls-tag\",{\"text\":[1],\"colour\":[1],\"size\":[1],\"dot\":[4],\"icon\":[1],\"iconType\":[1,\"icon-type\"],\"outline\":[4],\"saturation\":[1],\"hover\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-timeline\",[[257,\"ls-timeline\",{\"showRecipient\":[4,\"show-recipient\"],\"recipientRole\":[1,\"recipient-role\"],\"recipientName\":[1,\"recipient-name\"],\"recipientEmail\":[1,\"recipient-email\"],\"recipientColour\":[1,\"recipient-colour\"],\"sentDateTime\":[1,\"sent-date-time\"],\"emailOpenedDateTime\":[1,\"email-opened-date-time\"],\"documentFirstViewedDateTime\":[1,\"document-first-viewed-date-time\"],\"signedDateTime\":[1,\"signed-date-time\"],\"expiryDate\":[1,\"expiry-date\"],\"status\":[1],\"emailProblem\":[1,\"email-problem\"],\"labelEmailed\":[1,\"label-emailed\"],\"labelOpened\":[1,\"label-opened\"],\"labelViewed\":[1,\"label-viewed\"],\"labelSigned\":[1,\"label-signed\"],\"labelApproved\":[1,\"label-approved\"],\"labelWitnessed\":[1,\"label-witnessed\"],\"labelRejected\":[1,\"label-rejected\"],\"labelBounced\":[1,\"label-bounced\"],\"labelExpired\":[1,\"label-expired\"],\"labelOutOfOffice\":[1,\"label-out-of-office\"],\"labelScheduled\":[1,\"label-scheduled\"],\"labelNotSent\":[1,\"label-not-sent\"],\"labelNotOpened\":[1,\"label-not-opened\"],\"labelNotViewed\":[1,\"label-not-viewed\"],\"labelNotSigned\":[1,\"label-not-signed\"],\"labelNotApproved\":[1,\"label-not-approved\"],\"labelNotWitnessed\":[1,\"label-not-witnessed\"],\"labelBypassed\":[1,\"label-bypassed\"],\"customStyle\":[16]}]]],[\"ls-timeline-step\",[[257,\"ls-timeline-step\",{\"step\":[1],\"complete\":[4],\"text\":[1],\"customLineClass\":[1,\"custom-line-class\"],\"customDiskClass\":[1,\"custom-disk-class\"]}]]],[\"ls-title-input\",[[769,\"ls-title-input\",{\"template\":[1040],\"editTitle\":[32]}]]],[\"ls-card\",[[260,\"ls-card\",{\"paddingX\":[2,\"padding-x\"],\"paddingY\":[2,\"padding-y\"],\"direction\":[1],\"corners\":[2],\"gap\":[2],\"backgroundColor\":[1,\"background-color\"],\"outline\":[4],\"outlineColor\":[1,\"outline-color\"],\"shadow\":[4],\"customClass\":[1,\"custom-class\"]}]]],[\"ls-compose-manager\",[[769,\"ls-compose-manager\",{\"template\":[16]}]]],[\"ls-text\",[[260,\"ls-text\",{\"preset\":[1],\"size\":[1],\"weight\":[1],\"colour\":[1],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-item\",[[256,\"test-item\",{\"text\":[1]}]]],[\"ls-badge\",[[257,\"ls-badge\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-dropdown-item\",[[257,\"ls-dropdown-item\",{\"index\":[2],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"icon\":[1],\"trailingIcon\":[1,\"trailing-icon\"],\"disabled\":[4],\"destructive\":[4],\"divider\":[4],\"badge\":[1],\"rest\":[16]}]]],[\"ls-tooltip\",[[257,\"ls-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"]}]]],[\"ls-field-format_2\",[[769,\"ls-participant-select\",{\"selected\":[1025],\"signer\":[2],\"roles\":[16],\"selectedRole\":[32],\"scrollToBottom\":[32],\"isAddingParticipant\":[32],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"signer\":[\"handleSignerChange\"],\"roles\":[\"handleRoleLoad\"]}],[769,\"ls-field-format\",{\"dataItem\":[1040]},null,{\"dataItem\":[\"selectFieldsHandler\"]}]]],[\"ls-toolbox-field\",[[769,\"ls-toolbox-field\",{\"formElementType\":[1,\"form-element-type\"],\"elementType\":[1,\"element-type\"],\"validation\":[2],\"fixedAspect\":[2,\"fixed-aspect\"],\"redDot\":[4,\"red-dot\"],\"label\":[1],\"icon\":[1],\"tooltip\":[1],\"defaultHeight\":[2,\"default-height\"],\"defaultWidth\":[2,\"default-width\"],\"signer\":[2],\"isSelected\":[1028,\"is-selected\"]},[[1,\"mousedown\",\"handleMouseDown\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ls-helper-bar_2\",[[769,\"ls-helper-bar\",{\"expanded\":[1028],\"showShortcuts\":[1028,\"show-shortcuts\"]}],[257,\"ls-keyboard-shortcuts\"]]],[\"ls-loading_2\",[[257,\"ls-loading\",{\"text\":[1],\"defaultIcon\":[4,\"default-icon\"],\"iconSize\":[2,\"icon-size\"],\"customStyle\":[16]}],[257,\"ls-loading-icon\",{\"default\":[4],\"size\":[2]}]]],[\"ls-button\",[[257,\"ls-button\",{\"variant\":[1],\"accessibility\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"fullWidth\":[4,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"outline\":[4],\"disabled\":[4],\"loading\":[4],\"loadingText\":[1,\"loading-text\"],\"customStyle\":[16],\"text\":[1],\"rest\":[16]}]]],[\"ls-assignee-select_21\",[[769,\"ls-field-content\",{\"dataItem\":[1040],\"roles\":[16],\"showValidationTypes\":[4,\"show-validation-types\"],\"readonly\":[4],\"filtertoolbox\":[1],\"valueError\":[32],\"isDirty\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"dataItem\":[\"watchDataItemHandler\"]}],[769,\"ls-field-placement\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-properties-advanced\",{\"dataItem\":[1040],\"expanded\":[1028],\"readonly\":[4]}],[769,\"ls-field-properties-container\",{\"dataItem\":[16],\"tabs\":[16],\"selectedTab\":[1537,\"selected-tab\"]}],[257,\"ls-formfield\",{\"name\":[1],\"fieldId\":[1,\"field-id\"],\"label\":[1],\"as\":[1],\"value\":[1032],\"placeholder\":[1],\"descriptionText\":[1,\"description-text\"],\"errorText\":[1,\"error-text\"],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"infoTooltipText\":[1,\"info-tooltip-text\"],\"hoverTooltipText\":[1,\"hover-tooltip-text\"],\"disabled\":[4],\"extraLabel\":[1,\"extra-label\"],\"required\":[4],\"optional\":[4],\"valid\":[4],\"dirty\":[4],\"customised\":[4],\"count\":[4],\"countMax\":[2,\"count-max\"],\"textareaRows\":[2,\"textarea-rows\"],\"buttonClick\":[16],\"buttonIcon\":[1,\"button-icon\"],\"labelIcon\":[1,\"label-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"options\":[1],\"_value\":[32]},null,{\"value\":[\"valueWatcher\"]}],[769,\"ls-assignee-select\",{\"signer\":[2],\"roles\":[16],\"disabled\":[4],\"disabledSenderReason\":[1,\"disabled-sender-reason\"],\"disabledApproverReason\":[1,\"disabled-approver-reason\"],\"mixed\":[4],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"signer\":[\"handleSignerChange\"]}],[769,\"ls-field-dimensions\",{\"dataItem\":[1040],\"template\":[8],\"readonly\":[4]}],[769,\"ls-field-footer\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-type-select\",{\"fieldType\":[1,\"field-type\"],\"assignee\":[2],\"roles\":[16],\"roleTypes\":[16],\"disabled\":[4],\"mixed\":[4],\"filtertoolbox\":[1],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"ls-text-input\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"showPassword\":[32]}],[257,\"ls-number-input\",{\"type\":[1],\"name\":[1],\"value\":[1026],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-select-input\",{\"name\":[1],\"value\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"options\":[1]}],[257,\"ls-textarea-input\",{\"name\":[1],\"value\":[1],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"rows\":[2],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-checkbox-input\",{\"checkboxId\":[1,\"checkbox-id\"],\"label\":[1],\"description\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"position\":[1],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}],[769,\"ls-props-section\",{\"sectionTitle\":[1,\"section-title\"],\"sectionDescription\":[1,\"section-description\"],\"row\":[4]}],[772,\"ls-toggle\",{\"checked\":[1028],\"indeterminate\":[4]}],[769,\"ls-editor-field\",{\"assignee\":[1025],\"dataItem\":[1040],\"selected\":[4],\"multiSelected\":[4,\"multi-selected\"],\"readonly\":[4],\"type\":[1],\"page\":[16],\"fixedAspect\":[2,\"fixed-aspect\"],\"zoom\":[1],\"floatingActive\":[1540,\"floating-active\"],\"isEditing\":[32],\"heldEdge\":[32],\"isEdgeDragging\":[32],\"innerValue\":[32],\"valueError\":[32]},[[0,\"keydown\",\"handleInput\"],[3,\"mousemove\",\"handleMouseMove\"],[2,\"dblclick\",\"handleDoubleClick\"],[3,\"mousedown\",\"handleMouseDown\"],[0,\"dragstart\",\"handleDragStart\"]],{\"dataItem\":[\"dataItemChanged\",\"watchDataItemHandler\"],\"selected\":[\"watchSelectedHandler\"]}],[769,\"ls-input-wrapper\",{\"leadingIcon\":[8,\"leading-icon\"],\"select\":[4]}],[257,\"ls-radio-input\",{\"radioId\":[1,\"radio-id\"],\"label\":[1],\"icon\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16]}],[257,\"ls-icon-button\",{\"icon\":[1],\"disabled\":[4],\"solid\":[4],\"customStyle\":[16],\"rest\":[16]}],[257,\"ls-label\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-field-alignment_3\",[[769,\"ls-field-distribute\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-alignment\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-size\",{\"dataItem\":[1040],\"readonly\":[4]}]]],[\"ls-add-new-button_20\",[[769,\"ls-field-properties\",{\"dataItem\":[16],\"template\":[8],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-participant-manager\",{\"editor\":[16],\"template\":[16],\"activeSigner\":[2,\"active-signer\"],\"busy\":[4],\"addingParticipant\":[32]},null,{\"template\":[\"templateChanged\"]}],[769,\"ls-document-options\",{\"template\":[1040],\"editTitle\":[32]}],[769,\"ls-recipient-card\",{\"recipient\":[16],\"activeRecipient\":[2,\"active-recipient\"],\"fieldTypeSelected\":[16],\"template\":[16],\"validationErrors\":[16],\"filtertoolbox\":[1],\"isHovered\":[32]},[[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"]],{\"activeRecipient\":[\"handleExpandCollapse\"]}],[769,\"ls-validation-manager\",{\"validationErrors\":[16]}],[769,\"ls-feature-column\",{\"manager\":[1025],\"mode\":[1]}],[769,\"ls-validation-tag\",{\"status\":[1025],\"validationErrors\":[1040],\"isExpanded\":[1028,\"is-expanded\"],\"type\":[1],\"showDropDown\":[4,\"show-drop-down\"]}],[257,\"ls-recipient-manager\"],[769,\"ls-field-properties-checkbox\",{\"dataItem\":[1040],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]},[[0,\"mutate\",\"handleChildMutate\"]]],[769,\"ls-field-properties-date\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-email\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-file\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-general\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-multiple\",{\"dataItem\":[1040],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1],\"valueError\":[32]},null,{\"dataItem\":[\"validateOnChange\"]}],[769,\"ls-field-properties-number\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-signature\",{\"dataItem\":[16],\"template\":[8],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-text\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-autosign\",{\"dataItem\":[16],\"readonly\":[4]}],[769,\"ls-participant-card\",{\"signer\":[16],\"index\":[2],\"editable\":[1028],\"template\":[16],\"active\":[4],\"busy\":[4],\"swapUpBtn\":[32],\"swapDownBtn\":[32],\"editBtn\":[32],\"deleteParticipantBtn\":[32],\"addingWitness\":[32]},null,{\"editable\":[\"modeHandler\"],\"template\":[\"templateChanged\"]}],[257,\"ls-add-new-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-compose-loader_7\",[[769,\"ls-left-bar\",{\"mode\":[1],\"selected\":[16],\"manager\":[1],\"signer\":[2],\"filtertoolbox\":[1],\"template\":[16],\"recipients\":[16],\"validationErrors\":[16],\"fieldTypeSelected\":[16],\"displayTable\":[4,\"display-table\"],\"busy\":[4],\"selectedDataItems\":[16]},null,{\"manager\":[\"managerWatchHandler\"],\"signer\":[\"signerChanged\"]}],[769,\"ls-toolbar\",{\"dataItem\":[1040],\"groupInfo\":[16],\"template\":[16],\"editor\":[1040],\"mode\":[1],\"signer\":[2],\"selected\":[16],\"pageNum\":[2,\"page-num\"]}],[769,\"ls-statusbar\",{\"zoom\":[1026],\"page\":[1026],\"pageCount\":[1026,\"page-count\"],\"editor\":[16],\"canUndo\":[4,\"can-undo\"],\"canRedo\":[4,\"can-redo\"],\"mode\":[1],\"showThumbnails\":[32],\"showZoomMenu\":[32],\"showPageMenu\":[32]},null,{\"page\":[\"onPageChange\"]}],[769,\"ls-select-menu\",{\"selected\":[16],\"pageNum\":[2,\"page-num\"],\"editor\":[8],\"floating\":[4],\"isOpen\":[32],\"isVisible\":[32],\"isHeldDown\":[32],\"floatingTop\":[32],\"floatingLeft\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"selected\":[\"onSelectionChange\"],\"pageNum\":[\"onSelectionChange\"]}],[257,\"ls-compose-loader\"],[769,\"ls-editor-table\",{\"editor\":[16]}],[257,\"ls-loading-logo\",{\"size\":[2],\"colour\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ls-icon\",[[257,\"ls-icon\",{\"name\":[1],\"solid\":[4],\"size\":[2],\"customStyle\":[16]}]]],[\"ls-document-viewer\",[[769,\"ls-document-viewer\",{\"template\":[1],\"token\":[1],\"userpool\":[1],\"endpoint\":[1],\"templateid\":[1],\"recipients\":[1],\"_recipients\":[16],\"language\":[1],\"zoom\":[1026],\"pageNum\":[1026,\"page-num\"],\"pageCount\":[1026,\"page-count\"],\"signer\":[1026],\"groupInfo\":[1032,\"group-info\"],\"mode\":[1],\"manager\":[1025],\"displayTable\":[1028,\"display-table\"],\"filtertoolbox\":[1],\"showstatusbar\":[4],\"showpagepreview\":[4],\"readonly\":[4],\"showtableview\":[4],\"toolboxFilter\":[1,\"toolbox-filter\"],\"_template\":[32],\"validationErrors\":[32],\"status\":[32],\"error\":[32],\"errorTitle\":[32],\"fontSize\":[32],\"fontFamily\":[32],\"selected\":[32],\"isLoading\":[32],\"isMutating\":[32],\"loaderSize\":[32],\"selectedDataItems\":[32],\"fieldTypeSelected\":[32],\"pageNext\":[64],\"pagePrev\":[64],\"unselect\":[64],\"setZoom\":[64]},[[0,\"mutate\",\"mutateHandler\"],[0,\"update\",\"updateHandler\"],[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"],[0,\"toolboxDragStart\",\"handleToolboxDragStart\"],[0,\"addParticipant\",\"addParticpantHandler\"],[0,\"changeSigner\",\"updateSigner\"],[0,\"selectFieldForPlacement\",\"selectFieldForPlacement\"],[0,\"selectFields\",\"selectFieldsHandler\"],[0,\"roleChange\",\"roleHandler\"]],{\"templateid\":[\"templateIdChanged\"],\"language\":[\"languageChanged\"],\"mode\":[\"modeHandler\"],\"_template\":[\"templateLockedHandler\"],\"zoom\":[\"zoomChanged\"]}]]],[\"ls-field-properties-dropdown\",[[769,\"ls-field-properties-dropdown\",{\"dataItem\":[16],\"roles\":[16],\"filtertoolbox\":[1]}]]],[\"ls-banner\",[[257,\"ls-banner\",{\"type\":[1],\"layout\":[1],\"text\":[1],\"label\":[4],\"labelText\":[1,\"label-text\"],\"labelIcon\":[1,\"label-icon\"],\"button\":[4],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"customStyle\":[16]}]]],[\"ls-header-bar\",[[257,\"ls-header-bar\",{\"text1\":[1,\"text-1\"],\"text2\":[1,\"text-2\"],\"leftText\":[1,\"left-text\"],\"leftClick\":[16],\"icon\":[1],\"loading\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-list-card-button\",[[257,\"ls-list-card-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-details-section\",[[260,\"ls-details-section\",{\"header\":[1],\"layout\":[1],\"actionIcon\":[1,\"action-icon\"],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-dropdown\",[[257,\"ls-dropdown\",{\"dropdownButtons\":[16],\"right\":[4],\"scrollable\":[4],\"handleClick\":[16],\"customStyle\":[16],\"extend\":[32]}]]],[\"ls-navbar\",[[257,\"ls-navbar\",{\"items\":[16],\"customStyle\":[16]}]]],[\"ls-radio-group\",[[256,\"ls-radio-group\",{\"options\":[16],\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"name\":[1],\"isHorizontal\":[4,\"is-horizontal\"],\"customStyle\":[16],\"_options\":[32]},null,{\"options\":[\"watchOptionsHandler\"]}]]],[\"ls-field-type-display\",[[769,\"ls-field-type-display\",{\"assignee\":[2],\"fieldType\":[1,\"field-type\"]}]]],[\"ls-icon-check-button\",[[257,\"ls-icon-check-button\",{\"icon\":[1],\"solid\":[4],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16],\"rest\":[16],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}]]],[\"ls-notification\",[[256,\"ls-notification\",{\"heading\":[1],\"message\":[1],\"button1\":[1,\"button-1\"],\"button1Click\":[16],\"button2\":[1,\"button-2\"],\"button2Click\":[16],\"linkAction\":[1,\"link-action\"],\"linkURL\":[1,\"link-u-r-l\"],\"Icon\":[1,\"icon\"],\"iconColour\":[1,\"icon-colour\"],\"iconSolid\":[4,\"icon-solid\"]}]]],[\"ls-tabs\",[[257,\"ls-tabs\",{\"items\":[16],\"size\":[1],\"customStyle\":[16],\"rest\":[16],\"newItems\":[32]},null,{\"items\":[\"watchItemsHandler\"]}]]],[\"ls-tag\",[[257,\"ls-tag\",{\"text\":[1],\"colour\":[1],\"size\":[1],\"dot\":[4],\"icon\":[1],\"iconType\":[1,\"icon-type\"],\"outline\":[4],\"saturation\":[1],\"hover\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-timeline\",[[257,\"ls-timeline\",{\"showRecipient\":[4,\"show-recipient\"],\"recipientRole\":[1,\"recipient-role\"],\"recipientName\":[1,\"recipient-name\"],\"recipientEmail\":[1,\"recipient-email\"],\"recipientColour\":[1,\"recipient-colour\"],\"sentDateTime\":[1,\"sent-date-time\"],\"emailOpenedDateTime\":[1,\"email-opened-date-time\"],\"documentFirstViewedDateTime\":[1,\"document-first-viewed-date-time\"],\"signedDateTime\":[1,\"signed-date-time\"],\"expiryDate\":[1,\"expiry-date\"],\"status\":[1],\"emailProblem\":[1,\"email-problem\"],\"labelEmailed\":[1,\"label-emailed\"],\"labelOpened\":[1,\"label-opened\"],\"labelViewed\":[1,\"label-viewed\"],\"labelSigned\":[1,\"label-signed\"],\"labelApproved\":[1,\"label-approved\"],\"labelWitnessed\":[1,\"label-witnessed\"],\"labelRejected\":[1,\"label-rejected\"],\"labelBounced\":[1,\"label-bounced\"],\"labelExpired\":[1,\"label-expired\"],\"labelOutOfOffice\":[1,\"label-out-of-office\"],\"labelScheduled\":[1,\"label-scheduled\"],\"labelNotSent\":[1,\"label-not-sent\"],\"labelNotOpened\":[1,\"label-not-opened\"],\"labelNotViewed\":[1,\"label-not-viewed\"],\"labelNotSigned\":[1,\"label-not-signed\"],\"labelNotApproved\":[1,\"label-not-approved\"],\"labelNotWitnessed\":[1,\"label-not-witnessed\"],\"labelBypassed\":[1,\"label-bypassed\"],\"customStyle\":[16]}]]],[\"ls-timeline-step\",[[257,\"ls-timeline-step\",{\"step\":[1],\"complete\":[4],\"text\":[1],\"customLineClass\":[1,\"custom-line-class\"],\"customDiskClass\":[1,\"custom-disk-class\"]}]]],[\"ls-title-input\",[[769,\"ls-title-input\",{\"template\":[1040],\"editTitle\":[32]}]]],[\"ls-card\",[[260,\"ls-card\",{\"paddingX\":[2,\"padding-x\"],\"paddingY\":[2,\"padding-y\"],\"direction\":[1],\"corners\":[2],\"gap\":[2],\"backgroundColor\":[1,\"background-color\"],\"outline\":[4],\"outlineColor\":[1,\"outline-color\"],\"shadow\":[4],\"customClass\":[1,\"custom-class\"]}]]],[\"ls-compose-manager\",[[769,\"ls-compose-manager\",{\"template\":[16]}]]],[\"ls-text\",[[260,\"ls-text\",{\"preset\":[1],\"size\":[1],\"weight\":[1],\"colour\":[1],\"noWrap\":[4,\"no-wrap\"]}]]],[\"test-item\",[[256,\"test-item\",{\"text\":[1]}]]],[\"ls-badge\",[[257,\"ls-badge\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-dropdown-item\",[[257,\"ls-dropdown-item\",{\"index\":[2],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"icon\":[1],\"trailingIcon\":[1,\"trailing-icon\"],\"disabled\":[4],\"destructive\":[4],\"divider\":[4],\"badge\":[1],\"rest\":[16]}]]],[\"ls-tooltip\",[[257,\"ls-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"]}]]],[\"ls-field-format_2\",[[769,\"ls-participant-select\",{\"selected\":[1025],\"signer\":[2],\"roles\":[16],\"selectedRole\":[32],\"scrollToBottom\":[32],\"isAddingParticipant\":[32],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"signer\":[\"handleSignerChange\"],\"roles\":[\"handleRoleLoad\"]}],[769,\"ls-field-format\",{\"dataItem\":[1040]},null,{\"dataItem\":[\"selectFieldsHandler\"]}]]],[\"ls-toolbox-field\",[[769,\"ls-toolbox-field\",{\"formElementType\":[1,\"form-element-type\"],\"elementType\":[1,\"element-type\"],\"validation\":[2],\"fixedAspect\":[2,\"fixed-aspect\"],\"redDot\":[4,\"red-dot\"],\"label\":[1],\"icon\":[1],\"tooltip\":[1],\"defaultHeight\":[2,\"default-height\"],\"defaultWidth\":[2,\"default-width\"],\"signer\":[2],\"isSelected\":[1028,\"is-selected\"]},[[1,\"mousedown\",\"handleMouseDown\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ls-helper-bar_2\",[[769,\"ls-helper-bar\",{\"expanded\":[1028],\"showShortcuts\":[1028,\"show-shortcuts\"]}],[257,\"ls-keyboard-shortcuts\"]]],[\"ls-loading_2\",[[257,\"ls-loading\",{\"text\":[1],\"defaultIcon\":[4,\"default-icon\"],\"iconSize\":[2,\"icon-size\"],\"customStyle\":[16]}],[257,\"ls-loading-icon\",{\"default\":[4],\"size\":[2]}]]],[\"ls-button\",[[257,\"ls-button\",{\"variant\":[1],\"accessibility\":[1],\"type\":[1],\"size\":[1],\"rounded\":[1],\"fullWidth\":[4,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"outline\":[4],\"disabled\":[4],\"loading\":[4],\"loadingText\":[1,\"loading-text\"],\"customStyle\":[16],\"text\":[1],\"rest\":[16]}]]],[\"ls-assignee-select_21\",[[769,\"ls-field-content\",{\"dataItem\":[1040],\"roles\":[16],\"showValidationTypes\":[4,\"show-validation-types\"],\"readonly\":[4],\"filtertoolbox\":[1],\"valueError\":[32],\"isDirty\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"dataItem\":[\"watchDataItemHandler\"]}],[769,\"ls-field-placement\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-properties-advanced\",{\"dataItem\":[1040],\"expanded\":[1028],\"readonly\":[4]}],[769,\"ls-field-properties-container\",{\"dataItem\":[16],\"tabs\":[16],\"selectedTab\":[1537,\"selected-tab\"]}],[257,\"ls-formfield\",{\"name\":[1],\"fieldId\":[1,\"field-id\"],\"label\":[1],\"as\":[1],\"value\":[1032],\"placeholder\":[1],\"descriptionText\":[1,\"description-text\"],\"errorText\":[1,\"error-text\"],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"infoTooltipText\":[1,\"info-tooltip-text\"],\"hoverTooltipText\":[1,\"hover-tooltip-text\"],\"disabled\":[4],\"extraLabel\":[1,\"extra-label\"],\"required\":[4],\"optional\":[4],\"valid\":[4],\"dirty\":[4],\"customised\":[4],\"count\":[4],\"countMax\":[2,\"count-max\"],\"textareaRows\":[2,\"textarea-rows\"],\"buttonClick\":[16],\"buttonIcon\":[1,\"button-icon\"],\"labelIcon\":[1,\"label-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"options\":[1],\"_value\":[32]},null,{\"value\":[\"valueWatcher\"]}],[769,\"ls-assignee-select\",{\"signer\":[2],\"roles\":[16],\"disabled\":[4],\"disabledSenderReason\":[1,\"disabled-sender-reason\"],\"disabledApproverReason\":[1,\"disabled-approver-reason\"],\"mixed\":[4],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"signer\":[\"handleSignerChange\"]}],[769,\"ls-field-dimensions\",{\"dataItem\":[1040],\"template\":[8],\"readonly\":[4]}],[769,\"ls-field-footer\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-type-select\",{\"fieldType\":[1,\"field-type\"],\"assignee\":[2],\"roles\":[16],\"roleTypes\":[16],\"disabled\":[4],\"mixed\":[4],\"filtertoolbox\":[1],\"isOpen\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"ls-text-input\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"iconPosition\":[1,\"icon-position\"],\"showPassword\":[32]}],[257,\"ls-number-input\",{\"type\":[1],\"name\":[1],\"value\":[1026],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-select-input\",{\"name\":[1],\"value\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"],\"options\":[1]}],[257,\"ls-textarea-input\",{\"name\":[1],\"value\":[1],\"placeholder\":[1],\"aria\":[1],\"inputRef\":[1,\"input-ref\"],\"disabled\":[4],\"displayOnly\":[4,\"display-only\"],\"required\":[4],\"valid\":[4],\"dirty\":[4],\"countMax\":[2,\"count-max\"],\"rows\":[2],\"buttonClick\":[8,\"button-click\"],\"buttonIcon\":[1,\"button-icon\"],\"fieldIcon\":[1,\"field-icon\"]}],[257,\"ls-checkbox-input\",{\"checkboxId\":[1,\"checkbox-id\"],\"label\":[1],\"description\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"position\":[1],\"_checked\":[32]},null,{\"checked\":[\"watchCheckedHandler\"]}],[769,\"ls-props-section\",{\"sectionTitle\":[1,\"section-title\"],\"sectionDescription\":[1,\"section-description\"],\"row\":[4]}],[772,\"ls-toggle\",{\"checked\":[1028],\"indeterminate\":[4]}],[769,\"ls-editor-field\",{\"assignee\":[1025],\"dataItem\":[1040],\"selected\":[4],\"multiSelected\":[4,\"multi-selected\"],\"readonly\":[4],\"type\":[1],\"page\":[16],\"fixedAspect\":[2,\"fixed-aspect\"],\"zoom\":[1],\"floatingActive\":[1540,\"floating-active\"],\"isEditing\":[32],\"heldEdge\":[32],\"isEdgeDragging\":[32],\"innerValue\":[32],\"valueError\":[32]},[[0,\"keydown\",\"handleInput\"],[3,\"mousemove\",\"handleMouseMove\"],[2,\"dblclick\",\"handleDoubleClick\"],[3,\"mousedown\",\"handleMouseDown\"],[0,\"dragstart\",\"handleDragStart\"]],{\"dataItem\":[\"dataItemChanged\",\"watchDataItemHandler\"],\"selected\":[\"watchSelectedHandler\"]}],[769,\"ls-input-wrapper\",{\"leadingIcon\":[8,\"leading-icon\"],\"select\":[4]}],[257,\"ls-radio-input\",{\"radioId\":[1,\"radio-id\"],\"label\":[1],\"icon\":[1],\"name\":[1],\"checked\":[4],\"disabled\":[4],\"customStyle\":[16]}],[257,\"ls-icon-button\",{\"icon\":[1],\"disabled\":[4],\"solid\":[4],\"customStyle\":[16],\"rest\":[16]}],[257,\"ls-label\",{\"text\":[1],\"colour\":[1],\"type\":[1],\"size\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"iconSolid\":[4,\"icon-solid\"],\"customStyle\":[16]}]]],[\"ls-field-alignment_3\",[[769,\"ls-field-distribute\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-alignment\",{\"dataItem\":[1040],\"readonly\":[4]}],[769,\"ls-field-size\",{\"dataItem\":[1040],\"readonly\":[4]}]]],[\"ls-add-new-button_20\",[[769,\"ls-field-properties\",{\"dataItem\":[16],\"template\":[8],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-participant-manager\",{\"editor\":[16],\"template\":[16],\"activeSigner\":[2,\"active-signer\"],\"busy\":[4],\"addingParticipant\":[32]},null,{\"template\":[\"templateChanged\"]}],[769,\"ls-document-options\",{\"template\":[1040],\"editTitle\":[32]}],[769,\"ls-recipient-card\",{\"recipient\":[16],\"activeRecipient\":[2,\"active-recipient\"],\"fieldTypeSelected\":[16],\"template\":[16],\"validationErrors\":[16],\"filtertoolbox\":[1],\"isHovered\":[32]},[[0,\"fieldTypeSelected\",\"handleFieldTypeSelected\"]],{\"activeRecipient\":[\"handleExpandCollapse\"]}],[769,\"ls-validation-manager\",{\"validationErrors\":[16]}],[769,\"ls-feature-column\",{\"manager\":[1025],\"mode\":[1]}],[769,\"ls-validation-tag\",{\"status\":[1025],\"validationErrors\":[1040],\"isExpanded\":[1028,\"is-expanded\"],\"type\":[1],\"showDropDown\":[4,\"show-drop-down\"]}],[257,\"ls-recipient-manager\"],[769,\"ls-field-properties-checkbox\",{\"dataItem\":[1040],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]},[[0,\"mutate\",\"handleChildMutate\"]]],[769,\"ls-field-properties-date\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-email\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-file\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-general\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-multiple\",{\"dataItem\":[1040],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1],\"valueError\":[32]},null,{\"dataItem\":[\"validateOnChange\"]}],[769,\"ls-field-properties-number\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-signature\",{\"dataItem\":[16],\"template\":[8],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-text\",{\"dataItem\":[16],\"roles\":[16],\"readonly\":[4],\"filtertoolbox\":[1]}],[769,\"ls-field-properties-autosign\",{\"dataItem\":[16],\"readonly\":[4]}],[769,\"ls-participant-card\",{\"signer\":[16],\"index\":[2],\"editable\":[1028],\"template\":[16],\"active\":[4],\"busy\":[4],\"swapUpBtn\":[32],\"swapDownBtn\":[32],\"editBtn\":[32],\"deleteParticipantBtn\":[32],\"addingWitness\":[32]},null,{\"editable\":[\"modeHandler\"],\"template\":[\"templateChanged\"]}],[257,\"ls-add-new-button\",{\"text\":[1],\"icon\":[1],\"loading\":[4],\"disabled\":[4],\"destructive\":[4],\"customStyle\":[16],\"rest\":[16]}]]],[\"ls-compose-loader_7\",[[769,\"ls-left-bar\",{\"mode\":[1],\"selected\":[16],\"manager\":[1],\"signer\":[2],\"filtertoolbox\":[1],\"template\":[16],\"recipients\":[16],\"validationErrors\":[16],\"fieldTypeSelected\":[16],\"displayTable\":[4,\"display-table\"],\"busy\":[4],\"selectedDataItems\":[16]},null,{\"manager\":[\"managerWatchHandler\"],\"signer\":[\"signerChanged\"]}],[769,\"ls-toolbar\",{\"dataItem\":[1040],\"groupInfo\":[16],\"template\":[16],\"editor\":[1040],\"mode\":[1],\"signer\":[2],\"selected\":[16],\"pageNum\":[2,\"page-num\"]}],[769,\"ls-statusbar\",{\"zoom\":[1026],\"page\":[1026],\"pageCount\":[1026,\"page-count\"],\"editor\":[16],\"canUndo\":[4,\"can-undo\"],\"canRedo\":[4,\"can-redo\"],\"mode\":[1],\"showThumbnails\":[32],\"showZoomMenu\":[32],\"showPageMenu\":[32]},null,{\"page\":[\"onPageChange\"]}],[769,\"ls-select-menu\",{\"selected\":[16],\"pageNum\":[2,\"page-num\"],\"editor\":[8],\"floating\":[4],\"isOpen\":[32],\"isVisible\":[32],\"isHeldDown\":[32],\"floatingTop\":[32],\"floatingLeft\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"selected\":[\"onSelectionChange\"],\"pageNum\":[\"onSelectionChange\"]}],[257,\"ls-compose-loader\"],[769,\"ls-editor-table\",{\"editor\":[16]}],[257,\"ls-loading-logo\",{\"size\":[2],\"colour\":[1]}]]]]"), options);
 };
 export { defineCustomElements };