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

legalesign-document-viewer 1.0.13 → 1.0.14

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

Files changed (166) hide show

package/dist/components/{p-D3nY_GGj.js.map → p-KrzgYVLg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D3nY_GGj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-select/ls-participant-select.scss?tag=ls-participant-select&encapsulation=shadow","src/components/ls-participant-select/ls-participant-select.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-dropdown {\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.ls-dv-dropdown-header {\n border-radius: 0.75rem;\n border: 1px solid $gray-20;\n background: $gray-10;\n display: flex;\n padding: 0.125rem 0.125rem 0.125rem 0.5rem;\n align-items: center;\n gap: 0.5rem;\n}\n\n.ls-dv-placing-fields-text {\n color: $gray-90;\n text-align: center;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n margin: 0;\n}\n\n.ls-dv-selected-role-label {\n display: flex;\n padding: 0.125rem 0.375rem;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.25rem;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n max-width: 10rem;\n}\n\n.ls-dv-selected-role-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dropdown-list {\n position: absolute;\n top: 3rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 18.5625rem;\n padding: 0.25rem;\n flex-direction: column;\n gap: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n max-height: 40vh;\n}\n\n.ls-dv-dropdown-list-items {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n overflow-y: auto;\n min-height: 0;\n}\n\n.ls-dv-dropdown-item {\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected,\n.ls-dv-dropdown-item.ls-dv-selected:hover {\n background: var(--background-selected, #e0e2e5);\n}\n\n.ls-dv-dropdown-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-skeleton-item {\n pointer-events: none;\n color: $primary-50;\n}\n\n.ls-dv-skeleton-circle {\n width: 2.25rem !important;\n height: 2.25rem !important;\n flex-shrink: 0;\n border-radius: 0.625rem;\n background: $gray-20;\n animation: pulse 1.2s ease-in-out infinite;\n}\n\n.ls-dv-skeleton-line {\n border-radius: 0.25rem;\n background: $gray-20;\n animation: pulse 1.2s ease-in-out infinite;\n}\n\n.ls-dv-skeleton-line-name {\n width: 6rem;\n height: 0.75rem;\n margin-bottom: 0.25rem;\n}\n\n.ls-dv-skeleton-line-type {\n width: 3rem;\n height: 0.625rem;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n\n.ls-dv-add-participant-row {\n all: unset;\n flex-shrink: 0;\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n border: 1px dashed $gray-30;\n cursor: pointer;\n}\n\n.ls-dv-add-participant-row:hover {\n background: $gray-10;\n}\n\n.ls-dv-add-participant-row:disabled {\n cursor: not-allowed;\n background: $gray-10;\n opacity: 0.5;\n}\n\n.ls-dv-plus-icon {\n color: $gray-40;\n}\n\n.ls-dv-role-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n}\n\n.ls-dv-add-participant-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n color: white;\n background: $primary-60;\n}\n\n.ls-dv-role-text {\n display: flex;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-dropdown-item .ls-dv-check-icon {\n color: $gray-40;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n\n.ls-dv-role-name {\n color: $gray-100;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1rem; / 133.333% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-role-type {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name {\n color: var(--role-name-selected);\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type {\n color: var(--role-type-selected);\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\n.ls-dv-expand-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n border-radius: 0.625rem;\n justify-content: center;\n text-transform: capitalize;\n min-height: 2rem;\n min-width: 2rem;\n max-height: 2rem;\n max-width: 2rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-select',\n styleUrl: 'ls-participant-select.scss',\n shadow: true,\n})\nexport class LsParticipantSelect {\n @Element() el: HTMLElement;\n\n /\n The id of the currently selected role.\n * {string}\n /\n @Prop({ mutable: true}) selected: string;\n\n /\n The currently active signer index (controlled externally).\n * {number}\n /\n @Prop() signer: number;\n \n /\n The currently selected role.\n * {number}\n /\n @State() selectedRole: { signerIndex: number; name: string; roleType?: string; default: boolean } = { signerIndex: 1, name: '', roleType: 'SIGNER', default: true };\n\n @Watch('signer')\n handleSignerChange(newSigner: number) {\n this.syncSelectedRole(newSigner);\n }\n\n @State() scrollToBottom: boolean = false;\n @State() isAddingParticipant: boolean = false;\n\n @Watch('roles')\n handleRoleLoad() {\n this.syncSelectedRole(this.signer);\n if (this.scrollToBottom) {\n this.scrollToBottom = false;\n this.isAddingParticipant = false;\n requestAnimationFrame(() => {\n const list = this.el.shadowRoot?.querySelector('.ls-dv-dropdown-list-items');\n if (list) list.scrollTo({ top: list.scrollHeight, behavior: 'smooth' });\n });\n }\n }\n\n componentWillLoad() {\n this.syncSelectedRole(this.signer);\n }\n\n private syncSelectedRole(signerIndex: number) {\n if (signerIndex === 0) {\n this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };\n } else if (this.roles?.length > 0) {\n const role = this.roles.find(r => r.signerIndex === signerIndex);\n if (role) {\n this.selectedRole = { ...role, default: false };\n }\n }\n }\n /\n The current template roles.\n * {LSApiRole}\n */\n @Prop() roles?: LSApiRole[] = [];\n\n @State() isOpen: boolean = false;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n\n toggleDropdown = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Event() roleChange: EventEmitter<number>;\n\n @Event({\n bubbles: true,\n composed: true,\n }) addParticipant: EventEmitter<{type: LSApiRoleType, parent?: string \| null}>;\n\n\n selectRole(role: { signerIndex: number; name: string; roleType?: string }) {\n this.selectedRole = { ...role, default: false };\n this.isOpen = false;\n this.roleChange.emit(role.signerIndex);\n }\n\n createHandler() {\n this.scrollToBottom = true;\n this.isAddingParticipant = true;\n this.addParticipant.emit({type: 'SIGNER'});\n requestAnimationFrame(() => {\n const list = this.el.shadowRoot?.querySelector('.ls-dv-dropdown-list-items');\n if (list) list.scrollTo({ top: list.scrollHeight, behavior: 'smooth' });\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-dropdown\">\n <div class=\"ls-dv-dropdown-header\" onClick={this.toggleDropdown}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z\" fill=\"#78A3FA\" stroke=\"#F7F8FA\" />\n <path\n d=\"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z\"\n fill=\"#46DBAA\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z\"\n fill=\"#FAD232\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75\"\n stroke=\"#939599\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <p class={'ls-dv-placing-fields-text'}>{dvI18n.t('toolbar.placingfieldsfor')}</p>\n <div\n class={'ls-dv-selected-role-label'}\n style={{\n background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,\n color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,\n }}\n >\n <ls-icon\n size={18}\n name={\n this.selectedRole?.roleType === 'SENDER'\n ? 'user-icon'\n : this.selectedRole?.roleType === 'APPROVER'\n ? 'check-circle-icon'\n : this.selectedRole?.roleType === 'WITNESS'\n ? 'eye-icon'\n : 'signature-icon'\n }\n />\n <span class=\"ls-dv-selected-role-text\">\n {this.selectedRole.name \|\|\n (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))}\n </span>\n </div>\n <button class={'ls-dv-tertiary-grey ls-dv-expand-button'} aria-haspopup=\"listbox\" aria-expanded={this.isOpen}>\n <ls-icon name=\"chevron-down-icon\"></ls-icon>\n </button>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-dropdown-list\">\n <div class=\"ls-dv-dropdown-list-items\">\n <div\n class={this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' })}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.sender')}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.you')}\n </p>\n </div>\n\n <ls-icon class={'ls-dv-check-icon'} name={this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon'} solid={this.selectedRole?.signerIndex === 0} />\n </div>\n {this.roles.map(r => (\n <div\n class={r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,\n '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,\n }}\n onClick={() => this.selectRole(r)}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement)\n .querySelector('.ls-dv-check-icon')\n ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,\n color: defaultRolePalette[r?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'} />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,\n }}\n data-tooltip-id=\"ls-dv-select-tooltip\"\n data-tooltip-html={`<span style=\"white-space:normal;word-break:break-word\">${r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\n }}\n >\n {r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,\n }}\n >\n {r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer')}\n </p>\n </div>\n <ls-icon\n class={'ls-dv-check-icon'}\n name={r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.selectedRole?.signerIndex}\n />\n </div>\n ))}\n {this.isAddingParticipant && (\n <div class=\"ls-dv-dropdown-item ls-dv-skeleton-item\">\n <div class=\"ls-dv-skeleton-circle\"></div>\n <div class=\"ls-dv-role-text\">\n <div class=\"ls-dv-skeleton-line ls-dv-skeleton-line-name\"></div>\n <div class=\"ls-dv-skeleton-line ls-dv-skeleton-line-type\"></div>\n </div>\n <ls-loading />\n </div>\n )}\n </div>\n <button\n onClick={() => this.createHandler()}\n class={'ls-dv-add-participant-row'}\n style={{\n '--background-selected': defaultRolePalette[1].s10,\n '--check-icon-selected': defaultRolePalette[1].s50,\n }}\n disabled={this.isAddingParticipant}\n >\n <div\n class={'ls-dv-add-participant-icon'}\n >\n <ls-icon name=\"user-add-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p class={'ls-dv-role-name'}>{dvI18n.t('participants.addparticipant')}</p>\n <p class={'ls-dv-role-type'}>{dvI18n.t('toolbar.addnewsigner')}</p>\n </div>\n <ls-icon class={'ls-dv-plus-icon'} name=\"plus-icon\" />\n </button>\n </div>\n )}\n </div>\n <ls-tooltip tooltipId=\"ls-dv-select-tooltip\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-KrzgYVLg.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,muPAAmuP,CAAC;;MCU7vP,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAG9B;;;AAGC;AACuB,IAAA,QAAQ;AAEhC;;;AAGG;AACK,IAAA,MAAM;AAEd;;;AAGG;AACM,IAAA,YAAY,GAA+E,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE;AAGnK,IAAA,kBAAkB,CAAC,SAAiB,EAAA;AAClC,QAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;;IAGzB,cAAc,GAAY,KAAK;IAC/B,mBAAmB,GAAY,KAAK;IAG7C,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;AAClC,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,YAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;YAChC,qBAAqB,CAAC,MAAK;AACzB,gBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,4BAA4B,CAAC;AAC5E,gBAAA,IAAI,IAAI;AAAE,oBAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACzE,aAAC,CAAC;;;IAIN,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;;AAG5B,IAAA,gBAAgB,CAAC,WAAmB,EAAA;AAC1C,QAAA,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,YAAY,GAAG,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;;aACrF,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE;AACjC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC;YAChE,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;;;;AAIrD;;;AAGG;IACK,KAAK,GAAiB,EAAE;IAEvB,MAAM,GAAY,KAAK;AAGhC,IAAA,iBAAiB,CAAC,KAAiB,EAAA;QACjC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAS,CAAC,EAAE;AAChF,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;;IAKvB,cAAc,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAC5B,KAAC;AAEQ,IAAA,UAAU;AAKhB,IAAA,cAAc;AAGjB,IAAA,UAAU,CAAC,IAA8D,EAAA;QACvE,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;AAC/C,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;IAGxC,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;QAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC;QAC1C,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,4BAA4B,CAAC;AAC5E,YAAA,IAAI,IAAI;AAAE,gBAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACzE,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAC7D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,2HAA2H,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAG,CAAA,EACtK,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,SAAS,EAChB,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,qIAAqI,EACvI,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,SAAS,EAChB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,oFAAoF,EACtF,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACN,iBAAA,EAAA,OAAO,GACvB,CACE,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAK,EACjF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,2BAA2B,EAClC,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACxE,gBAAA,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;aACpE,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,EAAE,EACR,IAAI,EACF,IAAI,CAAC,YAAY,EAAE,QAAQ,KAAK;AAC9B,kBAAE;AACF,kBAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,KAAK;AAChC,sBAAE;AACF,sBAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,KAAK;AAChC,0BAAE;0BACA,gBAAgB,EAE1B,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,IAAI,CAAC,YAAY,CAAC,IAAI;AACrB,aAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,CAC3J,CACH,EACN,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yCAAyC,EAAA,eAAA,EAAgB,SAAS,EAAgB,eAAA,EAAA,IAAI,CAAC,MAAM,EAAA,EAC1G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,mBAAmB,EAAA,CAAW,CACrC,CACL,EACL,IAAI,CAAC,MAAM,KACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,KAAK,CAAC,GAAG,oCAAoC,GAAG,qBAAqB,EAC1G,KAAK,EAAE;AACL,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AAClD,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;aACnD,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EACxG,YAAY,EAAE,CAAC,IAAK,CAAC,CAAC,aAA6B,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjI,YAAY,EAAE,CAAC,IACZ,CAAC,CAAC,aAA6B,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,KAAK,CAAC,GAAG,kBAAkB,GAAG,mBAAmB,CAAC,EAAA,EAG5K,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACrC,gBAAA,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;aACjC,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,WAAW,EAAA,CAAG,CACxB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;aAClD,EAAA,EAEA,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACzB,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AAClD,aAAA,EAAA,EAEA,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CACtB,CACA,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,KAAK,CAAC,GAAG,mBAAmB,GAAG,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,KAAK,CAAC,GAAI,CACtK,EACL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KACf,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,oCAAoC,GAAG,qBAAqB,EACtH,KAAK,EAAE;gBACL,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;gBACrE,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACtE,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EACjC,YAAY,EAAE,CAAC,IAAK,CAAC,CAAC,aAA6B,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjI,YAAY,EAAE,CAAC,IACZ,CAAC,CAAC;iBACA,aAAa,CAAC,mBAAmB;AAClC,kBAAE,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,kBAAkB,GAAG,mBAAmB,CAAC,EAAA,EAGvH,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,CAAC,CAAC,WAAW,GAAG,GAAG,GAAG,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;gBAC7H,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;aACpD,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAE,CAAC,CAAC,QAAQ,KAAK,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC,QAAQ,KAAK,UAAU,GAAG,mBAAmB,GAAG,gBAAgB,EAAA,CAAI,CACzH,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAA,CAAA,GAAA,EAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;gBACL,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,IAAI;AACtE,aAAA,EACe,iBAAA,EAAA,sBAAsB,EACnB,mBAAA,EAAA,CAA0D,uDAAA,EAAA,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAS,OAAA,CAAA,EACpQ,YAAY,EAAE,CAAC,CAAa,KAAI;AAC9B,gBAAA,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B;gBACzC,IAAI,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,WAAW,EAAE;AACpC,oBAAA,EAAE,CAAC,eAAe,CAAC,mBAAmB,CAAC;;AAE3C,aAAC,EAAA,EAEA,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAC7K,EACJ,CAAA,CAAA,GAAA,EAAA,EACE,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE;gBACL,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;aACrE,EAAA,EAEA,CAAC,CAAC,QAAQ,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAC5J,CACA,EACN,CAAA,CAAA,SAAA,EAAA,EACE,KAAK,EAAE,kBAAkB,EACzB,IAAI,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,mBAAmB,GAAG,kBAAkB,EACjG,KAAK,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,YAAY,EAAE,WAAW,EACvD,CAAA,CACE,CACP,CAAC,EACD,IAAI,CAAC,mBAAmB,KACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yCAAyC,EAAA,EAClD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAO,CAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8CAA8C,EAAO,CAAA,EAChE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,8CAA8C,EAAA,CAAO,CAC5D,EACN,CAAc,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV,CACP,CACK,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EACnC,KAAK,EAAE,2BAA2B,EAClC,KAAK,EAAE;AACL,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AAClD,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACnD,aAAA,EACD,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAAA,EAElC,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4BAA4B,EAAA,EAEnC,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,eAAe,EAAA,CAAG,CAC5B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAK,EAC1E,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAK,CAC/D,EACN,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAG,CAAA,CAC/C,CACL,CACP,CACG,EACN,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,sBAAsB,EAAG,CAAA,EAC/C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-select/ls-participant-select.scss?tag=ls-participant-select&encapsulation=shadow","src/components/ls-participant-select/ls-participant-select.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-dropdown {\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.ls-dv-dropdown-header {\n border-radius: 0.75rem;\n border: 1px solid $gray-20;\n background: $gray-10;\n display: flex;\n padding: 0.125rem 0.125rem 0.125rem 0.5rem;\n align-items: center;\n gap: 0.5rem;\n}\n\n.ls-dv-placing-fields-text {\n color: $gray-90;\n text-align: center;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n margin: 0;\n}\n\n.ls-dv-selected-role-label {\n display: flex;\n padding: 0.125rem 0.375rem;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.25rem;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n max-width: 10rem;\n}\n\n.ls-dv-selected-role-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dropdown-list {\n position: absolute;\n top: 3rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 18.5625rem;\n padding: 0.25rem;\n flex-direction: column;\n gap: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n max-height: 40vh;\n}\n\n.ls-dv-dropdown-list-items {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n overflow-y: auto;\n min-height: 0;\n}\n\n.ls-dv-dropdown-item {\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected,\n.ls-dv-dropdown-item.ls-dv-selected:hover {\n background: var(--background-selected, #e0e2e5);\n}\n\n.ls-dv-dropdown-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-skeleton-item {\n pointer-events: none;\n color: $primary-50;\n}\n\n.ls-dv-skeleton-circle {\n width: 2.25rem !important;\n height: 2.25rem !important;\n flex-shrink: 0;\n border-radius: 0.625rem;\n background: $gray-20;\n animation: pulse 1.2s ease-in-out infinite;\n}\n\n.ls-dv-skeleton-line {\n border-radius: 0.25rem;\n background: $gray-20;\n animation: pulse 1.2s ease-in-out infinite;\n}\n\n.ls-dv-skeleton-line-name {\n width: 6rem;\n height: 0.75rem;\n margin-bottom: 0.25rem;\n}\n\n.ls-dv-skeleton-line-type {\n width: 3rem;\n height: 0.625rem;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n}\n\n.ls-dv-add-participant-row {\n all: unset;\n flex-shrink: 0;\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n border: 1px dashed $gray-30;\n cursor: pointer;\n}\n\n.ls-dv-add-participant-row:hover {\n background: $gray-10;\n}\n\n.ls-dv-add-participant-row:disabled {\n cursor: not-allowed;\n background: $gray-10;\n opacity: 0.5;\n}\n\n.ls-dv-plus-icon {\n color: $gray-40;\n}\n\n.ls-dv-role-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n}\n\n.ls-dv-add-participant-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n color: white;\n background: $primary-60;\n}\n\n.ls-dv-role-text {\n display: flex;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-dropdown-item .ls-dv-check-icon {\n color: $gray-40;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n\n.ls-dv-role-name {\n color: $gray-100;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1rem; / 133.333% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-role-type {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name {\n color: var(--role-name-selected);\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type {\n color: var(--role-type-selected);\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\n.ls-dv-expand-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n border-radius: 0.625rem;\n justify-content: center;\n text-transform: capitalize;\n min-height: 2rem;\n min-width: 2rem;\n max-height: 2rem;\n max-width: 2rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-select',\n styleUrl: 'ls-participant-select.scss',\n shadow: true,\n})\nexport class LsParticipantSelect {\n @Element() el: HTMLElement;\n\n /\n The id of the currently selected role.\n * {string}\n /\n @Prop({ mutable: true}) selected: string;\n\n /\n The currently active signer index (controlled externally).\n * {number}\n /\n @Prop() signer: number;\n \n /\n The currently selected role.\n * {number}\n /\n @State() selectedRole: { signerIndex: number; name: string; roleType?: string; default: boolean } = { signerIndex: 1, name: '', roleType: 'SIGNER', default: true };\n\n @Watch('signer')\n handleSignerChange(newSigner: number) {\n this.syncSelectedRole(newSigner);\n }\n\n @State() scrollToBottom: boolean = false;\n @State() isAddingParticipant: boolean = false;\n\n @Watch('roles')\n handleRoleLoad() {\n this.syncSelectedRole(this.signer);\n if (this.scrollToBottom) {\n this.scrollToBottom = false;\n this.isAddingParticipant = false;\n requestAnimationFrame(() => {\n const list = this.el.shadowRoot?.querySelector('.ls-dv-dropdown-list-items');\n if (list) list.scrollTo({ top: list.scrollHeight, behavior: 'smooth' });\n });\n }\n }\n\n componentWillLoad() {\n this.syncSelectedRole(this.signer);\n }\n\n private syncSelectedRole(signerIndex: number) {\n if (signerIndex === 0) {\n this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };\n } else if (this.roles?.length > 0) {\n const role = this.roles.find(r => r.signerIndex === signerIndex);\n if (role) {\n this.selectedRole = { ...role, default: false };\n }\n }\n }\n /\n The current template roles.\n * {LSApiRole}\n */\n @Prop() roles?: LSApiRole[] = [];\n\n @State() isOpen: boolean = false;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n\n toggleDropdown = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Event() roleChange: EventEmitter<number>;\n\n @Event({\n bubbles: true,\n composed: true,\n }) addParticipant: EventEmitter<{type: LSApiRoleType, parent?: string \| null}>;\n\n\n selectRole(role: { signerIndex: number; name: string; roleType?: string }) {\n this.selectedRole = { ...role, default: false };\n this.isOpen = false;\n this.roleChange.emit(role.signerIndex);\n }\n\n createHandler() {\n this.scrollToBottom = true;\n this.isAddingParticipant = true;\n this.addParticipant.emit({type: 'SIGNER'});\n requestAnimationFrame(() => {\n const list = this.el.shadowRoot?.querySelector('.ls-dv-dropdown-list-items');\n if (list) list.scrollTo({ top: list.scrollHeight, behavior: 'smooth' });\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-dropdown\">\n <div class=\"ls-dv-dropdown-header\" onClick={this.toggleDropdown}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z\" fill=\"#78A3FA\" stroke=\"#F7F8FA\" />\n <path\n d=\"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z\"\n fill=\"#46DBAA\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z\"\n fill=\"#FAD232\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75\"\n stroke=\"#939599\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <p class={'ls-dv-placing-fields-text'}>{dvI18n.t('toolbar.placingfieldsfor')}</p>\n <div\n class={'ls-dv-selected-role-label'}\n style={{\n background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,\n color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,\n }}\n >\n <ls-icon\n size={18}\n name={\n this.selectedRole?.roleType === 'SENDER'\n ? 'user-icon'\n : this.selectedRole?.roleType === 'APPROVER'\n ? 'check-circle-icon'\n : this.selectedRole?.roleType === 'WITNESS'\n ? 'eye-icon'\n : 'signature-icon'\n }\n />\n <span class=\"ls-dv-selected-role-text\">\n {this.selectedRole.name \|\|\n (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))}\n </span>\n </div>\n <button class={'ls-dv-tertiary-grey ls-dv-expand-button'} aria-haspopup=\"listbox\" aria-expanded={this.isOpen}>\n <ls-icon name=\"chevron-down-icon\"></ls-icon>\n </button>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-dropdown-list\">\n <div class=\"ls-dv-dropdown-list-items\">\n <div\n class={this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' })}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.sender')}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.you')}\n </p>\n </div>\n\n <ls-icon class={'ls-dv-check-icon'} name={this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon'} solid={this.selectedRole?.signerIndex === 0} />\n </div>\n {this.roles.map(r => (\n <div\n class={r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,\n '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,\n }}\n onClick={() => this.selectRole(r)}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement)\n .querySelector('.ls-dv-check-icon')\n ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,\n color: defaultRolePalette[r?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'} />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,\n }}\n data-tooltip-id=\"ls-dv-select-tooltip\"\n data-tooltip-html={`<span style=\"white-space:normal;word-break:break-word\">${r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\n }}\n >\n {r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,\n }}\n >\n {r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer')}\n </p>\n </div>\n <ls-icon\n class={'ls-dv-check-icon'}\n name={r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.selectedRole?.signerIndex}\n />\n </div>\n ))}\n {this.isAddingParticipant && (\n <div class=\"ls-dv-dropdown-item ls-dv-skeleton-item\">\n <div class=\"ls-dv-skeleton-circle\"></div>\n <div class=\"ls-dv-role-text\">\n <div class=\"ls-dv-skeleton-line ls-dv-skeleton-line-name\"></div>\n <div class=\"ls-dv-skeleton-line ls-dv-skeleton-line-type\"></div>\n </div>\n <ls-loading />\n </div>\n )}\n </div>\n <button\n onClick={() => this.createHandler()}\n class={'ls-dv-add-participant-row'}\n style={{\n '--background-selected': defaultRolePalette[1].s10,\n '--check-icon-selected': defaultRolePalette[1].s50,\n }}\n disabled={this.isAddingParticipant}\n >\n <div\n class={'ls-dv-add-participant-icon'}\n >\n <ls-icon name=\"user-add-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p class={'ls-dv-role-name'}>{dvI18n.t('participants.addparticipant')}</p>\n <p class={'ls-dv-role-type'}>{dvI18n.t('toolbar.addnewsigner')}</p>\n </div>\n <ls-icon class={'ls-dv-plus-icon'} name=\"plus-icon\" />\n </button>\n </div>\n )}\n </div>\n <ls-tooltip tooltipId=\"ls-dv-select-tooltip\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CD0ohunR.js → p-PUZ-RtL4.js} RENAMED Viewed

@@ -84,14 +84,14 @@ const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField ext
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '800b2aee4548da0bf2b6d19f73b2493de6ac1ff9' }, h("div", { key: 'e504b3224784dab160262240d710d133ba1a8cb2', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: '2b07924fccc3f645d71eb3b8b69a5055d3b4c572' }, h("div", { key: 'bd7ef4194542482eb3b672f14f79bc3b757f8959', class: 'ls-dv-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
                 boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,
-            } }, h("div", { key: 'e7711c077c0a7151c3b8ca3047dae128418e79c8', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: 'abe5f664ef86859ffba839f040365db72d401d11', name: this.icon, size: 20 })), h("p", { key: 'bb1d5d68f3ced9628cd747b530dd6928fc898ab8', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+            } }, h("div", { key: 'bf350cb747f7cf222d6212fd597898bad6cb5e5a', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: '2ab5988bbe61ef3a4efbb6927c30541a517014ad', name: this.icon, size: 20 })), h("p", { key: 'a3f068218bc17370f67f1c529bb80fdd001125be', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: 'ea250cd56a27a5016829d4adff8430b0b0107402', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '7c9c87c5b6921db0771e7f354aeb0a0fd2b58bc7', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '431bd74c6e1f94247986e0e3952e818c62e23909', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: 'aa2614cc4feb9255b29d1212721f1980cc8595c2', tooltipId: "ls-dv-tooltip" })));
+            } }, this.label), this.redDot && (h("div", { key: '2788421520e1c7a91fd809f5921eb70545a086d5', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '51f0c7403e26c17320822f1c2f0579649c5fb453', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '4cf71d2389d7c48c6d3ad2017dfec38984c0ee0b', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '9a0cedfc0e4f0cca701e9f8b322de92024591bc5', tooltipId: "ls-dv-tooltip" })));
     }
     static get style() { return lsToolboxFieldCss(); }
 }, [769, "ls-toolbox-field", {
@@ -134,6 +134,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsToolboxField as L, defineCustomElement as d };
-//# sourceMappingURL=p-CD0ohunR.js.map
+//# sourceMappingURL=p-PUZ-RtL4.js.map
-//# sourceMappingURL=p-CD0ohunR.js.map
+//# sourceMappingURL=p-PUZ-RtL4.js.map

package/dist/components/{p-CD0ohunR.js.map → p-PUZ-RtL4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CD0ohunR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n justify-content: center;\n gap: 0.875rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n cursor: grab;\n}\n\n:host(.ls-dv-dragging) .ls-dv-toolbox-field,\n:host(.ls-dv-dragging) .ls-dv-toolbox-field * {\n cursor: grabbing !important;\n}\n\n.ls-dv-toolbox-field:active {\n cursor: grabbing;\n}\n\n.ls-dv-toolbox-field:hover {\n background: $gray-10;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n display: flex;\n padding: 0.38rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.625rem;\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n border: 1px solid var(--signer-color);\n background: var(--signer-color-light);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n width: 100%;\n margin: 0;\n}\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-toolbox-field',\n styleUrl: 'ls-toolbox-field.scss',\n shadow: true,\n})\nexport class LsToolboxField {\n @Element() component: HTMLElement;\n /\n The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n /\n @Prop() formElementType: string;\n @Prop() elementType: 'text' \| 'signature' \| 'initials' \| 'admin';\n @Prop() validation: number = 0;\n @Prop() fixedAspect: number \| null = null;\n @Prop() redDot: boolean = false;\n\n /\n The text to display for this field type.\n /\n @Prop() label: string;\n\n /\n The icon to display for this field type.\n /\n @Prop() icon: Icon;\n /\n The tooltip hint to describe to the field type\n /\n @Prop() tooltip: string;\n\n /\n The starting height of this control type in pixels.\n /\n @Prop() defaultHeight: number;\n /\n The starting width of this control type in pixels.\n /\n @Prop() defaultWidth: number;\n\n /\n The signer color of the element\n */\n @Prop() signer: number = 0;\n\n @Prop({ mutable: true }) isSelected: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n fieldTypeSelected: EventEmitter<{\n label: string;\n elementType: string;\n defaultHeight: number;\n defaultWidth: number;\n formElementType: string;\n validation: number;\n fixedAspect: number \| null;\n }>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n toolboxDragStart: EventEmitter<IToolboxField>;\n\n @Listen('mousedown')\n handleMouseDown(event: MouseEvent) {\n if (event.button !== 0) return;\n event.preventDefault();\n\n // Always select this field type\n this.fieldTypeSelected.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n\n // Also start dragging\n this.toolboxDragStart.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'ArrowDown') {\n console.log('down arrow pressed');\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={'ls-dv-toolbox-field'}\n style={\n this.isSelected && {\n background: defaultRolePalette[this.signer % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n color: defaultRolePalette[this.signer % 100].s80,\n boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n }\n }\n >\n <div\n class=\"ls-dv-toolbox-field-icon\"\n style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n data-tooltip-place=\"right\"\n >\n <ls-icon name={this.icon as any} size={20} />\n </div>\n <p\n class=\"ls-dv-toolbox-field-label\"\n style={\n this.isSelected && {\n color: defaultRolePalette[this.signer % 100].s80,\n }\n }\n >\n {this.label}\n </p>\n {this.redDot && (\n <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n </div>\n )}\n <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' }} />\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-PUZ-RtL4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n justify-content: center;\n gap: 0.875rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n cursor: grab;\n}\n\n:host(.ls-dv-dragging) .ls-dv-toolbox-field,\n:host(.ls-dv-dragging) .ls-dv-toolbox-field * {\n cursor: grabbing !important;\n}\n\n.ls-dv-toolbox-field:active {\n cursor: grabbing;\n}\n\n.ls-dv-toolbox-field:hover {\n background: $gray-10;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n display: flex;\n padding: 0.38rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.625rem;\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n border: 1px solid var(--signer-color);\n background: var(--signer-color-light);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n width: 100%;\n margin: 0;\n}\n\n/* Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-toolbox-field',\n styleUrl: 'ls-toolbox-field.scss',\n shadow: true,\n})\nexport class LsToolboxField {\n @Element() component: HTMLElement;\n /\n The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n /\n @Prop() formElementType: string;\n @Prop() elementType: 'text' \| 'signature' \| 'initials' \| 'admin';\n @Prop() validation: number = 0;\n @Prop() fixedAspect: number \| null = null;\n @Prop() redDot: boolean = false;\n\n /\n The text to display for this field type.\n /\n @Prop() label: string;\n\n /\n The icon to display for this field type.\n /\n @Prop() icon: Icon;\n /\n The tooltip hint to describe to the field type\n /\n @Prop() tooltip: string;\n\n /\n The starting height of this control type in pixels.\n /\n @Prop() defaultHeight: number;\n /\n The starting width of this control type in pixels.\n /\n @Prop() defaultWidth: number;\n\n /\n The signer color of the element\n */\n @Prop() signer: number = 0;\n\n @Prop({ mutable: true }) isSelected: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n fieldTypeSelected: EventEmitter<{\n label: string;\n elementType: string;\n defaultHeight: number;\n defaultWidth: number;\n formElementType: string;\n validation: number;\n fixedAspect: number \| null;\n }>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n toolboxDragStart: EventEmitter<IToolboxField>;\n\n @Listen('mousedown')\n handleMouseDown(event: MouseEvent) {\n if (event.button !== 0) return;\n event.preventDefault();\n\n // Always select this field type\n this.fieldTypeSelected.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n\n // Also start dragging\n this.toolboxDragStart.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'ArrowDown') {\n console.log('down arrow pressed');\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={'ls-dv-toolbox-field'}\n style={\n this.isSelected && {\n background: defaultRolePalette[this.signer % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n color: defaultRolePalette[this.signer % 100].s80,\n boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n }\n }\n >\n <div\n class=\"ls-dv-toolbox-field-icon\"\n style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n data-tooltip-place=\"right\"\n >\n <ls-icon name={this.icon as any} size={20} />\n </div>\n <p\n class=\"ls-dv-toolbox-field-label\"\n style={\n this.isSelected && {\n color: defaultRolePalette[this.signer % 100].s80,\n }\n }\n >\n {this.label}\n </p>\n {this.redDot && (\n <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n </div>\n )}\n <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' }} />\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DpA4TE1Q.js → p-eNHd8fhJ.js} RENAMED Viewed

@@ -2,25 +2,25 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
 import { d as defineCustomElement$n } from './p-BKbGzLae.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
 import { d as defineCustomElement$l } from './p-XbFErpli.js';
-import { d as defineCustomElement$k } from './p-CTMHCecN.js';
+import { d as defineCustomElement$k } from './p-CALnPlUj.js';
 import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$i } from './p-gvdT4if6.js';
 import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$g } from './p-BTcdVmkv.js';
