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-D4qAbKWM.js.map → p-DFJ5ZITC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D4qAbKWM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\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-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\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 gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-validation-tag-description-compose {\n font-size: 0.75rem;\n color: $gray-80;\n line-height: 1rem;\n // white-space: nowrap;\n // overflow: hidden;\n // text-overflow: ellipsis;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\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-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\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:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 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-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 15rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n\n.ls-dv-validation-section {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\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 cursor: pointer;\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:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 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\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.scss',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' \| 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n if (path.includes(this.el)) return;\n if (this.isExpanded) {\n this.isExpanded = false;\n }\n };\n\n private el: HTMLElement;\n\n componentDidLoad() {\n this.el = (this as any).host \|\| (this as any).el \|\| (this as any).component;\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n render() {\n return (\n <Host ref={el => (this.el = el as HTMLElement)}>\n {this.type === 'compose' ? (\n <div\n class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n </div>\n ) : (\n <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n </div>\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n {this.validationErrors.length > 0 && this.showDropDown && (\n <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n )}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' \|\| (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' \|\| (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n <p>\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| 0];\n return (\n <div\n key={`sig-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n const fieldType = field?.element?.formElementType \|\| 'signature';\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: fieldType,\n });\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\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 <ls-label\n text={field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n colour={pallette.description as any}\n type=\"low\"\n size=\"sm\"\n />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.optionsrequired')}</h2>\n <p>\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`el-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.invalidvalues')}</h2>\n <p>\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`val-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n <div class=\"ls-dv-dropdown-success-icon-outer\">\n <div class=\"ls-dv-dropdown-success-icon-inner\">\n <ls-icon name=\"check-icon\" solid size={28} />\n </div>\n </div>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n <p>{dvI18n.t('common.allfieldsplaced')}</p>\n </div>\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' \|\| (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' \|\| (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.fieldsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientrequiressignature') : dvI18n.t('validation.recipientsrequiressignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| 0];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`sig-${idx}`}\n onClick={() => {\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: 'signature',\n });\n this.isExpanded = false;\n }}\n // style={{ background: pallette.s10, border: `1px solid ${pallette.s40}` }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">\n {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n </p>\n <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.optionsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n \n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`el-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.invalidvalues')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`val-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DFJ5ZITC.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\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-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\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 gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-validation-tag-description-compose {\n font-size: 0.75rem;\n color: $gray-80;\n line-height: 1rem;\n // white-space: nowrap;\n // overflow: hidden;\n // text-overflow: ellipsis;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\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-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\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:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 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-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 15rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n\n.ls-dv-validation-section {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\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 cursor: pointer;\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:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 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\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.scss',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' \| 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n if (path.includes(this.el)) return;\n if (this.isExpanded) {\n this.isExpanded = false;\n }\n };\n\n private el: HTMLElement;\n\n componentDidLoad() {\n this.el = (this as any).host \|\| (this as any).el \|\| (this as any).component;\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n render() {\n return (\n <Host ref={el => (this.el = el as HTMLElement)}>\n {this.type === 'compose' ? (\n <div\n class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n </div>\n ) : (\n <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n </div>\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n {this.validationErrors.length > 0 && this.showDropDown && (\n <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n )}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' \|\| (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' \|\| (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n <p>\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| 0];\n return (\n <div\n key={`sig-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n const fieldType = field?.element?.formElementType \|\| 'signature';\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: fieldType,\n });\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\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 <ls-label\n text={field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n colour={pallette.description as any}\n type=\"low\"\n size=\"sm\"\n />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.optionsrequired')}</h2>\n <p>\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`el-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.invalidvalues')}</h2>\n <p>\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`val-${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 }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n <div class=\"ls-dv-dropdown-success-icon-outer\">\n <div class=\"ls-dv-dropdown-success-icon-inner\">\n <ls-icon name=\"check-icon\" solid size={28} />\n </div>\n </div>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n <p>{dvI18n.t('common.allfieldsplaced')}</p>\n </div>\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' \|\| (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' \|\| (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.fieldsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientrequiressignature') : dvI18n.t('validation.recipientsrequiressignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| 0];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`sig-${idx}`}\n onClick={() => {\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: 'signature',\n });\n this.isExpanded = false;\n }}\n // style={{ background: pallette.s10, border: `1px solid ${pallette.s40}` }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">\n {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n </p>\n <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.optionsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n \n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`el-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.invalidvalues')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`val-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DkV1l_zw.js → p-DJPmzRND.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';
@@ -121,6 +121,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldDimensions as L, defineCustomElement as d };
-//# sourceMappingURL=p-DkV1l_zw.js.map
+//# sourceMappingURL=p-DJPmzRND.js.map
-//# sourceMappingURL=p-DkV1l_zw.js.map
+//# sourceMappingURL=p-DJPmzRND.js.map

