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

legalesign-document-viewer 1.0.7 → 1.0.9

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

Files changed (217) hide show

package/dist/components/{p-cjANxX0x.js → p-CWhhZmiz.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { F as FIELD_DEFAULTS } from './p-04cXI5GQ.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$2 } from './p-BIGiHXfV.js';
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsValidationManager as L, defineCustomElement as d };
-//# sourceMappingURL=p-cjANxX0x.js.map
+//# sourceMappingURL=p-CWhhZmiz.js.map
-//# sourceMappingURL=p-cjANxX0x.js.map
+//# sourceMappingURL=p-CWhhZmiz.js.map

package/dist/components/{p-cjANxX0x.js.map → p-CWhhZmiz.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-cjANxX0x.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-validation-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; / 142.857% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\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","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n cursor: field?.element ? 'pointer' : 'default',\n }}\n onClick={() => {\n if (field?.element) {\n this.selectFields.emit([field.element]);\n }\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CWhhZmiz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-validation-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; / 142.857% /\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; / 133.333% /\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; / 142.857% /\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\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","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n cursor: field?.element ? 'pointer' : 'default',\n }}\n onClick={() => {\n if (field?.element) {\n this.selectFields.emit([field.element]);\n }\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Dl8z1tmj.js → p-CbHnsyZK.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -238,6 +238,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsSelectMenu as L, defineCustomElement as d };
-//# sourceMappingURL=p-Dl8z1tmj.js.map
+//# sourceMappingURL=p-CbHnsyZK.js.map
-//# sourceMappingURL=p-Dl8z1tmj.js.map
+//# sourceMappingURL=p-CbHnsyZK.js.map

package/dist/components/{p-Dl8z1tmj.js.map → p-CbHnsyZK.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Dl8z1tmj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n position: relative;\n}\n\n.ls-select-menu-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n height: 2rem;\n width: 2rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.625rem;\n background: $primary-10;\n border: 1px solid $primary-60;\n color: $primary-60;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $primary-60;\n max-width: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n width: auto;\n gap: 0.375rem;\n padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n max-width: 8rem;\n opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n position: absolute;\n top: 2.5rem;\n left: 0;\n min-width: 14rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: $white;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n z-index: 1000;\n}\n\n.ls-select-menu-item {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: none;\n border-radius: 0.75rem;\n background: transparent;\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n cursor: pointer;\n text-align: left;\n min-height: unset;\n white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n height: 1px;\n margin: 0.25rem -0.75rem;\n background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-select-menu',\n styleUrl: 'ls-select-menu.scss',\n shadow: true,\n})\nexport class LsSelectMenu {\n @Element() el: HTMLElement;\n\n @Prop() selected: any[] = [];\n @Prop() pageNum: number;\n @Prop() editor: any;\n @Prop() floating: boolean = false;\n\n @State() isOpen: boolean = false;\n @State() isVisible: boolean = false;\n @State() isHeldDown: boolean = false;\n @State() floatingTop: number = 0;\n @State() floatingLeft: number = 0;\n\n private scrollHandler: () => void;\n private frameMouseDownHandler: () => void;\n private frameMouseUpHandler: () => void;\n private frameKeyDownHandler: (e: KeyboardEvent) => void;\n private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n this.el.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n\n if (this.floating) {\n this.scrollHandler = () => this.updateFloatingVisibility();\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n frame.addEventListener('mousedown', this.frameMouseDownHandler);\n frame.addEventListener('mouseup', this.frameMouseUpHandler);\n }\n\n const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n this.frameKeyDownHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) this.isHeldDown = true;\n };\n this.frameKeyUpHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n };\n document.addEventListener('keydown', this.frameKeyDownHandler);\n document.addEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n disconnectedCallback() {\n if (this.floating) {\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n }\n if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n @Watch('selected')\n @Watch('pageNum')\n onSelectionChange() {\n if (this.floating) {\n this.updateFloatingVisibility();\n }\n }\n\n private updateFloatingVisibility() {\n if (!this.floating \|\| !this.editor) {\n this.isVisible = false;\n return;\n }\n\n const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n if (!pageSelected \|\| pageSelected.length === 0) {\n this.isVisible = false;\n return;\n }\n\n // Check if main select menu button is out of view\n const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n if (!mainMenu) {\n this.isVisible = false;\n return;\n }\n\n const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (!wrapper) {\n this.isVisible = false;\n return;\n }\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const mainRect = mainMenu.getBoundingClientRect();\n const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n if (mainInView) {\n this.isVisible = false;\n return;\n }\n\n // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n if (!frame) {\n this.isVisible = false;\n return;\n }\n const frameRect = frame.getBoundingClientRect();\n\n let maxRight = -Infinity;\n let minTop = Infinity;\n pageSelected.forEach(f => {\n const rect = f.getBoundingClientRect();\n const right = rect.right - frameRect.left;\n const top = rect.top - frameRect.top;\n if (right > maxRight) maxRight = right;\n if (top < minTop) minTop = top;\n });\n\n this.floatingTop = minTop + frame.scrollTop;\n this.floatingLeft = maxRight + frame.scrollLeft + 8;\n this.isVisible = true;\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private get hasSelection(): boolean {\n return this.selected?.length > 0;\n }\n\n private getAllFields(): any[] {\n return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') \|\| []);\n }\n\n private selectAll() {\n const fields = this.getAllFields();\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectAllOnPage() {\n const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipant() {\n if (!this.hasSelection) return;\n const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameType() {\n if (!this.hasSelection) return;\n const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipantAndType() {\n if (!this.hasSelection) return;\n const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n render() {\n if (this.floating && (!this.isVisible \|\| this.isHeldDown)) return null;\n\n const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n if (this.floating) {\n this.el.style.position = 'absolute';\n this.el.style.top = this.floatingTop + 'px';\n this.el.style.left = this.floatingLeft + 'px';\n }\n\n return (\n <div class=\"ls-select-menu\">\n <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n >\n <ls-icon name=\"cursor-click-icon\" />\n <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n </button>\n {this.isOpen && (\n <div class=\"ls-select-menu-dropdown\">\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n {dvI18n.t('selectmenu.selectall')}\n </button>\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n {dvI18n.t('selectmenu.selectallonpage')}\n </button>\n <div class=\"ls-select-menu-divider\" />\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipant()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipant')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sametype')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipantAndType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipantandtype')}\n </button>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CbHnsyZK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n position: relative;\n}\n\n.ls-select-menu-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n height: 2rem;\n width: 2rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.625rem;\n background: $primary-10;\n border: 1px solid $primary-60;\n color: $primary-60;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $primary-60;\n max-width: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n width: auto;\n gap: 0.375rem;\n padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n max-width: 8rem;\n opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n position: absolute;\n top: 2.5rem;\n left: 0;\n min-width: 14rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: $white;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n z-index: 1000;\n}\n\n.ls-select-menu-item {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: none;\n border-radius: 0.75rem;\n background: transparent;\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n cursor: pointer;\n text-align: left;\n min-height: unset;\n white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n height: 1px;\n margin: 0.25rem -0.75rem;\n background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-select-menu',\n styleUrl: 'ls-select-menu.scss',\n shadow: true,\n})\nexport class LsSelectMenu {\n @Element() el: HTMLElement;\n\n @Prop() selected: any[] = [];\n @Prop() pageNum: number;\n @Prop() editor: any;\n @Prop() floating: boolean = false;\n\n @State() isOpen: boolean = false;\n @State() isVisible: boolean = false;\n @State() isHeldDown: boolean = false;\n @State() floatingTop: number = 0;\n @State() floatingLeft: number = 0;\n\n private scrollHandler: () => void;\n private frameMouseDownHandler: () => void;\n private frameMouseUpHandler: () => void;\n private frameKeyDownHandler: (e: KeyboardEvent) => void;\n private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n this.el.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n\n if (this.floating) {\n this.scrollHandler = () => this.updateFloatingVisibility();\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n frame.addEventListener('mousedown', this.frameMouseDownHandler);\n frame.addEventListener('mouseup', this.frameMouseUpHandler);\n }\n\n const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n this.frameKeyDownHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) this.isHeldDown = true;\n };\n this.frameKeyUpHandler = (e: KeyboardEvent) => {\n if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n };\n document.addEventListener('keydown', this.frameKeyDownHandler);\n document.addEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n disconnectedCallback() {\n if (this.floating) {\n const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n if (frame) {\n if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n }\n if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n }\n }\n\n @Watch('selected')\n @Watch('pageNum')\n onSelectionChange() {\n if (this.floating) {\n this.updateFloatingVisibility();\n }\n }\n\n private updateFloatingVisibility() {\n if (!this.floating \|\| !this.editor) {\n this.isVisible = false;\n return;\n }\n\n const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n if (!pageSelected \|\| pageSelected.length === 0) {\n this.isVisible = false;\n return;\n }\n\n // Check if main select menu button is out of view\n const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n if (!mainMenu) {\n this.isVisible = false;\n return;\n }\n\n const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n if (!wrapper) {\n this.isVisible = false;\n return;\n }\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const mainRect = mainMenu.getBoundingClientRect();\n const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n if (mainInView) {\n this.isVisible = false;\n return;\n }\n\n // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n if (!frame) {\n this.isVisible = false;\n return;\n }\n const frameRect = frame.getBoundingClientRect();\n\n let maxRight = -Infinity;\n let minTop = Infinity;\n pageSelected.forEach(f => {\n const rect = f.getBoundingClientRect();\n const right = rect.right - frameRect.left;\n const top = rect.top - frameRect.top;\n if (right > maxRight) maxRight = right;\n if (top < minTop) minTop = top;\n });\n\n this.floatingTop = minTop + frame.scrollTop;\n this.floatingLeft = maxRight + frame.scrollLeft + 8;\n this.isVisible = true;\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private get hasSelection(): boolean {\n return this.selected?.length > 0;\n }\n\n private getAllFields(): any[] {\n return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') \|\| []);\n }\n\n private selectAll() {\n const fields = this.getAllFields();\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectAllOnPage() {\n const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipant() {\n if (!this.hasSelection) return;\n const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameType() {\n if (!this.hasSelection) return;\n const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n private selectBySameParticipantAndType() {\n if (!this.hasSelection) return;\n const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n this.selectFields.emit(fields.map(f => f.dataItem));\n this.isOpen = false;\n }\n\n render() {\n if (this.floating && (!this.isVisible \|\| this.isHeldDown)) return null;\n\n const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n if (this.floating) {\n this.el.style.position = 'absolute';\n this.el.style.top = this.floatingTop + 'px';\n this.el.style.left = this.floatingLeft + 'px';\n }\n\n return (\n <div class=\"ls-select-menu\">\n <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n >\n <ls-icon name=\"cursor-click-icon\" />\n <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n </button>\n {this.isOpen && (\n <div class=\"ls-select-menu-dropdown\">\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n {dvI18n.t('selectmenu.selectall')}\n </button>\n <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n {dvI18n.t('selectmenu.selectallonpage')}\n </button>\n <div class=\"ls-select-menu-divider\" />\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipant()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipant')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sametype')}\n </button>\n <button\n class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n disabled={!this.hasSelection}\n onClick={() => this.selectBySameParticipantAndType()}\n data-tooltip-id=\"ls-select-menu-tooltip\"\n data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n data-tooltip-place=\"left\"\n >\n {dvI18n.t('selectmenu.sameparticipantandtype')}\n </button>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CJOYo3je.js → p-CmBPltP9.js} RENAMED Viewed

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

package/dist/components/{p-CJOYo3je.js.map → p-CmBPltP9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CJOYo3je~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSr4J,uBAAuB,iBAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC1B,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEhC,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-number/ls-field-properties-number.scss?tag=ls-field-properties-number&encapsulation=shadow","src/components/ls-field-properties-number/ls-field-properties-number.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-number',\n styleUrl: 'ls-field-properties-number.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesNumber {\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-CmBPltP9.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSr4J,uBAAuB,iBAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC1B,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEhC,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-number/ls-field-properties-number.scss?tag=ls-field-properties-number&encapsulation=shadow","src/components/ls-field-properties-number/ls-field-properties-number.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-number',\n styleUrl: 'ls-field-properties-number.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesNumber {\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-DWGdXqO4.js → p-CmTo6hVs.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -78,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFeatureColoumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-DWGdXqO4.js.map
+//# sourceMappingURL=p-CmTo6hVs.js.map
-//# sourceMappingURL=p-DWGdXqO4.js.map
+//# sourceMappingURL=p-CmTo6hVs.js.map

package/dist/components/{p-DWGdXqO4.js.map → p-CmTo6hVs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DWGdXqO4~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CmTo6hVs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.scss?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n padding: 0.75rem;\n border-radius: 1rem;\n color: $gray-80;\n}\n\n.ls-dv-default-icon:hover {\n background-color: $primary-10;\n color: $primary-100;\n cursor: pointer;\n}\n\n.ls-dv-active-icon {\n background-color: $primary-60;\n color: $white;\n}\n\n.ls-dv-hidden {\n display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.scss',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /*\n Determines / sets which of the far left 'managers' is active.\n * {'document' \| 'toolbox' \| 'participant' }\n /\n @Prop({ mutable: true }) manager: 'document' \| 'toolbox' \| 'participant'\| 'recipient' \| 'validation' = 'toolbox';\n\n\n /\n The mode that document viewer is being used in.\n * {'preview' \| 'editor' \| 'custom'}\n */\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"document-icon\" size={24} />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"typing-input-icon\" size={24} />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"user-group-icon\" size={24} />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`}\n data-tooltip-place=\"right\"\n >\n <ls-icon name=\"adjustments-icon\" size={24} />\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Biay9ys2.js → p-Coi9olJj.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$4 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$3 } from './p-MzXqai7c.js';
 import { d as defineCustomElement$2 } from './p-CKoM9Y6t.js';
@@ -192,6 +192,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsParticipantSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-Biay9ys2.js.map
+//# sourceMappingURL=p-Coi9olJj.js.map
-//# sourceMappingURL=p-Biay9ys2.js.map
+//# sourceMappingURL=p-Coi9olJj.js.map

package/dist/components/{p-Biay9ys2.js.map → p-Coi9olJj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Biay9ys2.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-Coi9olJj.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}