+import { d as defineCustomElement$g } from './p-BgoGd-eS.js';
 import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
-import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
+import { d as defineCustomElement$e } from './p-CYpYv8bB.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';
-import { d as defineCustomElement$a } from './p-DaQLveiE.js';
+import { d as defineCustomElement$a } from './p-CBf_4337.js';
 import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
 import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$7 } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$7 } from './p-DJ32qqnr.js';
 import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
 import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
 import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
-import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$2 } from './p-DEBcjrDR.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsFieldPropertiesDateCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.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)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.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)}`;
@@ -178,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesDate as L, defineCustomElement as d };
-//# sourceMappingURL=p-DpA4TE1Q.js.map
+//# sourceMappingURL=p-eNHd8fhJ.js.map
-//# sourceMappingURL=p-DpA4TE1Q.js.map
+//# sourceMappingURL=p-eNHd8fhJ.js.map

package/dist/components/{p-DpA4TE1Q.js.map → p-eNHd8fhJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DpA4TE1Q~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-date/ls-field-properties-date.scss?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.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.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-date',\n styleUrl: 'ls-field-properties-date.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesDate {\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-eNHd8fhJ.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-date/ls-field-properties-date.scss?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.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.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-date',\n styleUrl: 'ls-field-properties-date.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesDate {\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-DAq2HFf_.js → p-ma9TKqrQ.js} RENAMED Viewed

@@ -2,25 +2,25 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
 import { d as defineCustomElement$n } from './p-BKbGzLae.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
 import { d as defineCustomElement$l } from './p-XbFErpli.js';
-import { d as defineCustomElement$k } from './p-CTMHCecN.js';
+import { d as defineCustomElement$k } from './p-CALnPlUj.js';
 import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$i } from './p-gvdT4if6.js';
 import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$g } from './p-BTcdVmkv.js';