package/dist/components/{p-DkV1l_zw.js.map → p-DJPmzRND.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DkV1l_zw.js","mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,26KAA26K,CAAC;;MCUn8K,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAEH,IAAA,QAAQ;IACzB,QAAQ,CAAM;IACd,QAAQ,GAAY,KAAK;AAOjC,IAAA,MAAM;AAON,IAAA,MAAM;AAEN,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;AAG1D,IAAA,aAAa,CAAC,GAAW,EAAA;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,SAAS;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACnC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS;;IAG7E,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,QAAQ;;AAEtB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;AAKzB,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAG;AACnD,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE;AACtE,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAoB,CAAC;AACtD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAClB;AACL,YAAA,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAmB;AAC7G,YAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAoB;YAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;;;IAIlC,gBAAgB,GAAA;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAClC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACtG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACpF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EACnC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACvG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACrF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,CACF,CAQF,CACP,EACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC7D,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC/D,gBAAA,IAAI,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,EAAE;oBAChD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;aAElC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAC5B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,SAAS,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAChE,gBAAA,IAAI,SAAS,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE;oBACjD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;aAEpC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACE,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC9B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,kBAAkB,EAAA,CAAW,CACpC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,wBAAwB,EAAA,CAAW,CAC1C,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAA,EAC/G,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,yBAAyB,EAAA,CAAW,CAC3C,CACL,CACF,CACF,CACP,EACD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 100%;\n}\n\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n tag: 'ls-field-dimensions',\n styleUrl: 'ls-field-dimensions.scss',\n shadow: true,\n})\nexport class LsFieldDimensions {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getMultiValue(key: string): number \| undefined {\n if (!this.isMultiple(this.dataItem)) return undefined;\n const first = this.dataItem[0][key];\n return this.dataItem.every(item => item[key] === first) ? first : undefined;\n }\n\n getDataItem(): LSApiElement {\n if (this.isSingle(this.dataItem)) {\n return this.dataItem;\n }\n return this.dataItem[0];\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n value={this.getMultiValue('width')}\n placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.getMultiValue('height')}\n placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n </div>\n\n {/ <div>\n Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div>\n <div>\n Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div> /}\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n min={5}\n max={this.dataItem.pageDimensions.width - this.dataItem.width}\n value={this.dataItem?.width}\n onChange={e => {\n const di = this.getDataItem();\n const newWidth = parseInt((e.target as HTMLInputElement).value);\n if (newWidth > di.pageDimensions.width - di.left) {\n return;\n }\n // If signature field with fixed scale, auto-adjust height\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newHeight = Math.round(newWidth / 3.8);\n this.alter({ width: newWidth, height: newHeight });\n } else {\n this.alter({ width: newWidth });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.dataItem?.height}\n onChange={e => {\n const di = this.getDataItem();\n const newHeight = parseInt((e.target as HTMLInputElement).value);\n if (newHeight > di.pageDimensions.height - di.top) {\n return;\n }\n // If signature field with fixed scale, auto-adjust width\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newWidth = Math.round(newHeight 3.8);\n this.alter({ height: newHeight, width: newWidth });\n } else {\n this.alter({ height: newHeight });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DJPmzRND.js","mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,26KAA26K,CAAC;;MCUn8K,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAEH,IAAA,QAAQ;IACzB,QAAQ,CAAM;IACd,QAAQ,GAAY,KAAK;AAOjC,IAAA,MAAM;AAON,IAAA,MAAM;AAEN,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;AAG1D,IAAA,aAAa,CAAC,GAAW,EAAA;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,SAAS;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACnC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS;;IAG7E,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,QAAQ;;AAEtB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;AAKzB,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAG;AACnD,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE;AACtE,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAoB,CAAC;AACtD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAClB;AACL,YAAA,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAmB;AAC7G,YAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAoB;YAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;;;IAIlC,gBAAgB,GAAA;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAClC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACtG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACpF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EACnC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,SAAS,EACvG,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACrF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,CACF,CAQF,CACP,EACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAA,EAC7H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,wBAAwB,EAAW,CAAA,EACxE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,aAAa,EAClB,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC7D,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC/D,gBAAA,IAAI,QAAQ,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,EAAE;oBAChD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;aAElC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAkB,iBAAA,EAAA,eAAe,EAAuB,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAA,EAC9H,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,yBAAyB,EAAW,CAAA,EACzE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,wBAAwB,EAC/B,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAC5B,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;gBAC7B,MAAM,SAAS,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAChE,gBAAA,IAAI,SAAS,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE;oBACjD;;;AAGF,gBAAA,IAAI,EAAE,CAAC,eAAe,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE;oBAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;AAC5C,oBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;qBAC7C;oBACL,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;aAEpC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACE,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sCAAsC,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAK,EAC7F,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,4CAA4C,EAAG,EAAA,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAK,CAC1G,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC9B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,kBAAkB,EAAA,CAAW,CACpC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAA,EAC9G,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,wBAAwB,EAAA,CAAW,CAC1C,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,2BAAiB,eAAe,EAAA,sBAAA,EAAuB,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAA,EAC/G,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,yBAAyB,EAAA,CAAW,CAC3C,CACL,CACF,CACF,CACP,EACD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 100%;\n}\n\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n tag: 'ls-field-dimensions',\n styleUrl: 'ls-field-dimensions.scss',\n shadow: true,\n})\nexport class LsFieldDimensions {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getMultiValue(key: string): number \| undefined {\n if (!this.isMultiple(this.dataItem)) return undefined;\n const first = this.dataItem[0][key];\n return this.dataItem.every(item => item[key] === first) ? first : undefined;\n }\n\n getDataItem(): LSApiElement {\n if (this.isSingle(this.dataItem)) {\n return this.dataItem;\n }\n return this.dataItem[0];\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n value={this.getMultiValue('width')}\n placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.getMultiValue('height')}\n placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n </div>\n\n {/ <div>\n Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div>\n <div>\n Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n </div> /}\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-width\"\n id=\"field-width\"\n min={5}\n max={this.dataItem.pageDimensions.width - this.dataItem.width}\n value={this.dataItem?.width}\n onChange={e => {\n const di = this.getDataItem();\n const newWidth = parseInt((e.target as HTMLInputElement).value);\n if (newWidth > di.pageDimensions.width - di.left) {\n return;\n }\n // If signature field with fixed scale, auto-adjust height\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newHeight = Math.round(newWidth / 3.8);\n this.alter({ width: newWidth, height: newHeight });\n } else {\n this.alter({ width: newWidth });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"field-height\"\n id=\"field-height\"\n value={this.dataItem?.height}\n onChange={e => {\n const di = this.getDataItem();\n const newHeight = parseInt((e.target as HTMLInputElement).value);\n if (newHeight > di.pageDimensions.height - di.top) {\n return;\n }\n // If signature field with fixed scale, auto-adjust width\n if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n const newWidth = Math.round(newHeight 3.8);\n this.alter({ height: newHeight, width: newWidth });\n } else {\n this.alter({ height: newHeight });\n }\n }}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-pEYsk7D-.js → p-DNOnOhDR.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';
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldSize as L, defineCustomElement as d };
-//# sourceMappingURL=p-pEYsk7D-.js.map
+//# sourceMappingURL=p-DNOnOhDR.js.map
-//# sourceMappingURL=p-pEYsk7D-.js.map
+//# sourceMappingURL=p-DNOnOhDR.js.map

package/dist/components/{p-pEYsk7D-.js.map → p-DNOnOhDR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-pEYsk7D-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-size/ls-field-size.scss?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n.ls-dv-toolbar-numeric {\n width: 2.813rem;\n max-height: 1.25rem;\n margin: 0px;\n padding: 0px;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 36px;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\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#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\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:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-size',\n styleUrl: 'ls-field-size.scss',\n shadow: true,\n})\nexport class LsFieldSize {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchsize')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchsize')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button\n aria-label={dvI18n.t('alignment.matchwidth')}\n onClick={() => this.alter({ width: this.dataItem[0].width })}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchwidth')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button\n onClick={() => this.alter({ height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchheight')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchheight')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DNOnOhDR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-size/ls-field-size.scss?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n.ls-dv-toolbar-numeric {\n width: 2.813rem;\n max-height: 1.25rem;\n margin: 0px;\n padding: 0px;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% /\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; / 120% /\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\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: 36px;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\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#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\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:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-size',\n styleUrl: 'ls-field-size.scss',\n shadow: true,\n})\nexport class LsFieldSize {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchsize')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchsize')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button\n aria-label={dvI18n.t('alignment.matchwidth')}\n onClick={() => this.alter({ width: this.dataItem[0].width })}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchwidth')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button\n onClick={() => this.alter({ height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchheight')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchheight')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\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-t7z4Xhda.js → p-DRNWIJua.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 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$8 } from './p-CQI0GKzS.js';
 import { d as defineCustomElement$7 } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$6 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$5 } from './p-Cnnef3Aj.js';
 import { d as defineCustomElement$4 } from './p-MzXqai7c.js';
 import { d as defineCustomElement$3 } from './p-CKoM9Y6t.js';
-import { d as defineCustomElement$2 } from './p-CRZNeYR8.js';
+import { d as defineCustomElement$2 } from './p-D3MoYCK8.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsParticipantManagerCss = () => `.ls-dv-label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}.ls-dv-sender-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;align-self:stretch;cursor:pointer;border-radius:1rem;background:#f7f8fa;border:1px solid #afb0b2}.ls-dv-sender-card-active,.ls-dv-sender-card:hover{outline:2px solid #afb0b2;outline-offset:-2px}.ls-dv-sender-card-inner{display:flex;flex-direction:column;gap:0.5rem;width:100%;min-width:0}.ls-dv-sender-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-weight:500;line-height:1.25rem}.ls-dv-role-label.ls-dv-fields{border-radius:1rem}.ls-dv-sender-card-text{display:flex;flex-direction:column;min-width:0}.ls-dv-sender-name{font-size:0.875rem;font-weight:500;line-height:1.25rem;color:#45484d}.ls-dv-sender-type{font-size:0.75rem;font-weight:400;line-height:1rem;color:#6f7176;text-transform:capitalize}*{box-sizing:border-box;margin:0}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.ls-dv-add-participant-button ls-add-new-button{width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -173,6 +173,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsParticipantManager as L, defineCustomElement as d };
-//# sourceMappingURL=p-t7z4Xhda.js.map
+//# sourceMappingURL=p-DRNWIJua.js.map
-//# sourceMappingURL=p-t7z4Xhda.js.map
+//# sourceMappingURL=p-DRNWIJua.js.map

package/dist/components/{p-t7z4Xhda.js.map → p-DRNWIJua.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-t7z4Xhda.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-manager/ls-participant-manager.scss?tag=ls-participant-manager&encapsulation=shadow","src/components/ls-participant-manager/ls-participant-manager.tsx"],"sourcesContent":[".ls-dv-label-span {\n position: absolute;\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-participant-list {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-sender-card {\n display: flex;\n padding: 0.625rem;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n cursor: pointer;\n border-radius: 1rem;\n background: #f7f8fa;\n border: 1px solid #afb0b2;\n}\n\n.ls-dv-sender-card-active, .ls-dv-sender-card:hover {\n outline: 2px solid #afb0b2;\n outline-offset: -2px;\n}\n\n.ls-dv-sender-card-inner {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-sender-card-top-items {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.625rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-role-label.ls-dv-fields {\n border-radius: 1rem;\n}\n\n.ls-dv-sender-card-text {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.ls-dv-sender-name {\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n color: #45484d;\n}\n\n.ls-dv-sender-type {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n color: #6f7176;\n text-transform: capitalize;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-add-participant-button {\n position: sticky;\n display: flex;\n padding: 0.75rem 0;\n margin-bottom: -0.75rem;\n margin-top: -0.75rem;\n bottom: -0.75rem;\n background-image: linear-gradient(to top, $gray-10 0%, $gray-10 80%, transparent 100%);\n}\n\n.ls-dv-add-participant-button ls-add-new-button {\n width: 100%;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.scss',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The currently active signer index.\n * {number}\n /\n @Prop() activeSigner: number;\n\n /\n Whether a mutation is currently in progress.\n * {boolean}\n */\n @Prop() busy: boolean = false;\n\n @State() addingParticipant: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingParticipant = false;\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('participants.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('participants.description')}</p>\n </div>\n <div class=\"ls-dv-participant-list\">\n <div class={'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : '')} onClick={() => this.roleChange.emit(0)}>\n <div class=\"ls-dv-sender-card-inner\">\n <div class=\"ls-dv-sender-card-top-items\">\n <div class=\"ls-dv-role-label\" style={{ background: '#edeff2', color: '#5e6066' }}>\n <ls-icon name=\"user-icon\" />\n </div>\n </div>\n <div class=\"ls-dv-sender-card-text\">\n <p class=\"ls-dv-sender-name\">{dvI18n.t('toolbar.sender')}</p>\n <p class=\"ls-dv-sender-type\">{dvI18n.t('toolbar.you')}</p>\n </div>\n {this.template &&\n (() => {\n const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) \|\| [];\n return senderFields.length > 0 ? (\n <div class=\"ls-dv-role-label ls-dv-fields\" style={{ background: '#edeff2', color: '#5e6066' }}>\n {`${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n ) : null;\n })()}\n </div>\n </div>\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n active={r.signerIndex === this.activeSigner}\n busy={this.busy}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class=\"ls-dv-add-participant-button\">\n <ls-add-new-button\n text={dvI18n.t('participants.addparticipant')}\n icon=\"user-add-icon\"\n loading={this.addingParticipant}\n disabled={this.addingParticipant}\n onClick={() => {\n if (this.addingParticipant) return;\n this.addingParticipant = true;\n this.addParticipant.emit({ type: 'SIGNER' });\n }}\n />\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DRNWIJua.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-manager/ls-participant-manager.scss?tag=ls-participant-manager&encapsulation=shadow","src/components/ls-participant-manager/ls-participant-manager.tsx"],"sourcesContent":[".ls-dv-label-span {\n position: absolute;\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-participant-list {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-sender-card {\n display: flex;\n padding: 0.625rem;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n cursor: pointer;\n border-radius: 1rem;\n background: #f7f8fa;\n border: 1px solid #afb0b2;\n}\n\n.ls-dv-sender-card-active, .ls-dv-sender-card:hover {\n outline: 2px solid #afb0b2;\n outline-offset: -2px;\n}\n\n.ls-dv-sender-card-inner {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n min-width: 0;\n}\n\n.ls-dv-sender-card-top-items {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.625rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-role-label.ls-dv-fields {\n border-radius: 1rem;\n}\n\n.ls-dv-sender-card-text {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.ls-dv-sender-name {\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.25rem;\n color: #45484d;\n}\n\n.ls-dv-sender-type {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n color: #6f7176;\n text-transform: capitalize;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-add-participant-button {\n position: sticky;\n display: flex;\n padding: 0.75rem 0;\n margin-bottom: -0.75rem;\n margin-top: -0.75rem;\n bottom: -0.75rem;\n background-image: linear-gradient(to top, $gray-10 0%, $gray-10 80%, transparent 100%);\n}\n\n.ls-dv-add-participant-button ls-add-new-button {\n width: 100%;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-manager',\n styleUrl: 'ls-participant-manager.scss',\n shadow: true,\n})\nexport class LsParticipantManager {\n @Element() element: HTMLElement;\n /\n The base editor.\n * {LSDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The currently active signer index.\n * {number}\n /\n @Prop() activeSigner: number;\n\n /\n Whether a mutation is currently in progress.\n * {boolean}\n */\n @Prop() busy: boolean = false;\n\n @State() addingParticipant: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingParticipant = false;\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null }>;\n\n selectedHandler(_role) {\n //console.log(role, 'participant manager')\n }\n\n deleteHandler(role: LSApiRole) {\n this.update.emit([{ action: 'delete', data: role }]);\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n handleOpened(event) {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.id === event.detail.id;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n }\n\n handleOpenNewWitness(event: CustomEvent<{ type: LSApiRoleType; parent?: string \| null }>) {\n const { parent } = event.detail;\n const observer = new MutationObserver(() => {\n const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');\n\n participants.forEach(element => {\n const isTarget = element.signer?.signerParent === parent;\n element.editable = isTarget;\n\n if (isTarget) {\n element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n observer.disconnect();\n });\n observer.observe(this.element.shadowRoot, { childList: true, subtree: true });\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('participants.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('participants.description')}</p>\n </div>\n <div class=\"ls-dv-participant-list\">\n <div class={'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : '')} onClick={() => this.roleChange.emit(0)}>\n <div class=\"ls-dv-sender-card-inner\">\n <div class=\"ls-dv-sender-card-top-items\">\n <div class=\"ls-dv-role-label\" style={{ background: '#edeff2', color: '#5e6066' }}>\n <ls-icon name=\"user-icon\" />\n </div>\n </div>\n <div class=\"ls-dv-sender-card-text\">\n <p class=\"ls-dv-sender-name\">{dvI18n.t('toolbar.sender')}</p>\n <p class=\"ls-dv-sender-type\">{dvI18n.t('toolbar.you')}</p>\n </div>\n {this.template &&\n (() => {\n const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) \|\| [];\n return senderFields.length > 0 ? (\n <div class=\"ls-dv-role-label ls-dv-fields\" style={{ background: '#edeff2', color: '#5e6066' }}>\n {`${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n ) : null;\n })()}\n </div>\n </div>\n {this.template &&\n this.template?.roles.map((r, index) => {\n return (\n <ls-participant-card\n signer={r}\n index={index}\n template={this.template}\n active={r.signerIndex === this.activeSigner}\n busy={this.busy}\n onOpened={event => {\n this.handleOpened.bind(this)(event);\n }}\n onAddParticipant={event => this.handleOpenNewWitness(event)}\n />\n );\n })}\n </div>\n <div class=\"ls-dv-add-participant-button\">\n <ls-add-new-button\n text={dvI18n.t('participants.addparticipant')}\n icon=\"user-add-icon\"\n loading={this.addingParticipant}\n disabled={this.addingParticipant}\n onClick={() => {\n if (this.addingParticipant) return;\n this.addingParticipant = true;\n this.addParticipant.emit({ type: 'SIGNER' });\n }}\n />\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Diybi844.js → p-DXfTLLqW.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 { LsFieldPropertiesDate as L, defineCustomElement as d };
-//# sourceMappingURL=p-Diybi844.js.map
+//# sourceMappingURL=p-DXfTLLqW.js.map
-//# sourceMappingURL=p-Diybi844.js.map
+//# sourceMappingURL=p-DXfTLLqW.js.map