npm - legalesign-document-viewer - Versions diffs - 1.0.7 → 1.0.9 - Mend

legalesign-document-viewer 1.0.7 → 1.0.9

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

package/dist/components/{p-DsEMqzrc.js.map → p-BGqK8A6J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DsEMqzrc~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCUp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAElC,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-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.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\n@Component({\n tag: 'ls-field-properties-email',\n styleUrl: 'ls-field-properties-email.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesEmail {\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-BGqK8A6J.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCUp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAElC,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-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.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\n@Component({\n tag: 'ls-field-properties-email',\n styleUrl: 'ls-field-properties-email.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesEmail {\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-CgFpE1fV.js → p-BYUxzyjP.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 const lsRecipientManagerCss = () => `:host{display:block}*{margin:0}.ls-dv-editor-infobox{padding:0.25rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-bottom:0.375rem}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;margin-bottom:0.375rem}`;
@@ -32,6 +32,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsRecipientManager as L, defineCustomElement as d };
-//# sourceMappingURL=p-CgFpE1fV.js.map
+//# sourceMappingURL=p-BYUxzyjP.js.map
-//# sourceMappingURL=p-CgFpE1fV.js.map
+//# sourceMappingURL=p-BYUxzyjP.js.map

package/dist/components/{p-CgFpE1fV.js.map → p-BYUxzyjP.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CgFpE1fV~~.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,8XAA8X,CAAC;;MCQvZ,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sBAAsB,EAAA,EAChC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAM,EAC3E,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAK,CACjF,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-recipient-manager/ls-recipient-manager.scss?tag=ls-recipient-manager&encapsulation=shadow","src/components/ls-recipient-manager/ls-recipient-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.25rem;\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 margin-bottom: 0.375rem;\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 margin-bottom: 0.375rem;\n}","import { Component, Host, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-recipient-manager',\n styleUrl: 'ls-recipient-manager.scss',\n shadow: true,\n})\nexport class LsRecipientManager {\n render() {\n return (\n <Host>\n <div class={'ls-dv-editor-infobox'}>\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('recipients.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('recipients.description')}</p>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BYUxzyjP.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,8XAA8X,CAAC;;MCQvZ,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sBAAsB,EAAA,EAChC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAM,EAC3E,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAK,CACjF,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-recipient-manager/ls-recipient-manager.scss?tag=ls-recipient-manager&encapsulation=shadow","src/components/ls-recipient-manager/ls-recipient-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.25rem;\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 margin-bottom: 0.375rem;\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 margin-bottom: 0.375rem;\n}","import { Component, Host, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-recipient-manager',\n styleUrl: 'ls-recipient-manager.scss',\n shadow: true,\n})\nexport class LsRecipientManager {\n render() {\n return (\n <Host>\n <div class={'ls-dv-editor-infobox'}>\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('recipients.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('recipients.description')}</p>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-D02hM4Sf.js → p-Bhd-PK8a.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$2 } from './p-DzUG2q_b.js';
+import { d as defineCustomElement$2 } from './p-BtdUICMY.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:var(--rounded-full, 9999px);gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsHelperBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-D02hM4Sf.js.map
+//# sourceMappingURL=p-Bhd-PK8a.js.map
-//# sourceMappingURL=p-D02hM4Sf.js.map
+//# sourceMappingURL=p-Bhd-PK8a.js.map

package/dist/components/{p-D02hM4Sf.js.map → p-Bhd-PK8a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D02hM4Sf~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-helper-bar/ls-helper-bar.scss?tag=ls-helper-bar&encapsulation=shadow","src/components/ls-helper-bar/ls-helper-bar.tsx"],"sourcesContent":[".ls-dv-controls-bar {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n background-color: white;\n border: 1px solid $gray-30;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: $rounded-full;\n gap: 0.75rem;\n padding: 0.5rem;\n}\n\nbutton {\n all: unset;\n border: 0;\n color: $gray-80;\n}\n\nbutton:hover {\n color: $gray-100;\n border-radius: 0.625rem;\n}\n\nbutton:disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-dv-divider {\n height: 1px;\n background-color: $gray-30;\n width: 100%;\n margin: -0.25rem 0;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-helper-bar',\n styleUrl: 'ls-helper-bar.scss',\n shadow: true,\n})\nexport class LsHelperBar {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) expanded: boolean = false;\n @Prop({ mutable: true }) showShortcuts: boolean = false;\n\n private isSafari = /^((?!chrome\|android).)safari/i.test(navigator.userAgent);\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-controls-bar'} onMouseEnter={() => (this.expanded = true)} onMouseLeave={() => (this.expanded = false)}>\n <button\n style={!this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }}\n id=\"keyboard-btn\"\n onMouseEnter={() => (this.showShortcuts = true)}\n onMouseLeave={() => (this.showShortcuts = false)}\n >\n <ls-keyboard-shortcuts style={!this.showShortcuts ? { display: 'none' } : { display: 'block' }} />\n <ls-icon name=\"keyboard-icon\" />\n </button>\n {/ <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} data-pendo=\"launch-new-edit-tour\">\n <ls-icon name=\"map-icon\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content=\"Take a Guided Tour\" data-tooltip-place=\"left\" />\n </button> */}\n <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.viewdocumentation')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n <ls-icon name=\"book-open-icon\" />\n </button>\n <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://support.legalesign.io/tickets', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.contactsupport')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n <ls-icon name=\"support-icon\" />\n </button>\n <div class=\"ls-dv-divider\" style={!this.expanded ? { display: 'none' } : { display: 'block' }} />\n <button>\n <ls-icon name=\"question-mark-circle-icon\" />\n </button>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Bhd-PK8a.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-helper-bar/ls-helper-bar.scss?tag=ls-helper-bar&encapsulation=shadow","src/components/ls-helper-bar/ls-helper-bar.tsx"],"sourcesContent":[".ls-dv-controls-bar {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n background-color: white;\n border: 1px solid $gray-30;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: $rounded-full;\n gap: 0.75rem;\n padding: 0.5rem;\n}\n\nbutton {\n all: unset;\n border: 0;\n color: $gray-80;\n}\n\nbutton:hover {\n color: $gray-100;\n border-radius: 0.625rem;\n}\n\nbutton:disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-dv-divider {\n height: 1px;\n background-color: $gray-30;\n width: 100%;\n margin: -0.25rem 0;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-helper-bar',\n styleUrl: 'ls-helper-bar.scss',\n shadow: true,\n})\nexport class LsHelperBar {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) expanded: boolean = false;\n @Prop({ mutable: true }) showShortcuts: boolean = false;\n\n private isSafari = /^((?!chrome\|android).)safari/i.test(navigator.userAgent);\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-controls-bar'} onMouseEnter={() => (this.expanded = true)} onMouseLeave={() => (this.expanded = false)}>\n <button\n style={!this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }}\n id=\"keyboard-btn\"\n onMouseEnter={() => (this.showShortcuts = true)}\n onMouseLeave={() => (this.showShortcuts = false)}\n >\n <ls-keyboard-shortcuts style={!this.showShortcuts ? { display: 'none' } : { display: 'block' }} />\n <ls-icon name=\"keyboard-icon\" />\n </button>\n {/ <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} data-pendo=\"launch-new-edit-tour\">\n <ls-icon name=\"map-icon\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content=\"Take a Guided Tour\" data-tooltip-place=\"left\" />\n </button> */}\n <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.viewdocumentation')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n <ls-icon name=\"book-open-icon\" />\n </button>\n <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://support.legalesign.io/tickets', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.contactsupport')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n <ls-icon name=\"support-icon\" />\n </button>\n <div class=\"ls-dv-divider\" style={!this.expanded ? { display: 'none' } : { display: 'block' }} />\n <button>\n <ls-icon name=\"question-mark-circle-icon\" />\n </button>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-OChWH88R.js → p-BtEbRXYV.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$n } from './p-CgoyKNia.js';
+import { d as defineCustomElement$n } from './p-DrY15WI3.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$l } from './p-BLMY8rNM.js';
-import { d as defineCustomElement$k } from './p-BJoHocUQ.js';
-import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
-import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
-import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$g } from './p-BmlXiagO.js';
-import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
+import { d as defineCustomElement$l } from './p-SPfJL8BL.js';
+import { d as defineCustomElement$k } from './p-CpiQFgrc.js';
+import { d as defineCustomElement$j } from './p-DJPmzRND.js';
+import { d as defineCustomElement$i } from './p-DdhwRHiy.js';
+import { d as defineCustomElement$h } from './p-Df4XNePF.js';
+import { d as defineCustomElement$g } from './p-Dzpgg8ew.js';
+import { d as defineCustomElement$f } from './p-MfUeAqax.js';
+import { d as defineCustomElement$e } from './p-gI-BKLOF.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -180,6 +180,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesSignature as L, defineCustomElement as d };
-//# sourceMappingURL=p-OChWH88R.js.map
+//# sourceMappingURL=p-BtEbRXYV.js.map
-//# sourceMappingURL=p-OChWH88R.js.map
+//# sourceMappingURL=p-BtEbRXYV.js.map