+import { d as defineCustomElement$g } from './p-BgoGd-eS.js';
 import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
-import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
+import { d as defineCustomElement$e } from './p-CYpYv8bB.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';
-import { d as defineCustomElement$a } from './p-DaQLveiE.js';
+import { d as defineCustomElement$a } from './p-CBf_4337.js';
 import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
 import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$7 } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$7 } from './p-DJ32qqnr.js';
 import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
 import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
 import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
-import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$2 } from './p-DEBcjrDR.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsFieldPropertiesCheckboxCss = () => `:host{display:block;height:100%}*{box-sizing:border-box;margin:0}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}`;
@@ -185,6 +185,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesCheckbox as L, defineCustomElement as d };
-//# sourceMappingURL=p-DAq2HFf_.js.map
+//# sourceMappingURL=p-ma9TKqrQ.js.map
-//# sourceMappingURL=p-DAq2HFf_.js.map
+//# sourceMappingURL=p-ma9TKqrQ.js.map

package/dist/components/{p-DAq2HFf_.js.map → p-ma9TKqrQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DAq2HFf_~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,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,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,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-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-checkbox',\n styleUrl: 'ls-field-properties-checkbox.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @Listen('mutate')\n handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n const update = event.detail?.[0];\n if (update?.action === 'update' && update.data) {\n this.dataItem = update.data as LSApiElement;\n }\n }\n\n @Element() el: HTMLElement;\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={true} 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-ma9TKqrQ.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,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,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,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-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-checkbox',\n styleUrl: 'ls-field-properties-checkbox.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @Listen('mutate')\n handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n const update = event.detail?.[0];\n if (update?.action === 'update' && update.data) {\n this.dataItem = update.data as LSApiElement;\n }\n }\n\n @Element() el: HTMLElement;\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={true} 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/esm/loader.js CHANGED Viewed

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