npm - legalesign-document-viewer - Versions diffs - 1.0.13 → 1.0.14 - Mend

legalesign-document-viewer 1.0.13 → 1.0.14

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 (166) hide show

package/dist/components/{p-CHbV_3Pe.js.map → p-CrNkvfxG.js.map} RENAMED Viewed

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

package/dist/components/{p-Cmw6RXlv.js → p-CyZn7pLI.js} RENAMED Viewed

@@ -3,10 +3,10 @@ import { d as dvI18n } from './p-Al32p_JM.js';
 import { d as defineCustomElement$8 } from './p-CQI0GKzS.js';
 import { d as defineCustomElement$7 } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$6 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$5 } from './p-DaQLveiE.js';
+import { d as defineCustomElement$5 } from './p-CBf_4337.js';
 import { d as defineCustomElement$4 } from './p-MzXqai7c.js';
 import { d as defineCustomElement$3 } from './p-CKoM9Y6t.js';
-import { d as defineCustomElement$2 } from './p-DmB0JIWj.js';
+import { d as defineCustomElement$2 } from './p-CiCPXHsq.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsParticipantManagerCss = () => `.ls-dv-label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}.ls-dv-sender-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;align-self:stretch;cursor:pointer;border-radius:1rem;background:#f7f8fa;border:1px solid #afb0b2}.ls-dv-sender-card-active,.ls-dv-sender-card:hover{outline:2px solid #afb0b2;outline-offset:-2px}.ls-dv-sender-card-inner{display:flex;flex-direction:column;gap:0.5rem;width:100%;min-width:0}.ls-dv-sender-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-weight:500;line-height:1.25rem}.ls-dv-role-label.ls-dv-fields{border-radius:1rem}.ls-dv-sender-card-text{display:flex;flex-direction:column;min-width:0}.ls-dv-sender-name{font-size:0.875rem;font-weight:500;line-height:1.25rem;color:#45484d}.ls-dv-sender-type{font-size:0.75rem;font-weight:400;line-height:1rem;color:#6f7176;text-transform:capitalize}*{box-sizing:border-box;margin:0}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.ls-dv-add-participant-button ls-add-new-button{width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -88,7 +88,7 @@ const LsParticipantManager = /*@__PURE__*/ proxyCustomElement(class LsParticipan
     }
     roleChange;
     render() {
-        return (h(Host, { key: 'b0c8b7d2bc28b998f8b8a7dfc67abfd3cb56bbd5' }, h("div", { key: '5504c2340e3611824e87c88d19bbe90d68987a93', class: "ls-dv-editor-infobox" }, h("h2", { key: '3b0bd6487bcaf3fb335cb9ee97112309bf383358', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '9ac9d323cd8b3d77a332b28b8f6793ea85c04440', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: 'b4cc5713a2ddf4929e6916f2a76f6faf45b6e073', class: "ls-dv-participant-list" }, h("div", { key: '0f324fd9db8fe8269714b824c2b48a1c1b78538f', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: 'd2f1ec8272ce123a2f738396ee6f400b66d15ebe', class: "ls-dv-sender-card-inner" }, h("div", { key: '119b65754f46a4eeaee43f182721be8bce7c827a', class: "ls-dv-sender-card-top-items" }, h("div", { key: 'b9ab8dfbac32e430ebf64d294e922ae03fdebbf4', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: 'f3f7dc84a66c97acbdbd28b438fa530cbfb28072', name: "user-icon" }))), h("div", { key: '54d7ff22284a01222840a1c8b253779302074525', class: "ls-dv-sender-card-text" }, h("p", { key: 'bd2af808a8eba11661d7a7eef9ae7cef94c448ea', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: 'a1a7a38375e6ee63a99031fd399670c9f2604a72', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
+        return (h(Host, { key: '818f4d0553c06c2cc6f150c7ccc315d8a65f5f70' }, h("div", { key: '3116ca9e11ebfd7fdfe0d06e65862fd4577c6e6e', class: "ls-dv-editor-infobox" }, h("h2", { key: '0c5acf7f7c4cf70b5eb0f872a469981b800c8a21', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '1896d9c766d3e1913d9355b711c936fbc863218c', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '61dd06b0ea77d7dff2bb139453b93857223823bc', class: "ls-dv-participant-list" }, h("div", { key: 'c1fffc0af3b2954526c87ca2bd3c90da7bb09bfc', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: '343f6fb2088701c557c8a8599039dd659d753c6b', class: "ls-dv-sender-card-inner" }, h("div", { key: '7d5043bdb427a8d328c39a16bb2d64e1f2ed06cb', class: "ls-dv-sender-card-top-items" }, h("div", { key: 'f21458cbca21354e1b1c6a8f2cb93dc81d950b1b', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: 'e4e920eececf788c5aad0a96a3617ded062e7a61', name: "user-icon" }))), h("div", { key: 'd2f792501a6c7985555d66a89b2742c16aeebc68', class: "ls-dv-sender-card-text" }, h("p", { key: '48afc8b065bb5b8b19e3899bb05f726d2ed6f335', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: '02e92f9926045dfb866e515fc8ac77e9510764e4', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
             (() => {
                 const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) || [];
                 return senderFields.length > 0 ? (h("div", { class: "ls-dv-role-label ls-dv-fields", style: { background: '#edeff2', color: '#5e6066' } }, `${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`)) : null;
@@ -97,12 +97,12 @@ const LsParticipantManager = /*@__PURE__*/ proxyCustomElement(class LsParticipan
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: '9ebeddcfcc586580678a09d86aebc9ddbe08020b', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: 'da3a651cd886d5b7639a42fd7d56a046b688e086', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), h("div", { key: '623128f756e282f7a280c6f01fbf120c4685c911', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '4e6873b94e86dddc94f1219dbe099216ef564cec', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
                 if (this.addingParticipant)
                     return;
                 this.addingParticipant = true;
                 this.addParticipant.emit({ type: 'SIGNER' });
-            } })), h("slot", { key: '9e59eaa3c21ecf31674e2ba7068fcbc1e6665b7c' })));
+            } })), h("slot", { key: 'c8076c93f951031568c4dbdcd5049f4c6b4cac3d' })));
     }
     static get watchers() { return {
         "template": ["templateChanged"]
@@ -173,6 +173,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsParticipantManager as L, defineCustomElement as d };
-//# sourceMappingURL=p-Cmw6RXlv.js.map
+//# sourceMappingURL=p-CyZn7pLI.js.map
-//# sourceMappingURL=p-Cmw6RXlv.js.map
+//# sourceMappingURL=p-CyZn7pLI.js.map

package/dist/components/{p-Cmw6RXlv.js.map → p-CyZn7pLI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Cmw6RXlv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-manager/ls-participant-manager.scss?tag=ls-participant-manager&encapsulation=shadow","src/components/ls-participant-manager/ls-participant-manager.tsx"],"sourcesContent":[".ls-dv-label-span {\n position: absolute;\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-participant-list {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-sender-card {\n display: flex;\n padding: 0.625rem;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n cursor: pointer;\n border-radius: 1rem;\n background: #f7f8fa;\n border: 1px solid #afb0b2;\n}\n\n.ls-dv-sender-card-active, .ls-dv-sender-card:hover {\n outline: 2px solid #afb0b2;\n outline-offset: -2px;\n}\n\n.ls-dv-sender-card-inner {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-sender-card-top-items {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.625rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-role-label.ls-dv-fields {\n border-radius: 1rem;\n}\n\n.ls-dv-sender-card-text {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.ls-dv-sender-name {\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n color: #45484d;\n}\n\n.ls-dv-sender-type {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n color: #6f7176;\n text-transform: capitalize;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-add-participant-button {\n position: sticky;\n display: flex;\n padding: 0.75rem 0;\n margin-bottom: -0.75rem;\n margin-top: -0.75rem;\n bottom: -0.75rem;\n background-image: linear-gradient(to top, $gray-10 0%, $gray-10 80%, transparent 100%);\n}\n\n.ls-dv-add-participant-button ls-add-new-button {\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}\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","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.scss',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The currently active signer index.\n * {number}\n /\n @Prop() activeSigner: number;\n\n /\n Whether a mutation is currently in progress.\n * {boolean}\n */\n @Prop() busy: boolean = false;\n\n @State() addingParticipant: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingParticipant = false;\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 @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('participants.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('participants.description')}</p>\n </div>\n <div class=\"ls-dv-participant-list\">\n <div class={'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : '')} onClick={() => this.roleChange.emit(0)}>\n <div class=\"ls-dv-sender-card-inner\">\n <div class=\"ls-dv-sender-card-top-items\">\n <div class=\"ls-dv-role-label\" style={{ background: '#edeff2', color: '#5e6066' }}>\n <ls-icon name=\"user-icon\" />\n </div>\n </div>\n <div class=\"ls-dv-sender-card-text\">\n <p class=\"ls-dv-sender-name\">{dvI18n.t('toolbar.sender')}</p>\n <p class=\"ls-dv-sender-type\">{dvI18n.t('toolbar.you')}</p>\n </div>\n {this.template &&\n (() => {\n const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) \|\| [];\n return senderFields.length > 0 ? (\n <div class=\"ls-dv-role-label ls-dv-fields\" style={{ background: '#edeff2', color: '#5e6066' }}>\n {`${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n ) : null;\n })()}\n </div>\n </div>\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n active={r.signerIndex === this.activeSigner}\n busy={this.busy}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class=\"ls-dv-add-participant-button\">\n <ls-add-new-button\n text={dvI18n.t('participants.addparticipant')}\n icon=\"user-add-icon\"\n loading={this.addingParticipant}\n disabled={this.addingParticipant}\n onClick={() => {\n if (this.addingParticipant) return;\n this.addingParticipant = true;\n this.addParticipant.emit({ type: 'SIGNER' });\n }}\n />\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CyZn7pLI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-manager/ls-participant-manager.scss?tag=ls-participant-manager&encapsulation=shadow","src/components/ls-participant-manager/ls-participant-manager.tsx"],"sourcesContent":[".ls-dv-label-span {\n position: absolute;\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-participant-list {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-sender-card {\n display: flex;\n padding: 0.625rem;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n cursor: pointer;\n border-radius: 1rem;\n background: #f7f8fa;\n border: 1px solid #afb0b2;\n}\n\n.ls-dv-sender-card-active, .ls-dv-sender-card:hover {\n outline: 2px solid #afb0b2;\n outline-offset: -2px;\n}\n\n.ls-dv-sender-card-inner {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-sender-card-top-items {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.625rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-role-label.ls-dv-fields {\n border-radius: 1rem;\n}\n\n.ls-dv-sender-card-text {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.ls-dv-sender-name {\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n color: #45484d;\n}\n\n.ls-dv-sender-type {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n color: #6f7176;\n text-transform: capitalize;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-add-participant-button {\n position: sticky;\n display: flex;\n padding: 0.75rem 0;\n margin-bottom: -0.75rem;\n margin-top: -0.75rem;\n bottom: -0.75rem;\n background-image: linear-gradient(to top, $gray-10 0%, $gray-10 80%, transparent 100%);\n}\n\n.ls-dv-add-participant-button ls-add-new-button {\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}\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","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.scss',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The currently active signer index.\n * {number}\n /\n @Prop() activeSigner: number;\n\n /\n Whether a mutation is currently in progress.\n * {boolean}\n */\n @Prop() busy: boolean = false;\n\n @State() addingParticipant: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingParticipant = false;\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 @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('participants.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('participants.description')}</p>\n </div>\n <div class=\"ls-dv-participant-list\">\n <div class={'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : '')} onClick={() => this.roleChange.emit(0)}>\n <div class=\"ls-dv-sender-card-inner\">\n <div class=\"ls-dv-sender-card-top-items\">\n <div class=\"ls-dv-role-label\" style={{ background: '#edeff2', color: '#5e6066' }}>\n <ls-icon name=\"user-icon\" />\n </div>\n </div>\n <div class=\"ls-dv-sender-card-text\">\n <p class=\"ls-dv-sender-name\">{dvI18n.t('toolbar.sender')}</p>\n <p class=\"ls-dv-sender-type\">{dvI18n.t('toolbar.you')}</p>\n </div>\n {this.template &&\n (() => {\n const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) \|\| [];\n return senderFields.length > 0 ? (\n <div class=\"ls-dv-role-label ls-dv-fields\" style={{ background: '#edeff2', color: '#5e6066' }}>\n {`${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n ) : null;\n })()}\n </div>\n </div>\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n active={r.signerIndex === this.activeSigner}\n busy={this.busy}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class=\"ls-dv-add-participant-button\">\n <ls-add-new-button\n text={dvI18n.t('participants.addparticipant')}\n icon=\"user-add-icon\"\n loading={this.addingParticipant}\n disabled={this.addingParticipant}\n onClick={() => {\n if (this.addingParticipant) return;\n this.addingParticipant = true;\n this.addParticipant.emit({ type: 'SIGNER' });\n }}\n />\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CyV8nu-T.js → p-DAmQwWyK.js} RENAMED Viewed

@@ -5,52 +5,52 @@ import { d as defineCustomElement$O } from './p-CQI0GKzS.js';
 import { d as defineCustomElement$N } from './p-BKbGzLae.js';
 import { d as defineCustomElement$M } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$L } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$K } from './p-BodlW2-m.js';
+import { d as defineCustomElement$K } from './p-C2zBzrSq.js';
 import { d as defineCustomElement$J } from './p-XbFErpli.js';
 import { d as defineCustomElement$I } from './p-BNHlMdus.js';
 import { d as defineCustomElement$H } from './p-RceAr_AQ.js';
-import { d as defineCustomElement$G } from './p-CTMHCecN.js';
+import { d as defineCustomElement$G } from './p-CALnPlUj.js';
 import { d as defineCustomElement$F } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$E } from './p-Dw48QFVg.js';
 import { d as defineCustomElement$D } from './p-gvdT4if6.js';
 import { d as defineCustomElement$C } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$B } from './p-pAh5qPFg.js';
-import { d as defineCustomElement$A } from './p-BTcdVmkv.js';
-import { d as defineCustomElement$z } from './p-D6grL59P.js';
-import { d as defineCustomElement$y } from './p-DAq2HFf_.js';
+import { d as defineCustomElement$B } from './p-CqiTFz8Q.js';
+import { d as defineCustomElement$A } from './p-BgoGd-eS.js';
+import { d as defineCustomElement$z } from './p-CWmE6B4K.js';
+import { d as defineCustomElement$y } from './p-ma9TKqrQ.js';
 import { d as defineCustomElement$x } from './p-CyHkY6Ep.js';
-import { d as defineCustomElement$w } from './p-DpA4TE1Q.js';
-import { d as defineCustomElement$v } from './p-BDD6zFgO.js';
-import { d as defineCustomElement$u } from './p-BmpejMo_.js';
-import { d as defineCustomElement$t } from './p-CHbV_3Pe.js';
-import { d as defineCustomElement$s } from './p-ByN7GurE.js';
-import { d as defineCustomElement$r } from './p-uST4uUr8.js';
-import { d as defineCustomElement$q } from './p-D4pQIA1Z.js';
-import { d as defineCustomElement$p } from './p-x8FQ2VuC.js';
-import { d as defineCustomElement$o } from './p-BzFRp7ij.js';
-import { d as defineCustomElement$n } from './p-eWb3jk9k.js';
+import { d as defineCustomElement$w } from './p-eNHd8fhJ.js';
+import { d as defineCustomElement$v } from './p-BnJLMchr.js';
+import { d as defineCustomElement$u } from './p-BgajmEVt.js';
+import { d as defineCustomElement$t } from './p-CrNkvfxG.js';
+import { d as defineCustomElement$s } from './p-DeCwvfDM.js';
+import { d as defineCustomElement$r } from './p-BCYIqf8S.js';
+import { d as defineCustomElement$q } from './p-BEq82oAT.js';
+import { d as defineCustomElement$p } from './p-B6VrNH3t.js';
+import { d as defineCustomElement$o } from './p-C4MDnydI.js';
+import { d as defineCustomElement$n } from './p-CYpYv8bB.js';
 import { d as defineCustomElement$m } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$l } from './p-BHeJScTh.js';
 import { d as defineCustomElement$k } from './p-Brq7Gduk.js';
-import { d as defineCustomElement$j } from './p-DaQLveiE.js';
+import { d as defineCustomElement$j } from './p-CBf_4337.js';
 import { d as defineCustomElement$i } from './p-CIV0VNix.js';
 import { d as defineCustomElement$h } from './p-MzXqai7c.js';
 import { d as defineCustomElement$g } from './p-CKoM9Y6t.js';
 import { d as defineCustomElement$f } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$e } from './p-DmB0JIWj.js';
-import { d as defineCustomElement$d } from './p-Cmw6RXlv.js';
-import { d as defineCustomElement$c } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$e } from './p-CiCPXHsq.js';
+import { d as defineCustomElement$d } from './p-CyZn7pLI.js';
+import { d as defineCustomElement$c } from './p-DJ32qqnr.js';
 import { d as defineCustomElement$b } from './p-IqyK8xOq.js';
-import { d as defineCustomElement$a } from './p-8F4ilTjF.js';
-import { d as defineCustomElement$9 } from './p-CJWQJjj3.js';
+import { d as defineCustomElement$a } from './p-CgSze-aJ.js';
+import { d as defineCustomElement$9 } from './p-CeXrtgSO.js';
 import { d as defineCustomElement$8 } from './p-CF40f_5M.js';
 import { d as defineCustomElement$7 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$6 } from './p-t_ow9YJD.js';
-import { d as defineCustomElement$5 } from './p-BddWzZuD.js';
-import { d as defineCustomElement$4 } from './p-CD0ohunR.js';
+import { d as defineCustomElement$5 } from './p-DEBcjrDR.js';
+import { d as defineCustomElement$4 } from './p-PUZ-RtL4.js';
 import { d as defineCustomElement$3 } from './p-XnnsjcVC.js';
-import { d as defineCustomElement$2 } from './p-S46PtMZ-.js';
-import { d as defineCustomElement$1 } from './p-CLn6CMAa.js';
+import { d as defineCustomElement$2 } from './p-C75ZosLW.js';
+import { d as defineCustomElement$1 } from './p-C9ZMy9Xu.js';
 const lsLeftBarCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}:host *{scrollbar-width:none}:host *::-webkit-scrollbar{display:none}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-locked-overlay{position:absolute;top:0;right:0;width:calc(100% - 5rem);height:100%;background:rgba(255, 255, 255, 0.6);border-radius:1.25rem;z-index:1001;pointer-events:all}`;
@@ -439,6 +439,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsLeftBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-CyV8nu-T.js.map
+//# sourceMappingURL=p-DAmQwWyK.js.map
-//# sourceMappingURL=p-CyV8nu-T.js.map
+//# sourceMappingURL=p-DAmQwWyK.js.map

package/dist/components/{p-CyV8nu-T.js.map → p-DAmQwWyK.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CyV8nu-T.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin /\n {\n margin: 0;\n}\n\n/* 8. Avoid text overflows /\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n/ 9. Improve line wrapping /\np {\n text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n text-wrap: balance;\n}\n\n:host {\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n\n {\n @include hide-scrollbars;\n }\n}\n\n.ls-dv-hidden {\n visibility: hidden;\n display: none;\n width: 0px;\n}\n\n#my-field-panel {\n position: relative;\n height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n position: relative;\n border-radius: 1.75rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n width: 21.25rem;\n margin: 1rem;\n min-width: 21.25rem;\n height: calc(100% - 2rem);\n max-height: calc(100% - 2rem);\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n}\n\n.ls-dv-left-box-inner {\n position: relative;\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n padding: 0.75rem;\n gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n border: 1px solid $gray-30;\n background: $gray-10;\n padding: 0.75rem;\n gap: 1rem;\n overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: none;\n border-radius: 0;\n border: none;\n background: white;\n padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow-y: auto;\n /* width: calc(100% + 0.25rem); /\n padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n position: absolute;\n top: 5.9375rem;\n left: 0;\n width: 100%;\n height: 1rem;\n background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n position: absolute;\n bottom: 1rem;\n left: 0.75rem;\n width: calc(100% - 1.5rem);\n height: 1rem;\n background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem;\n / 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-fields-box {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n position: relative;\n height: 100%;\n}\n\n.ls-dv-properties-header {\n display: flex;\n padding: 1rem;\n gap: 0.75rem;\n align-items: center;\n border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n color: $gray-100;\n width: 100%;\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 2rem;\n / 133.333% /\n}\n\n.ls-dv-properties-header-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n background: $primary-10;\n color: $primary-60;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-locked-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(100% - 5rem);\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 1.25rem;\n z-index: 1001;\n pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-left-bar',\n styleUrl: 'ls-left-bar.scss',\n shadow: true,\n})\nexport class LsLeftBar {\n @Element() el: HTMLElement;\n\n @Prop() mode: 'editor' \| 'compose' \| 'preview' = 'editor';\n @Prop() selected: HTMLLsEditorFieldElement[] = [];\n @Prop() manager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation';\n @Prop() signer: number;\n @Prop() filtertoolbox: string = null;\n @Prop() template: LSApiTemplate;\n @Prop() recipients: any[];\n @Prop() validationErrors: ValidationError[] = [];\n @Prop() fieldTypeSelected: IToolboxField;\n @Prop() displayTable: boolean = false;\n @Prop() busy: boolean = false;\n @Prop() selectedDataItems: any[] = [];\n\n @Event() managerChange: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation') {\n if (newManager === 'document') {\n const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n if (dm) dm.template = this.template;\n } else if (newManager === 'participant') {\n const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n if (pm) pm.template = this.template;\n } else if (newManager === 'validation') {\n const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n if (vm) vm.validationErrors = this.validationErrors;\n }\n }\n\n componentDidLoad() {\n const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n if (leftBox) {\n leftBox.addEventListener('mousedown', e => e.stopPropagation());\n leftBox.addEventListener('mouseup', e => e.stopPropagation());\n leftBox.addEventListener('mousemove', e => e.stopPropagation());\n }\n }\n\n @Watch('signer')\n signerChanged() {\n try {\n const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n if (recipientManager) {\n const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n if (recipientsBox) {\n recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n } catch (e) {\n // fail silently\n }\n }\n\n private showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null \|\| this.filtertoolbox.split('\|').includes(fieldFormType);\n }\n\n private checkType(type: LSApiRoleType): boolean {\n if (this.mode === 'compose' && this.recipients) {\n return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n } else if (this.template) {\n return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n }\n return false;\n }\n\n private renderFieldProperties() {\n if (this.displayTable \|\| this.selected.length === 0) return null;\n return (\n <div class=\"ls-dv-field-properties-outer\">\n <div class=\"ls-dv-properties-header\">\n <div class=\"ls-dv-properties-header-icon\">\n <ls-icon name=\"pre-filled-content-icon\" />\n </div>\n <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n <button\n class=\"ls-dv-tertiary-grey\"\n onClick={e => {\n this.clearSelected.emit();\n e.preventDefault();\n }}\n style={{ borderRadius: '0.75rem' }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n >\n <ls-icon name=\"x-icon\" size={20} />\n </button>\n </div>\n <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked \|\| false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n </div>\n );\n }\n\n private renderToolbox() {\n return (\n <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n </div>\n <div class=\"ls-dv-fields-box\">\n {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n />\n )}\n {this.signer === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"admin\"\n formElementType=\"auto sign\"\n label={dvI18n.t('toolbox.autosign')}\n defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n validation={3000}\n icon=\"auto-sign-icon\"\n tooltip={dvI18n.t('toolbox.autosigntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label={dvI18n.t('toolbox.text')}\n defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n validation={0}\n icon=\"text-icon\"\n tooltip={dvI18n.t('toolbox.texttooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n />\n )}\n {this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"signing date\"\n label={dvI18n.t('toolbox.signingdate')}\n defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n validation={32}\n icon=\"auto-date-icon\"\n tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n />\n )}\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"date\"\n label={dvI18n.t('toolbox.date')}\n defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n validation={4}\n icon=\"calender-icon\"\n tooltip={dvI18n.t('toolbox.datetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"email\"\n label={dvI18n.t('toolbox.email')}\n defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n validation={1}\n icon=\"at-symbol-icon\"\n tooltip={dvI18n.t('toolbox.emailtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n />\n )}\n {this.showTool('initials') && this.signer > 0 && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label={dvI18n.t('toolbox.initials')}\n defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n validation={2000}\n icon=\"initials-icon\"\n tooltip={dvI18n.t('toolbox.initialstooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n />\n )}\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"number\"\n label={dvI18n.t('toolbox.number')}\n defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n validation={50}\n icon=\"hashtag-icon\"\n tooltip={dvI18n.t('toolbox.numbertooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n />\n )}\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"dropdown\"\n label={dvI18n.t('toolbox.dropdown')}\n defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n validation={20}\n icon=\"dropdown-icon\"\n tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n />\n )}\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"checkbox\"\n label={dvI18n.t('toolbox.checkbox')}\n defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n validation={25}\n icon=\"check-icon\"\n tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n />\n )}\n {this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regular expression\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n />\n )}\n\n {this.signer > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"file\"\n label={dvI18n.t('toolbox.file')}\n defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n validation={74}\n icon=\"upload-icon\"\n tooltip={dvI18n.t('toolbox.filetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n />\n )}\n {this.signer > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"drawn field\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n />\n )}\n </div>\n </div>\n );\n }\n\n private renderEditor() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n {this.renderToolbox()}\n <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n <div class=\"ls-dv-scroll-gradient-top\" />\n <div class=\"ls-dv-scroll-gradient-bottom\" />\n <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n <div class=\"ls-dv-recipients-box\">\n {this.recipients &&\n this.recipients.map(recipient => (\n <ls-recipient-card\n recipient={recipient}\n activeRecipient={this.signer}\n filtertoolbox={this.filtertoolbox}\n template={this.template}\n validationErrors={this.validationErrors}\n fieldTypeSelected={this.fieldTypeSelected}\n data-signer-index={recipient.signerIndex}\n />\n ))}\n </div>\n <slot name=\"recipient-panel\"></slot>\n </ls-recipient-manager>\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n render() {\n return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n }\n}\n"],"version":3}
1	+ {"file":"p-DAmQwWyK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin /\n {\n margin: 0;\n}\n\n/* 8. Avoid text overflows /\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n/ 9. Improve line wrapping /\np {\n text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n text-wrap: balance;\n}\n\n:host {\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n\n {\n @include hide-scrollbars;\n }\n}\n\n.ls-dv-hidden {\n visibility: hidden;\n display: none;\n width: 0px;\n}\n\n#my-field-panel {\n position: relative;\n height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n position: relative;\n border-radius: 1.75rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n width: 21.25rem;\n margin: 1rem;\n min-width: 21.25rem;\n height: calc(100% - 2rem);\n max-height: calc(100% - 2rem);\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n}\n\n.ls-dv-left-box-inner {\n position: relative;\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n padding: 0.75rem;\n gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n border: 1px solid $gray-30;\n background: $gray-10;\n padding: 0.75rem;\n gap: 1rem;\n overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: none;\n border-radius: 0;\n border: none;\n background: white;\n padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow-y: auto;\n /* width: calc(100% + 0.25rem); /\n padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n position: absolute;\n top: 5.9375rem;\n left: 0;\n width: 100%;\n height: 1rem;\n background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n position: absolute;\n bottom: 1rem;\n left: 0.75rem;\n width: calc(100% - 1.5rem);\n height: 1rem;\n background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem;\n / 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-fields-box {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n position: relative;\n height: 100%;\n}\n\n.ls-dv-properties-header {\n display: flex;\n padding: 1rem;\n gap: 0.75rem;\n align-items: center;\n border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n color: $gray-100;\n width: 100%;\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 2rem;\n / 133.333% /\n}\n\n.ls-dv-properties-header-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n background: $primary-10;\n color: $primary-60;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-locked-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(100% - 5rem);\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 1.25rem;\n z-index: 1001;\n pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-left-bar',\n styleUrl: 'ls-left-bar.scss',\n shadow: true,\n})\nexport class LsLeftBar {\n @Element() el: HTMLElement;\n\n @Prop() mode: 'editor' \| 'compose' \| 'preview' = 'editor';\n @Prop() selected: HTMLLsEditorFieldElement[] = [];\n @Prop() manager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation';\n @Prop() signer: number;\n @Prop() filtertoolbox: string = null;\n @Prop() template: LSApiTemplate;\n @Prop() recipients: any[];\n @Prop() validationErrors: ValidationError[] = [];\n @Prop() fieldTypeSelected: IToolboxField;\n @Prop() displayTable: boolean = false;\n @Prop() busy: boolean = false;\n @Prop() selectedDataItems: any[] = [];\n\n @Event() managerChange: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation') {\n if (newManager === 'document') {\n const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n if (dm) dm.template = this.template;\n } else if (newManager === 'participant') {\n const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n if (pm) pm.template = this.template;\n } else if (newManager === 'validation') {\n const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n if (vm) vm.validationErrors = this.validationErrors;\n }\n }\n\n componentDidLoad() {\n const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n if (leftBox) {\n leftBox.addEventListener('mousedown', e => e.stopPropagation());\n leftBox.addEventListener('mouseup', e => e.stopPropagation());\n leftBox.addEventListener('mousemove', e => e.stopPropagation());\n }\n }\n\n @Watch('signer')\n signerChanged() {\n try {\n const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n if (recipientManager) {\n const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n if (recipientsBox) {\n recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n } catch (e) {\n // fail silently\n }\n }\n\n private showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null \|\| this.filtertoolbox.split('\|').includes(fieldFormType);\n }\n\n private checkType(type: LSApiRoleType): boolean {\n if (this.mode === 'compose' && this.recipients) {\n return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n } else if (this.template) {\n return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n }\n return false;\n }\n\n private renderFieldProperties() {\n if (this.displayTable \|\| this.selected.length === 0) return null;\n return (\n <div class=\"ls-dv-field-properties-outer\">\n <div class=\"ls-dv-properties-header\">\n <div class=\"ls-dv-properties-header-icon\">\n <ls-icon name=\"pre-filled-content-icon\" />\n </div>\n <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n <button\n class=\"ls-dv-tertiary-grey\"\n onClick={e => {\n this.clearSelected.emit();\n e.preventDefault();\n }}\n style={{ borderRadius: '0.75rem' }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n >\n <ls-icon name=\"x-icon\" size={20} />\n </button>\n </div>\n <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked \|\| false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n </div>\n );\n }\n\n private renderToolbox() {\n return (\n <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n </div>\n <div class=\"ls-dv-fields-box\">\n {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n />\n )}\n {this.signer === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"admin\"\n formElementType=\"auto sign\"\n label={dvI18n.t('toolbox.autosign')}\n defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n validation={3000}\n icon=\"auto-sign-icon\"\n tooltip={dvI18n.t('toolbox.autosigntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label={dvI18n.t('toolbox.text')}\n defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n validation={0}\n icon=\"text-icon\"\n tooltip={dvI18n.t('toolbox.texttooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n />\n )}\n {this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"signing date\"\n label={dvI18n.t('toolbox.signingdate')}\n defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n validation={32}\n icon=\"auto-date-icon\"\n tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n />\n )}\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"date\"\n label={dvI18n.t('toolbox.date')}\n defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n validation={4}\n icon=\"calender-icon\"\n tooltip={dvI18n.t('toolbox.datetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"email\"\n label={dvI18n.t('toolbox.email')}\n defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n validation={1}\n icon=\"at-symbol-icon\"\n tooltip={dvI18n.t('toolbox.emailtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n />\n )}\n {this.showTool('initials') && this.signer > 0 && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label={dvI18n.t('toolbox.initials')}\n defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n validation={2000}\n icon=\"initials-icon\"\n tooltip={dvI18n.t('toolbox.initialstooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n />\n )}\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"number\"\n label={dvI18n.t('toolbox.number')}\n defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n validation={50}\n icon=\"hashtag-icon\"\n tooltip={dvI18n.t('toolbox.numbertooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n />\n )}\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"dropdown\"\n label={dvI18n.t('toolbox.dropdown')}\n defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n validation={20}\n icon=\"dropdown-icon\"\n tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n />\n )}\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"checkbox\"\n label={dvI18n.t('toolbox.checkbox')}\n defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n validation={25}\n icon=\"check-icon\"\n tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n />\n )}\n {this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regular expression\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n />\n )}\n\n {this.signer > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"file\"\n label={dvI18n.t('toolbox.file')}\n defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n validation={74}\n icon=\"upload-icon\"\n tooltip={dvI18n.t('toolbox.filetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n />\n )}\n {this.signer > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"drawn field\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n />\n )}\n </div>\n </div>\n );\n }\n\n private renderEditor() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n {this.renderToolbox()}\n <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n <div class=\"ls-dv-scroll-gradient-top\" />\n <div class=\"ls-dv-scroll-gradient-bottom\" />\n <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n <div class=\"ls-dv-recipients-box\">\n {this.recipients &&\n this.recipients.map(recipient => (\n <ls-recipient-card\n recipient={recipient}\n activeRecipient={this.signer}\n filtertoolbox={this.filtertoolbox}\n template={this.template}\n validationErrors={this.validationErrors}\n fieldTypeSelected={this.fieldTypeSelected}\n data-signer-index={recipient.signerIndex}\n />\n ))}\n </div>\n <slot name=\"recipient-panel\"></slot>\n </ls-recipient-manager>\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n render() {\n return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n }\n}\n"],"version":3}

package/dist/components/{p-BddWzZuD.js → p-DEBcjrDR.js} RENAMED Viewed

@@ -17,10 +17,10 @@ const LsToggle = /*@__PURE__*/ proxyCustomElement(class LsToggle extends H {
         this.valueChange.emit(value);
     }
     render() {
-        return (h(Host, { key: 'f809e7080f1c45114a18b3c0bf6e14d9a327679e' }, h("label", { key: 'ba891813f726b860ad4fe2dd6a0d1fb65140ff58', class: "ls-dv-switch" }, h("input", { key: '3f280f447e436f1954ffddc64874d91d313bb96f', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: '5421cfa2eb6a58613c49fdff25ed33410375a992' }, h("label", { key: 'aa1020bc1f6526fbf05c724b236ac9cd5a29cca5', class: "ls-dv-switch" }, h("input", { key: 'c4cc14d5234f4d37aab750508a3af16bcff00328', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
                 e.target.blur();
-            } }), h("span", { key: '4d177c0bd2152a9437763e75141161fb1d17209e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e81517d28298ef0affb51a068b1f7b61a53e59cd' })));
+            } }), h("span", { key: 'a31086d056cb9760794031220d5e497e75a6890d', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: '131e867585cb7211460d5e628eb0c2c4aa4417f5' })));
     }
     static get style() { return lsToggleCss(); }
 }, [772, "ls-toggle", {
@@ -43,6 +43,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsToggle as L, defineCustomElement as d };
-//# sourceMappingURL=p-BddWzZuD.js.map
+//# sourceMappingURL=p-DEBcjrDR.js.map
-//# sourceMappingURL=p-BddWzZuD.js.map
+//# sourceMappingURL=p-DEBcjrDR.js.map

package/dist/components/{p-BddWzZuD.js.map → p-DEBcjrDR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BddWzZuD~~.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,ovCAAovC,CAAC;;MCOnwC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;AACM,IAAA,OAAO;AACxB,IAAA,aAAa;AACL,IAAA,WAAW;AAE3B,IAAA,aAAa,CAAC,KAAc,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACzB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAG,QAAQ,EAAE,CAAC,CAAC,KAAI;gBAC7D,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAAc,CAAC,OAAO,CAAC;AAC5C,gBAAA,CAAC,CAAC,MAAsB,CAAC,IAAI,EAAE;AAChC,aAAC,EACE,CAAA,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,aAAa,GAAG,qBAAqB,GAAG,cAAc,CAAA,YAAA,CAAc,GAAS,CAC5F,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toggle/ls-toggle.scss?tag=ls-toggle","src/components/ls-toggle/ls-toggle.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n/* The switch - the box around the slider /\n.ls-dv-switch {\n position: relative;\n display: inline-block;\n width: 2.75rem;\n height: 1.5rem;\n}\n\n/ Hide default HTML checkbox /\n.ls-dv-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/ The slider /\n.ls-dv-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $gray-20;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-indeterminate {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $primary-60;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-slider:before {\n position: absolute;\n content: '';\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.75rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput:checked + .ls-dv-slider {\n background-color: $primary-60;\n}\n\ninput:focus + .ls-dv-slider {\n box-shadow: 0 0 1px $primary-60;\n outline: 0.25rem solid $primary-20;\n}\n\ninput:checked + .ls-dv-slider:before {\n -webkit-transform: translateX(1.25rem);\n -ms-transform: translateX(1.25rem);\n transform: translateX(1.25rem);\n}\n\n/ Rounded sliders */\n.ls-dv-slider.ls-dv-round, .ls-dv-indeterminate.ls-dv-round {\n border-radius: 2.125rem;\n}\n\n.ls-dv-slider.ls-dv-round:before {\n border-radius: 50%;\n}\n","import { Component, Host, Prop, h, Event as StencilEvent, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'ls-toggle',\n styleUrl: 'ls-toggle.scss',\n shadow: false,\n})\nexport class LsToggle {\n @Prop({ mutable: true }) checked: boolean;\n @Prop() indeterminate: boolean;\n @StencilEvent() valueChange: EventEmitter<boolean>;\n\n changeHandler(value: boolean) {\n this.valueChange.emit(value);\n }\n\n render() {\n return (\n <Host>\n <label class=\"ls-dv-switch\">\n <input type=\"checkbox\" checked={this.checked} onChange={(e) => {\n this.changeHandler((e.target as any).checked);\n (e.target as HTMLElement).blur();\n }\n }/>\n <span class={`${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round`}></span>\n </label>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DEBcjrDR.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,ovCAAovC,CAAC;;MCOnwC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;AACM,IAAA,OAAO;AACxB,IAAA,aAAa;AACL,IAAA,WAAW;AAE3B,IAAA,aAAa,CAAC,KAAc,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACzB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAG,QAAQ,EAAE,CAAC,CAAC,KAAI;gBAC7D,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAAc,CAAC,OAAO,CAAC;AAC5C,gBAAA,CAAC,CAAC,MAAsB,CAAC,IAAI,EAAE;AAChC,aAAC,EACE,CAAA,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,aAAa,GAAG,qBAAqB,GAAG,cAAc,CAAA,YAAA,CAAc,GAAS,CAC5F,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toggle/ls-toggle.scss?tag=ls-toggle","src/components/ls-toggle/ls-toggle.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n/* The switch - the box around the slider /\n.ls-dv-switch {\n position: relative;\n display: inline-block;\n width: 2.75rem;\n height: 1.5rem;\n}\n\n/ Hide default HTML checkbox /\n.ls-dv-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/ The slider /\n.ls-dv-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $gray-20;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-indeterminate {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $primary-60;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-slider:before {\n position: absolute;\n content: '';\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.75rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput:checked + .ls-dv-slider {\n background-color: $primary-60;\n}\n\ninput:focus + .ls-dv-slider {\n box-shadow: 0 0 1px $primary-60;\n outline: 0.25rem solid $primary-20;\n}\n\ninput:checked + .ls-dv-slider:before {\n -webkit-transform: translateX(1.25rem);\n -ms-transform: translateX(1.25rem);\n transform: translateX(1.25rem);\n}\n\n/ Rounded sliders */\n.ls-dv-slider.ls-dv-round, .ls-dv-indeterminate.ls-dv-round {\n border-radius: 2.125rem;\n}\n\n.ls-dv-slider.ls-dv-round:before {\n border-radius: 50%;\n}\n","import { Component, Host, Prop, h, Event as StencilEvent, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'ls-toggle',\n styleUrl: 'ls-toggle.scss',\n shadow: false,\n})\nexport class LsToggle {\n @Prop({ mutable: true }) checked: boolean;\n @Prop() indeterminate: boolean;\n @StencilEvent() valueChange: EventEmitter<boolean>;\n\n changeHandler(value: boolean) {\n this.valueChange.emit(value);\n }\n\n render() {\n return (\n <Host>\n <label class=\"ls-dv-switch\">\n <input type=\"checkbox\" checked={this.checked} onChange={(e) => {\n this.changeHandler((e.target as any).checked);\n (e.target as HTMLElement).blur();\n }\n }/>\n <span class={`${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round`}></span>\n </label>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DmrshWtQ.js → p-DJ32qqnr.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const LsPropsSection = /*@__PURE__*/ proxyCustomElement(class LsPropsSection ext
     sectionDescription;
     row = false;
     render() {
-        return (h(Host, { key: '1b6cf1035f048c9c0348bef3fb52847535787435' }, h("div", { key: '0e29c67fb26ffeb3f555c0077a8fea22b5f3438d', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '2b7913089accebfc07650e08773bd61cb61ae3e2', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'af615d09d85d303ad96b320c5a3469165e263c5c', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b28c5de86eff3cb4a1a74dd58a23070b87b6a057', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '968d3c634aa7b1f269430620d00b2d8025fb5dd1' }))));
+        return (h(Host, { key: '81b3ae4e09ff68210aff32a03053e7809756f6ec' }, h("div", { key: 'ca599acf79b91f88aeb0fa12bc0213aa065a24b2', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: 'c40095b78722eb852ee1d475cfb394ca7cf24fb3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c8a726cbcf843cdba8c19b0cca178267b87b8a16', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '40acfc25c2101b85f2f905a0e22f5e0e0981148f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: 'c3ba7d041f7bd3bcc2829ad6bff72aeee5c97881' }))));
     }
     static get style() { return lsPropsSectionCss(); }
 }, [769, "ls-props-section", {
@@ -38,6 +38,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsPropsSection as L, defineCustomElement as d };
-//# sourceMappingURL=p-DmrshWtQ.js.map
+//# sourceMappingURL=p-DJ32qqnr.js.map
-//# sourceMappingURL=p-DmrshWtQ.js.map
+//# sourceMappingURL=p-DJ32qqnr.js.map

package/dist/components/{p-DmrshWtQ.js.map → p-DJ32qqnr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DmrshWtQ~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-props-section',\n styleUrl: 'ls-props-section.scss',\n shadow: true,\n})\nexport class LsPropsSection {\n @Prop() sectionTitle: string;\n @Prop() sectionDescription?: string;\n @Prop() row?: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DJ32qqnr.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-props-section',\n styleUrl: 'ls-props-section.scss',\n shadow: true,\n})\nexport class LsPropsSection {\n @Prop() sectionTitle: string;\n @Prop() sectionDescription?: string;\n @Prop() row?: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}