package/dist/components/{p-OChWH88R.js.map → p-BtEbRXYV.js.map} RENAMED Viewed

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

package/dist/components/{p-DzUG2q_b.js → p-BtdUICMY.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 const lsKeyboardShortcutsCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.ls-dv-keyboard-shortcuts-tooltip{position:absolute;bottom:0;right:0;border-radius:0.625rem;background:var(--gray-100, #45484d);color:var(--white, #ffffff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:1rem;width:fit-content;white-space:nowrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.ls-dv-tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.5rem}.ls-dv-shortcuts-table{border-spacing:0}.ls-dv-shortcuts-table tr td{padding:0.2rem 0}.ls-dv-shortcut-keys{font-weight:500;padding-right:1rem;font-family:monospace;font-size:0.7rem;color:var(--gray-30, #e0e2e5)}.ls-dv-shortcut-label{color:var(--white, #ffffff)}#arrow{display:none}`;
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsKeyboardShortcuts as L, defineCustomElement as d };
-//# sourceMappingURL=p-DzUG2q_b.js.map
+//# sourceMappingURL=p-BtdUICMY.js.map
-//# sourceMappingURL=p-DzUG2q_b.js.map
+//# sourceMappingURL=p-BtdUICMY.js.map

package/dist/components/{p-DzUG2q_b.js.map → p-BtdUICMY.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DzUG2q_b~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.scss?tag=ls-keyboard-shortcuts&encapsulation=shadow","src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.tsx"],"sourcesContent":[":host {\n position: absolute;\n pointer-events: none;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.ls-dv-keyboard-shortcuts-tooltip {\n position: absolute;\n bottom: 0;\n right: 0;\n border-radius: 0.625rem;\n background: $gray-100;\n color: $white;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n padding: 1rem;\n width: fit-content;\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-tooltip-title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1rem;\n margin-bottom: 0.5rem;\n}\n\n.ls-dv-shortcuts-table {\n border-spacing: 0;\n\n tr {\n td {\n padding: 0.2rem 0;\n }\n }\n}\n\n.ls-dv-shortcut-keys {\n font-weight: 500;\n padding-right: 1rem;\n font-family: monospace;\n font-size: 0.7rem;\n color: $gray-30;\n}\n\n.ls-dv-shortcut-label {\n color: $white;\n}\n\n#arrow {\n display: none;\n}\n","import { Component, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-keyboard-shortcuts',\n styleUrl: 'ls-keyboard-shortcuts.scss',\n shadow: true,\n})\nexport class LsKeyboardShortcuts {\n\n private isMac = navigator.platform?.toLowerCase().includes('mac') \|\| navigator.userAgent?.toLowerCase().includes('mac');\n\n private get mod() {\n return this.isMac ? '⌘' : 'Ctrl';\n }\n\n render() {\n const shortcuts = [\n { keys: `${this.mod} + C`, label: dvI18n.t('shortcuts.copy') },\n { keys: `${this.mod} + V`, label: dvI18n.t('shortcuts.paste') },\n { keys: `${this.mod} + X`, label: dvI18n.t('shortcuts.cut') },\n { keys: `${this.mod} + A`, label: dvI18n.t('shortcuts.selectall') },\n { keys: `${this.mod} + Z`, label: dvI18n.t('shortcuts.undo') },\n { keys: this.isMac ? '⌘ + ⇧ + Z' : 'Ctrl + Y', label: dvI18n.t('shortcuts.redo') },\n { keys: 'D', label: dvI18n.t('shortcuts.duplicate') },\n { keys: '⌫', label: dvI18n.t('shortcuts.delete') },\n { keys: '↑ ↓ ← →', label: dvI18n.t('shortcuts.move') },\n { keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },\n { keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },\n ];\n\n return (\n <div class={'ls-dv-keyboard-shortcuts-tooltip'}>\n <div id=\"arrow\"></div>\n <p class=\"ls-dv-tooltip-title\">{dvI18n.t('shortcuts.title')}</p>\n <table class=\"ls-dv-shortcuts-table\">\n {shortcuts.map(s => (\n <tr>\n <td class=\"ls-dv-shortcut-keys\">{s.keys}</td>\n <td class=\"ls-dv-shortcut-label\">{s.label}</td>\n </tr>\n ))}\n </table>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BtdUICMY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.scss?tag=ls-keyboard-shortcuts&encapsulation=shadow","src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.tsx"],"sourcesContent":[":host {\n position: absolute;\n pointer-events: none;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.ls-dv-keyboard-shortcuts-tooltip {\n position: absolute;\n bottom: 0;\n right: 0;\n border-radius: 0.625rem;\n background: $gray-100;\n color: $white;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n padding: 1rem;\n width: fit-content;\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-tooltip-title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1rem;\n margin-bottom: 0.5rem;\n}\n\n.ls-dv-shortcuts-table {\n border-spacing: 0;\n\n tr {\n td {\n padding: 0.2rem 0;\n }\n }\n}\n\n.ls-dv-shortcut-keys {\n font-weight: 500;\n padding-right: 1rem;\n font-family: monospace;\n font-size: 0.7rem;\n color: $gray-30;\n}\n\n.ls-dv-shortcut-label {\n color: $white;\n}\n\n#arrow {\n display: none;\n}\n","import { Component, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-keyboard-shortcuts',\n styleUrl: 'ls-keyboard-shortcuts.scss',\n shadow: true,\n})\nexport class LsKeyboardShortcuts {\n\n private isMac = navigator.platform?.toLowerCase().includes('mac') \|\| navigator.userAgent?.toLowerCase().includes('mac');\n\n private get mod() {\n return this.isMac ? '⌘' : 'Ctrl';\n }\n\n render() {\n const shortcuts = [\n { keys: `${this.mod} + C`, label: dvI18n.t('shortcuts.copy') },\n { keys: `${this.mod} + V`, label: dvI18n.t('shortcuts.paste') },\n { keys: `${this.mod} + X`, label: dvI18n.t('shortcuts.cut') },\n { keys: `${this.mod} + A`, label: dvI18n.t('shortcuts.selectall') },\n { keys: `${this.mod} + Z`, label: dvI18n.t('shortcuts.undo') },\n { keys: this.isMac ? '⌘ + ⇧ + Z' : 'Ctrl + Y', label: dvI18n.t('shortcuts.redo') },\n { keys: 'D', label: dvI18n.t('shortcuts.duplicate') },\n { keys: '⌫', label: dvI18n.t('shortcuts.delete') },\n { keys: '↑ ↓ ← →', label: dvI18n.t('shortcuts.move') },\n { keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },\n { keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },\n ];\n\n return (\n <div class={'ls-dv-keyboard-shortcuts-tooltip'}>\n <div id=\"arrow\"></div>\n <p class=\"ls-dv-tooltip-title\">{dvI18n.t('shortcuts.title')}</p>\n <table class=\"ls-dv-shortcuts-table\">\n {shortcuts.map(s => (\n <tr>\n <td class=\"ls-dv-shortcut-keys\">{s.keys}</td>\n <td class=\"ls-dv-shortcut-label\">{s.label}</td>\n </tr>\n ))}\n </table>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C4nAOEBk.js → p-C7Lt318b.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
-import { d as defineCustomElement$6 } from './p--onI05IE.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
+import { d as defineCustomElement$6 } from './p-xGqqHc5A.js';
 import { d as defineCustomElement$5 } from './p-BHeJScTh.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-Biay9ys2.js';
+import { d as defineCustomElement$2 } from './p-Coi9olJj.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsToolbarCss = () => `.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.125rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-banner{position:absolute;top:4.75rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.25rem 0.375rem 0.625rem;border-radius:0.75rem;border:1px solid var(--primary-30, #9dc3fc);background:var(--primary-10, #eff4ff);color:var(--primary-70, #2134dc);font-size:var(--text-sm);line-height:var(--text-sm);white-space:nowrap;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--primary-50, #5185ff);margin-right:0.25rem}.ls-dv-selection-banner-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-60, #4456f6);padding:0.125rem;min-height:unset;min-width:unset;border-radius:0.375rem;cursor:pointer;margin-right:-0.125rem}.ls-dv-selection-banner-close:hover{background:var(--primary-20, #c7ddff);color:var(--primary-70, #2134dc)}.ls-dv-invisible{display:none}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:400;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)}.ls-dv-locked-banner{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.75rem;padding:0.625rem;border-radius:1.125rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--yellow-10, #fffcef);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);white-space:nowrap}.ls-dv-locked-banner-text{display:flex;flex-direction:column;gap:0}.ls-dv-locked-banner-title{color:var(--yellow-100, #70350d);font-size:var(--text-sm);font-weight:500;line-height:1.25rem}.ls-dv-locked-banner-subtitle{color:var(--yellow-90, #8a3f0e);font-size:0.6875rem;font-weight:400;line-height:1rem}.ls-dv-locked-banner-icon{padding:0.5rem;background:var(--yellow-20, #fff3c2);color:var(--yellow-80, #9e5913);border-radius:50%;display:flex;align-items:center;justify-content:center}.ls-dv-locked-banner-unlock{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;border-radius:0.75rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--white, #ffffff);color:var(--yellow-90, #8a3f0e);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:unset}.ls-dv-locked-banner-unlock:hover{background:var(--yellow-20, #fff3c2);border-color:var(--yellow-40, #ffe561)}`;
@@ -145,6 +145,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsToolbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-C4nAOEBk.js.map
+//# sourceMappingURL=p-C7Lt318b.js.map
-//# sourceMappingURL=p-C4nAOEBk.js.map
+//# sourceMappingURL=p-C7Lt318b.js.map

package/dist/components/{p-C4nAOEBk.js.map → p-C7Lt318b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C4nAOEBk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbar/ls-toolbar.scss?tag=ls-toolbar&encapsulation=shadow","src/components/ls-toolbar/ls-toolbar.tsx"],"sourcesContent":[".ls-dv-toolbar {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 0.375rem;\n gap: 0.5rem;\n width: fit-content;\n border-radius: 1.125rem;\n border: 1px solid $gray-20;\n background: $white;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-banner {\n position: absolute;\n top: 4.75rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.375rem 0.25rem 0.375rem 0.625rem;\n border-radius: 0.75rem;\n border: 1px solid $primary-30;\n background: $primary-10;\n color: $primary-70;\n font-size: var(--text-sm);\n line-height: var(--text-sm);\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: $primary-50;\n margin-right: 0.25rem;\n}\n\n.ls-dv-selection-banner-close {\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n color: $primary-60;\n padding: 0.125rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.375rem;\n cursor: pointer;\n margin-right: -0.125rem;\n}\n\n.ls-dv-selection-banner-close:hover {\n background: $primary-20;\n color: $primary-70;\n}\n\n.ls-dv-invisible {\n display: none;\n}\n\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n.ls-dv-locked-banner {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem;\n border-radius: 1.125rem;\n border: 1px solid $yellow-30;\n background: $yellow-10;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n white-space: nowrap;\n}\n\n.ls-dv-locked-banner-text {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.ls-dv-locked-banner-title {\n color: $yellow-100;\n font-size: var(--text-sm);\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-locked-banner-subtitle {\n color: $yellow-90;\n font-size: 0.6875rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-locked-banner-icon {\n padding: 0.5rem;\n background: $yellow-20;\n color: $yellow-80;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ls-dv-locked-banner-unlock {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.5rem 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $yellow-30;\n background: $white;\n color: $yellow-90;\n font-size: var(--text-sm);\n font-weight: 500;\n cursor: pointer;\n min-height: unset;\n}\n\n.ls-dv-locked-banner-unlock:hover {\n background: $yellow-20;\n border-color: $yellow-40;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.scss',\n shadow: true,\n})\nexport class LsToolbar {\n @Element() component: HTMLElement;\n\n /\n The selected items information (as JSON).\n * {LSApiElement[]}\n /\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n /\n The group and experience information.\n * {object}\n /\n @Prop() groupInfo: object;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The main editor.\n * {LSDocumentViewer}\n */\n @Prop({\n mutable: true,\n })\n editor: LsDocumentViewer;\n\n @Prop() mode: string;\n\n @Prop() signer: number;\n\n @Prop() selected: any[];\n\n @Prop() pageNum: number;\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 // @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'click', 'dblclick', 'contextmenu'].forEach(eventType => {\n this.component.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n }\n\n private renderEditor() {\n return (\n <div class=\"ls-dv-toolbar\">\n {this.dataItem && this.dataItem.length > 1 ? (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n </div>\n ) : (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-participant-select\n id=\"ls-participant-select\"\n roles={this.template?.roles}\n signer={this.signer}\n style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }}\n />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n )}\n\n <slot></slot>\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div class={this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : ''}>\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n\n <slot></slot>\n </div>\n );\n }\n\n private renderSelectionBanner() {\n if (!this.selected \|\| this.selected.length === 0) return null;\n\n const pageNum = this.pageNum;\n const onThisPage = this.selected.filter(f => f.dataItem?.page === pageNum).length;\n const onOtherPages = this.selected.length - onThisPage;\n\n if (onOtherPages === 0) return null;\n\n return (\n <div class=\"ls-dv-selection-banner\">\n <ls-icon style={{ marginRight: '0.125rem' }} name=\"target-icon\" size={16} />\n <span>\n <span style={{ fontWeight: '500' }}>{dvI18n.t('toolbar.fieldsselectedcount', { total: this.selected.length })}</span>{' '}\n {dvI18n.t('toolbar.fieldsselecteddetail', { thispage: onThisPage, otherpages: onOtherPages })}\n </span>\n <button\n class=\"ls-dv-selection-banner-close\"\n onClick={() => this.editor.unselect()}\n data-tooltip-id=\"ls-dv-selection-tooltip\"\n data-tooltip-content={dvI18n.t('toolbar.deselectall')}\n data-tooltip-place=\"bottom\"\n >\n <ls-icon name=\"x-icon\" size={16} />\n </button>\n <ls-tooltip tooltipId=\"ls-dv-selection-tooltip\" />\n </div>\n );\n }\n\n private renderLockedBanner() {\n return (\n <div class=\"ls-dv-locked-banner\">\n <div class=\"ls-dv-locked-banner-icon\">\n <ls-icon name=\"lock-closed-icon\" size={20} />\n </div>\n <div class=\"ls-dv-locked-banner-text\">\n <span class=\"ls-dv-locked-banner-title\">{dvI18n.t('toolbar.templatelocked')}</span>\n <span class=\"ls-dv-locked-banner-subtitle\">{dvI18n.t('toolbar.editingdisabled')}</span>\n </div>\n <button class=\"ls-dv-locked-banner-unlock\" onClick={() => this.mutate.emit([{ action: 'update', data: { ...this.template, locked: false } }])}>\n {dvI18n.t('toolbar.unlock')}\n </button>\n </div>\n );\n }\n\n render() {\n if (this.template?.locked) {\n return this.renderLockedBanner();\n }\n return [this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null, this.renderSelectionBanner()];\n }\n}\n"],"version":3}
1	+ {"file":"p-C7Lt318b.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbar/ls-toolbar.scss?tag=ls-toolbar&encapsulation=shadow","src/components/ls-toolbar/ls-toolbar.tsx"],"sourcesContent":[".ls-dv-toolbar {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 0.375rem;\n gap: 0.5rem;\n width: fit-content;\n border-radius: 1.125rem;\n border: 1px solid $gray-20;\n background: $white;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-banner {\n position: absolute;\n top: 4.75rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.375rem 0.25rem 0.375rem 0.625rem;\n border-radius: 0.75rem;\n border: 1px solid $primary-30;\n background: $primary-10;\n color: $primary-70;\n font-size: var(--text-sm);\n line-height: var(--text-sm);\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: $primary-50;\n margin-right: 0.25rem;\n}\n\n.ls-dv-selection-banner-close {\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n color: $primary-60;\n padding: 0.125rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.375rem;\n cursor: pointer;\n margin-right: -0.125rem;\n}\n\n.ls-dv-selection-banner-close:hover {\n background: $primary-20;\n color: $primary-70;\n}\n\n.ls-dv-invisible {\n display: none;\n}\n\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n.ls-dv-locked-banner {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem;\n border-radius: 1.125rem;\n border: 1px solid $yellow-30;\n background: $yellow-10;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n white-space: nowrap;\n}\n\n.ls-dv-locked-banner-text {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.ls-dv-locked-banner-title {\n color: $yellow-100;\n font-size: var(--text-sm);\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-locked-banner-subtitle {\n color: $yellow-90;\n font-size: 0.6875rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-locked-banner-icon {\n padding: 0.5rem;\n background: $yellow-20;\n color: $yellow-80;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ls-dv-locked-banner-unlock {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.5rem 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $yellow-30;\n background: $white;\n color: $yellow-90;\n font-size: var(--text-sm);\n font-weight: 500;\n cursor: pointer;\n min-height: unset;\n}\n\n.ls-dv-locked-banner-unlock:hover {\n background: $yellow-20;\n border-color: $yellow-40;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.scss',\n shadow: true,\n})\nexport class LsToolbar {\n @Element() component: HTMLElement;\n\n /\n The selected items information (as JSON).\n * {LSApiElement[]}\n /\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n /\n The group and experience information.\n * {object}\n /\n @Prop() groupInfo: object;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The main editor.\n * {LSDocumentViewer}\n */\n @Prop({\n mutable: true,\n })\n editor: LsDocumentViewer;\n\n @Prop() mode: string;\n\n @Prop() signer: number;\n\n @Prop() selected: any[];\n\n @Prop() pageNum: number;\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 // @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'click', 'dblclick', 'contextmenu'].forEach(eventType => {\n this.component.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n }\n\n private renderEditor() {\n return (\n <div class=\"ls-dv-toolbar\">\n {this.dataItem && this.dataItem.length > 1 ? (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n </div>\n ) : (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-participant-select\n id=\"ls-participant-select\"\n roles={this.template?.roles}\n signer={this.signer}\n style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }}\n />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n )}\n\n <slot></slot>\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div class={this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : ''}>\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n\n <slot></slot>\n </div>\n );\n }\n\n private renderSelectionBanner() {\n if (!this.selected \|\| this.selected.length === 0) return null;\n\n const pageNum = this.pageNum;\n const onThisPage = this.selected.filter(f => f.dataItem?.page === pageNum).length;\n const onOtherPages = this.selected.length - onThisPage;\n\n if (onOtherPages === 0) return null;\n\n return (\n <div class=\"ls-dv-selection-banner\">\n <ls-icon style={{ marginRight: '0.125rem' }} name=\"target-icon\" size={16} />\n <span>\n <span style={{ fontWeight: '500' }}>{dvI18n.t('toolbar.fieldsselectedcount', { total: this.selected.length })}</span>{' '}\n {dvI18n.t('toolbar.fieldsselecteddetail', { thispage: onThisPage, otherpages: onOtherPages })}\n </span>\n <button\n class=\"ls-dv-selection-banner-close\"\n onClick={() => this.editor.unselect()}\n data-tooltip-id=\"ls-dv-selection-tooltip\"\n data-tooltip-content={dvI18n.t('toolbar.deselectall')}\n data-tooltip-place=\"bottom\"\n >\n <ls-icon name=\"x-icon\" size={16} />\n </button>\n <ls-tooltip tooltipId=\"ls-dv-selection-tooltip\" />\n </div>\n );\n }\n\n private renderLockedBanner() {\n return (\n <div class=\"ls-dv-locked-banner\">\n <div class=\"ls-dv-locked-banner-icon\">\n <ls-icon name=\"lock-closed-icon\" size={20} />\n </div>\n <div class=\"ls-dv-locked-banner-text\">\n <span class=\"ls-dv-locked-banner-title\">{dvI18n.t('toolbar.templatelocked')}</span>\n <span class=\"ls-dv-locked-banner-subtitle\">{dvI18n.t('toolbar.editingdisabled')}</span>\n </div>\n <button class=\"ls-dv-locked-banner-unlock\" onClick={() => this.mutate.emit([{ action: 'update', data: { ...this.template, locked: false } }])}>\n {dvI18n.t('toolbar.unlock')}\n </button>\n </div>\n );\n }\n\n render() {\n if (this.template?.locked) {\n return this.renderLockedBanner();\n }\n return [this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null, this.renderSelectionBanner()];\n }\n}\n"],"version":3}

package/dist/components/{p-BOg59Hui.js → p-C9HNwsm9.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { g as getDefaultValidationForType, a as getFieldPlaceholder } from './p--oiqur2Y.js';
-import { d as defineCustomElement$l, v as validateFieldValue, a as validationTypes } from './p-BLMY8rNM.js';
+import { d as defineCustomElement$l, v as validateFieldValue, a as validationTypes } from './p-SPfJL8BL.js';
 import { f as forceCloseDatePicker } from './index.js';
-import { d as defineCustomElement$n } from './p-CgoyKNia.js';
+import { d as defineCustomElement$n } from './p-DrY15WI3.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$k } from './p-DRDChAg6.js';
-import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
-import { d as defineCustomElement$i } from './p-Bi1odRMK.js';
-import { d as defineCustomElement$h } from './p-CSxx3aLG.js';
-import { d as defineCustomElement$g } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$e } from './p-pEYsk7D-.js';
-import { d as defineCustomElement$d } from './p-DX7Kb9cb.js';
+import { d as defineCustomElement$k } from './p-CAcUrs4O.js';
+import { d as defineCustomElement$j } from './p-DJPmzRND.js';
+import { d as defineCustomElement$i } from './p-qUfVDcw9.js';
+import { d as defineCustomElement$h } from './p-DdhwRHiy.js';
+import { d as defineCustomElement$g } from './p-Df4XNePF.js';
+import { d as defineCustomElement$f } from './p-MfUeAqax.js';
+import { d as defineCustomElement$e } from './p-DNOnOhDR.js';
+import { d as defineCustomElement$d } from './p-gI-BKLOF.js';
 import { d as defineCustomElement$c } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$b } from './p-BHeJScTh.js';
 import { d as defineCustomElement$a } from './p-Brq7Gduk.js';
@@ -306,15 +306,12 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
         this.update.emit(evs);
     }
     getSenderDisabledReason() {
-        const signerOnly = ['signing date', 'regular expression', 'image', 'file', 'drawn', 'drawn field'];
+        const signerOnly = ['file', 'drawn', 'drawn field', 'initials'];
         const nameMap = {
-            'signing date': dvI18n.t('toolbox.signingdate'),
-            'regex': dvI18n.t('toolbox.regex'),
-            'regular expression': dvI18n.t('toolbox.regex'),
-            'image': dvI18n.t('toolbox.image'),
             'file': dvI18n.t('toolbox.file'),
             'drawn': dvI18n.t('toolbox.drawn'),
             'drawn field': dvI18n.t('toolbox.drawn'),
+            'initials': dvI18n.t('toolbox.initials'),
         };
         const disallowedTypes = [...new Set(this.dataItem
                 ?.filter(item => signerOnly.includes(item.formElementType))
@@ -337,6 +334,10 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
             if (fieldType === 'signature' && newSigner === 0) {
                 return { ...item, signer: newSigner, formElementType: 'auto sign', elementType: 'admin', validation: 3000 };
             }
+            // Initials reassigned to Sender → becomes Text (sender can't have initials)
+            if (fieldType === 'initials' && newSigner === 0) {
+                return { ...item, signer: newSigner, formElementType: 'text', elementType: 'admin', validation: 0 };
+            }
             // Any field reassigned to Sender → elementType becomes 'admin'
             if (newSigner === 0) {
                 return { ...item, signer: newSigner, elementType: 'admin' };
@@ -357,11 +358,11 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
         }, 500);
     }
     render() {
-        return (h(Host, { key: '3c70b405d72edb62b0a5560a910d3c7242dd0dd6' }, h("ls-field-properties-container", { key: 'df7798c98a83f47f2f71c10e5acfe4af23d3ed4f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '81390c6eca45772a7f7eb4a31d05c36601be7783', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (h("div", { key: '5bca63f1a8c052c230db78ad8ca8b18e3d6053bf', class: 'ls-dv-field-properties-section' }, h("div", { key: 'be74edb0f80a8cd99431f09dbffbf772d6633a66', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c0377d686ded9ded1c6e6440a31e52aacf332a5b', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.assignee')), h("p", { key: '0eabe1c011fad1a45b9cc0ecae48c4a0f701c4ec', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.assigneedescription'))), h("ls-assignee-select", { key: '78c7d789b8bcbaa2e6edba38c753ca449d1aebee', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("div", { key: '0bd7001e14346ff92ca30c8245a8cba9f2e36f59', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b7928331c746ba856db18d1683e405a11074fbaf', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '053ffd76fef8a919f602dc7db2342fa387b4c091', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: 'cc79bb36e560a15d35b0aff7689bb9b220454006', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("ls-field-type-select", { key: '7ac25c6b65de1b8976c07f8d5848536e1fb9dcb6', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), h("div", { key: '4458ffe6afca7143bd9de613bf4c4c40574aeee5', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '960e0c6e1ada77f0d26570b374be51ee84d2aa0a', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '3b961ba26099c1ea70af6b66b34bc5458d27bc27', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield')), h("p", { key: 'a17c1a698a62662a636b375b35ca8112d6a3e249', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.requiredfielddescription'))), h("ls-toggle", { key: '2ddcec1ee4f1b7141cbbf12dad508aff5485ed7d', onValueChange: (ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '1118c39bfbb79158d3ee0f4e90afe270245cf910', class: 'ls-dv-field-properties-section' }, h("div", { key: 'd2474162cd412c1c9717c36dbdbcb845c6cbc71d', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '440891bbd694c72d1ab937fb9daab44c566e9a37', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '416e25026fbc788bc3819f59cd351cd35679add0', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("ls-formfield", { key: 'ba3057e5c05a4c03a71a95c360f2235e9101923b', as: "text", name: "field-label", value: this.allLabelsSame().label, placeholder: this.allLabelsSame().isSame ? dvI18n.t('fieldproperties.placeholdersignhere') : dvI18n.t('fieldproperties.mixed'), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.allFieldTypesSame().isSame && this.supportsValue() && (h("div", { key: '97311ce4bf5c881ad39ab5bb25e1b948ade5755b', class: 'ls-dv-field-properties-section' }, h("div", { key: '886365d941e1d5491c5778b7ecec80d6bc8425ef', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '3b2e196d04b02bccc4db93fe7bbcc74e31f13951', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value')), h("p", { key: '54ab3d0c64cbf5bbaf065cf80cdd40e417e4911c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.valuedescription'))), h("ls-formfield", { key: '047170538723af8b516ae342809009567d929a44', as: "text", name: "field-value", value: this.allValuesSame().value, placeholder: this.allValuesSame().isSame ? getFieldPlaceholder(this.allFieldTypesSame().fieldType) : dvI18n.t('fieldproperties.mixed'), valid: !this.valueError, dirty: !!this.allValuesSame().value, errorText: this.valueError, disabled: this.readonly, onTextChange: e => {
+        return (h(Host, { key: '706e98a0930c63a608978e7a33fedaa51f82ea82' }, h("ls-field-properties-container", { key: 'b6c62d049af06f9e797e9a9afd19060a4b1a3b27', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5e3d190ea459422de75d8e9dc8e4bd2884cf82af', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (h("div", { key: '0bbbb2da9bb6769156415226e659e834decaea11', class: 'ls-dv-field-properties-section' }, h("div", { key: '34ff123f7a40938c7f9c4630dad0a22a555b8e83', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd044d735de8d05c8aa862433973f4cfa5c57384a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.assignee')), h("p", { key: '983d0ee8991d50a6681e3e734ad37f01ad3ab501', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.assigneedescription'))), h("ls-assignee-select", { key: '7e0ab060925c1e845d17a4f3bdb52bf7bf03216c', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("div", { key: '37a75aa9177bfaf73d89a276c496710f48972c78', class: 'ls-dv-field-properties-section' }, h("div", { key: '2b8dae12bef9fddf2a2173b3fda60741b41aa3e3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'afed34613375c493916dbce77a7d5f5c7ff6133b', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: '0f55b1e30824f20e46fac49946b8919b1ad79c34', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("ls-field-type-select", { key: '6c2dd5dbd27ac1662ca77bb00f528599a659e00b', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), h("div", { key: '80e0e98f4797f2cd6c2902014876cb8a399901c9', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: 'fda2e4e14d7e5d8682f23ffff67ab21647b0f688', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'a2a2d1b0f454685252a7091489e036976e9dff3e', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield')), h("p", { key: '3c414288020d8f3bd58ee4f544f866aa0996fce3', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.requiredfielddescription'))), h("ls-toggle", { key: '7c9b50df766b9436ea639d31ffdf239914b6dbd2', onValueChange: (ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'd9b571e1391493198e26033da6c733b83e61bb28', class: 'ls-dv-field-properties-section' }, h("div", { key: '8cccb2df39504a59919fe49ce4fb448722f0e0b5', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '9159f82798a8ce8bf3c66268f36ee0606696dcba', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '5480f2c31908e69665429bbc7c563d6fe2f3c8bd', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("ls-formfield", { key: '323e1446a39e6e129bf38050a0cf0da12d19d10f', as: "text", name: "field-label", value: this.allLabelsSame().label, placeholder: this.allLabelsSame().isSame ? dvI18n.t('fieldproperties.placeholdersignhere') : dvI18n.t('fieldproperties.mixed'), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.allFieldTypesSame().isSame && this.supportsValue() && (h("div", { key: '0a65a69969b1250e92600d51db807f3059db8a43', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e46988c39042cfcb0086c1074a44c8c4094b5c5e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '39e98a7d39bfb03390b0e2f892df89a7c6acaec3', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value')), h("p", { key: '71c2107e734846749b59d65bf5d7330e45fb781d', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.valuedescription'))), h("ls-formfield", { key: '91a8dac0233929cac3e0a9c6bfee823ef005bba7', as: "text", name: "field-value", value: this.allValuesSame().value, placeholder: this.allValuesSame().isSame ? getFieldPlaceholder(this.allFieldTypesSame().fieldType) : dvI18n.t('fieldproperties.mixed'), valid: !this.valueError, dirty: !!this.allValuesSame().value, errorText: this.valueError, disabled: this.readonly, onTextChange: e => {
                 const val = e.detail.value;
                 this.valueError = validateFieldValue(this.allFieldTypesSame().fieldType, this.allValidationsSame().validation, val, this.dataItem[0]?.options);
                 this.alter({ value: val });
-            } }), this.valueError && h("p", { key: 'd64fc452f0e905d1cda7bc00d971f908500af772', class: 'ls-dv-error-text' }, this.valueError))), this.isAllCheckboxes() && this.getCheckboxStates().length === 2 && (h("div", { key: '03080a1108feb8b4b6d13a46dfcd179449f9a27d', class: 'ls-dv-field-properties-section' }, h("div", { key: '29d853bece7fe9278b6f2c22e7daeac21dc59ff5', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f405edf94eed2186732713a96fc0ae38efaa566e', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.displaystate')), h("p", { key: '465f805b7bb7167db8fdf3b1c4ebe9c3a39f0a2f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.displaystatedescription'))), h("div", { key: '21a37ea3b32fa86fb2fb7d3c23f57ee3d5d779c8', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': this.allValuesSame().isSame && (idx === 0 ? this.allValuesSame().value !== 'true' : this.allValuesSame().value === 'true') }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))), !this.allValuesSame().isSame && h("p", { key: '179c0509ddc4788eb52b900507590d2b23420c05', class: 'ls-dv-mixed-hint' }, dvI18n.t('fieldproperties.mixed')))), this.allFieldTypesSame().isSame && this.isDateType() && (h("div", { key: '22cb86634a2d5fe765e9cb85e0af888925cb86a3', class: 'ls-dv-field-properties-section' }, h("div", { key: '33e0128209cbb302111057f37df5f2cb548c9c09', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '3422d155af5d23a849783e5da59e7ad00dab47e2', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value'))), h("input", { key: '0867b1afd44214270ba178f633e68a09108687dc', type: "date", value: this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : '', onChange: (e) => {
+            } }), this.valueError && h("p", { key: 'c26462f0006587228c84b1a7f456a236b3548add', class: 'ls-dv-error-text' }, this.valueError))), this.isAllCheckboxes() && this.getCheckboxStates().length === 2 && (h("div", { key: 'c962531f2e101ddd2ed6d99138b23267feaeea38', class: 'ls-dv-field-properties-section' }, h("div", { key: '552c76cf7a58e8b9f30542048644df97878cf6a7', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd1fb8d5d1d434263327ca14dd351066611814feb', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.displaystate')), h("p", { key: '2bf21df74009cec124dab6f56037716838379b2f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.displaystatedescription'))), h("div", { key: 'b33946cc7d8569ac897469ef0d15deba1dff4dc5', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': this.allValuesSame().isSame && (idx === 0 ? this.allValuesSame().value !== 'true' : this.allValuesSame().value === 'true') }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))), !this.allValuesSame().isSame && h("p", { key: '8401a4de70cb23460188e06ead4b6966fc57e232', class: 'ls-dv-mixed-hint' }, dvI18n.t('fieldproperties.mixed')))), this.allFieldTypesSame().isSame && this.isDateType() && (h("div", { key: 'f46afd904aaed33a532c3ceac708e747598a047d', class: 'ls-dv-field-properties-section' }, h("div", { key: '8a9a3981bc2867c32464ec1132e3dfbbd974a0a2', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '79d26722badd83c50cf9032a14804c143d7ba7a4', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value'))), h("input", { key: '2ba01df2f0b07315cc3ad553e1dfa7ce865bab4b', type: "date", value: this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : '', onChange: (e) => {
                 const input = e.target;
                 // Convert ISO to each field's configured format
                 this.dataItem = this.dataItem.map(item => ({
@@ -376,9 +377,9 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
                 this.mutate.emit(evs);
                 this.update.emit(evs);
                 forceCloseDatePicker(input);
-            }, disabled: this.readonly }))), this.showContentFormat() && (h("div", { key: 'df6dae5807d44d94abab00f1ea8de4e962bbf580', class: 'ls-dv-field-properties-section' }, h("div", { key: '6f117a572540c997b3f7430d2c48b57ecee07975', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '69d2ef243609ba21a703eb01ecc723b4077ea774', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.contentformat')), h("p", { key: '86762b3a1cba14b27fb2561b51d4c543a94ce3f7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.contentformatdescription'))), h("ls-input-wrapper", { key: '99d0ba877bbe4120127cb485af2e51b66eaeffde', select: true }, h("select", { key: '5564a30555d303b625ec8696231eb72cfe65dc87', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (h("option", { key: '7953fa83167b9a935772458756bc799871c68be5', disabled: true, selected: true, value: "" }, dvI18n.t('fieldproperties.mixed'))), validationTypes
+            }, disabled: this.readonly }))), this.showContentFormat() && (h("div", { key: '0dc246f23a538d1f9f70e36af8e60584bbc98398', class: 'ls-dv-field-properties-section' }, h("div", { key: 'cdee6fd40d983e78e99a344d8407b49b7d9ea948', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '794719489c487dcfebadd4c49d6ee5a4d370a40f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.contentformat')), h("p", { key: '07cac8273d9c6abd0f6e3957abb3c5f28b43a0d2', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.contentformatdescription'))), h("ls-input-wrapper", { key: '80bd05dd069aba44d4d3bd55e83523655bd6cf4e', select: true }, h("select", { key: 'a2abe80330f8c9bef15e960e1666a39b89e743aa', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (h("option", { key: '4e1825870f9a82ef8717d780ec296db2f7cd350d', disabled: true, selected: true, value: "" }, dvI18n.t('fieldproperties.mixed'))), validationTypes
             .filter(type => type.formType === this.allFieldTypesSame().fieldType)
-            .map(type => (h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), h("div", { key: '9d818e15acbc1b2a1e72f34f9d97ab4e404d1b63', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f13e6d313a76f397436197450864f7cf0f652fa6', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: 'a9e0a43cb09ef3a0aa9b0d1f5512478954d993a6', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '21b50e2c50a04ac93ca44c5000c58ee762ef30a8', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: 'c3bb3956aedc8f78eea4540b05123db40e6615fe', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: '44920988e08116a6f3be580428d7ea29cf585e4c', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '57d3c83b1d1494e0e8b9c5d17c5feea22c65afae', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b935f9c80867f17df79874354208f74972a174c8', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '6bec4c9de68d7a4e2f7ed3fbae36671be528a14e' })));
+            .map(type => (h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), h("div", { key: '9aa1aede9140bf8d7d9c962190c1d96f7801953b', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '1e2c1bacc4123a0c821ab81e0dd5c7956441049d', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: 'c565ef31ec230b0cf67870e67a8577fc5275c041', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'fe7e6561d1d4d85cc93c5f65634193fcf6500653', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: '8109a909400db553c0385487c2b52c75af753e6d', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: 'ca537e7ffaccc4906a1ca85041e9342a739430f7', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '6b66bb6ca0f16a946efd657f73155541740b7031', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b45a72a5e09cde5f166887472dfcb4c1b5d77493', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: 'f13c5efcc1ca3f8f85d23623aa716437c3e7a0b8' })));
     }
     static get watchers() { return {
         "dataItem": ["validateOnChange"]
@@ -524,6 +525,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesMultiple as L, defineCustomElement as d };
-//# sourceMappingURL=p-BOg59Hui.js.map
+//# sourceMappingURL=p-C9HNwsm9.js.map
-//# sourceMappingURL=p-BOg59Hui.js.map
+//# sourceMappingURL=p-C9HNwsm9.js.map