npm - legalesign-document-viewer - Versions diffs - 1.0.2 → 1.0.3 - Mend

legalesign-document-viewer 1.0.2 → 1.0.3

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

package/dist/components/p-CxWGojFs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-CxWGojFs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-document-options/ls-document-options.scss?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:host {\n display: block;\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-template-details {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-template-detail-section {\n position: relative;\n display: flex;\n padding: 0.75rem;\n align-items: center;\n gap: 0.5rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n}\n\n.ls-dv-template-detail-section-title {\n color: $gray-80;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-detail-section-info {\n color: $gray-70;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-title {\n border-radius: 0.625rem;\n padding: 0.25rem;\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n cursor: pointer;\n width: 100%;\n margin-top: -0.125rem;\n\n}\n\n.ls-dv-template-title:hover {\n background: $gray-10;\n}\n\n.ls-dv-column {\n display: flex;\n flex-direction: column;\n align-items: flex-start\n}\n\n.ls-dv-edit-button {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n margin: 0px;\n padding: 0px;\n max-height: 1.25rem !important;\n max-width: 1.25rem !important;\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: $gray-70;\n}\n\n\n.ls-dv-edit-button:hover {\n color: $gray-80;\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\n","import { Component, Host, h, Prop, Watch, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.scss',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /**\n * The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Watch('template')\n selectedHandler(newSelected, _oldSelected) {\n console.log(newSelected, 'document manager');\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 // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n }\n\n render() {\n function formatDate(isoString) {\n if (!isoString) return '-';\n const date = new Date(isoString);\n if (isNaN(date.getTime())) return '-';\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('documentoptions.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('documentoptions.description')}</p>\n </div>\n <div class={'ls-dv-template-details'}>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.name')}</p>\n <div\n class=\"ls-dv-edit-button\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check-icon' : 'pencil-alt-icon'}\n size={20}\n id=\"edit-name-btn\"\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.editTitle ? dvI18n.t('common.save') : dvI18n.t('documentoptions.editname')}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' || e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"ls-dv-template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.autoarchive')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.autoarchivedescription')}</p>\n </div>\n {/* <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.locktemplate')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.locktemplatedescription')}</p>\n </div>\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\" tooltip-data=\"Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template.\">{dvI18n.t('documentoptions.fixedsignatureaspect')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.fixedsignatureaspectdescription')}</p>\n </div>\n\n <ls-toggle\n checked={this.template?.fixSignatureScale}\n onValueChange={e => {\n this.alter({ fixSignatureScale: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.documentretention')}</p>\n <p>\n <input\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n type='number'\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.pages')}</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.datecreated')}</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.createdby')}</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-DNx0Ngpa.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-DNx0Ngpa.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-content/ls-field-content.scss?tag=ls-field-content&encapsulation=shadow","src/components/ls-field-content/ls-field-content.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.2rem;\n width: 100%;\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 display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n.ls-dv-date-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-date-display {\n cursor: pointer;\n width: 100%;\n box-sizing: border-box;\n}\n\n.ls-dv-date-clear {\n position: absolute;\n right: 0.5rem;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: $gray-80;\n}\n\n.ls-dv-date-picker-hidden {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Watch, Listen } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { getFieldPlaceholder, getFieldTitleSuggestion } from '../ls-document-viewer/defaultFieldLabels';\nimport { dvI18n } from '../../i18n/i18n';\nimport { validateFieldValue } from '../../utils/fieldValueValidator';\nimport { getDefaultValidationForType } from '../ls-field-type-select/fieldTypeUtils';\nimport { forceCloseDatePicker } from '../../utils/utils';\n\n@Component({\n tag: 'ls-field-content',\n styleUrl: 'ls-field-content.scss',\n shadow: true,\n})\nexport class LsFieldContent {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() showValidationTypes: boolean = true;\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @State() valueError: string | null = null;\n @State() isDirty: boolean = false;\n\n @Watch('dataItem')\n watchDataItemHandler() {\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n this.isDirty = !!this.dataItem?.value && this.dataItem.value.length > 0;\n }\n\n componentWillLoad() {\n if (this.dataItem?.value) {\n this.isDirty = true;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n }\n }\n\n disconnectedCallback() {\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\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 // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // Debounced alter for text inputs (value, label, options)\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n this.debounce(this.dataItem, 1500);\n }\n\n // Immediate alter for instant actions (toggles, selects, dropdowns)\n alterImmediate(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n @Listen('keydown')\n handleKeyDown(e: KeyboardEvent) {\n const isMod = e.ctrlKey || e.metaKey;\n if (isMod && (e.key === 'z' || e.key === 'Z' || e.key === 'y' || e.key === 'Y')) {\n e.preventDefault();\n e.stopPropagation();\n // Cancel any pending debounce (discard uncommitted changes)\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n // Dispatch to document so our undo/redo handler picks it up\n document.dispatchEvent(new KeyboardEvent('keydown', {\n key: e.key,\n ctrlKey: e.ctrlKey,\n metaKey: e.metaKey,\n shiftKey: e.shiftKey,\n }));\n }\n }\n\n handleValueChange(value: string) {\n this.isDirty = value.length > 0;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n value,\n this.dataItem?.options,\n );\n this.alter({ value });\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n supportsValue() {\n const typesWithValue = ['signature', 'initials', 'file', 'signing', 'autosign', 'signing date', 'auto sign', 'dropdown', 'checkbox', 'drawn field'];\n\n return !typesWithValue.includes(this.dataItem?.formElementType);\n }\n\n private getCheckboxStates(): string[] {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType) return [];\n return vType.description.split('/').reverse();\n }\n\n isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n /**\n * Convert a formatted date value back to ISO (yyyy-mm-dd) for the native date input.\n */\n toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] || '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n /**\n * Convert an ISO date (yyyy-mm-dd) to the configured format.\n */\n formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n private getDateFormat(): string | null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private getDateFormatById(validation: number): string | null {\n const vType = validationTypes.find(v => v.id === validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private isSignatureType(): boolean {\n const fieldType = this.dataItem?.formElementType as string;\n return fieldType === 'signature' || fieldType === 'auto sign';\n }\n\n private getRoleType(): string {\n if (this.dataItem?.signer === 0) return 'SENDER';\n const role = this.roles?.find(r => r.signerIndex === this.dataItem?.signer);\n return role?.roleType || 'SIGNER';\n }\n\n private handleFieldTypeChange(newType: string) {\n const defaultValidation = getDefaultValidationForType(newType);\n const isSender = this.dataItem?.signer === 0;\n\n // Determine elementType based on formElementType\n let elementType: string;\n if (isSender) {\n elementType = 'admin';\n } else if (newType === 'signature') {\n elementType = 'signature';\n } else if (newType === 'initials') {\n elementType = 'initials';\n } else {\n elementType = 'text';\n }\n\n // Field types that don't support a user-editable value\n const noValueTypes = ['signature', 'initials', 'file', 'signing date', 'auto sign', 'date', 'dropdown', 'checkbox', 'drawn field'];\n // Also clear value when leaving a date field (formatted date values aren't valid for other types)\n const currentType = this.dataItem?.formElementType as string;\n const dateTypes = ['date', 'signing date'];\n const shouldClearValue = noValueTypes.includes(newType) || dateTypes.includes(currentType);\n\n const diff: any = {\n formElementType: newType as LSApiElement['formElementType'],\n elementType,\n validation: defaultValidation,\n };\n if (shouldClearValue) {\n diff.value = '';\n }\n\n this.dataItem = { ...this.dataItem, ...diff };\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n private getSenderDisabledReason(): string {\n const signerOnlyTypes = ['signing date', 'regular expression', 'image', 'file', 'drawn', 'drawn field'];\n const fieldType = this.dataItem?.formElementType as string;\n if (signerOnlyTypes.includes(fieldType)) {\n const nameMap = {\n 'signing date': dvI18n.t('toolbox.signingdate'),\n 'regular expression': dvI18n.t('toolbox.regex'),\n 'image': dvI18n.t('toolbox.image'),\n 'file': dvI18n.t('toolbox.file'),\n 'drawn': dvI18n.t('toolbox.drawn'),\n 'drawn field': dvI18n.t('toolbox.drawn'),\n };\n return dvI18n.t('fieldproperties.cannotreassignsendersingle', { fieldTypes: nameMap[fieldType] || fieldType });\n }\n return '';\n }\n\n private handleReassign(newSigner: number) {\n const fieldType = this.dataItem?.formElementType as string;\n\n // Auto Sign reassigned away from Sender → becomes Signature\n if (fieldType === 'auto sign' && newSigner !== 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'signature', elementType: 'signature', validation: 0 });\n return;\n }\n\n // Signature reassigned to Sender → becomes Auto Sign\n if (fieldType === 'signature' && newSigner === 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'auto sign' as any, elementType: 'admin', validation: 3000 });\n return;\n }\n\n // Any field reassigned to Sender → elementType becomes 'admin'\n // Any field reassigned away from Sender → elementType reverts to its formElementType category\n if (newSigner === 0) {\n this.alterImmediate({ signer: newSigner, elementType: 'admin' });\n } else if (this.dataItem?.signer === 0) {\n const elType = (fieldType === 'initials') ? 'initials' : 'text';\n this.alterImmediate({ signer: newSigner, elementType: elType });\n } else {\n this.alterImmediate({ signer: newSigner });\n }\n }\n\n private handleFormatChange(newValidation: number) {\n const currentValue = this.dataItem?.value;\n if (!currentValue || !this.isDateField()) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n // Parse current value to ISO using the old format\n const oldFormat = this.getDateFormat();\n const newFormat = this.getDateFormatById(newValidation);\n if (!oldFormat || !newFormat) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n const parts = oldFormat.split(/[/.-]/);\n const sep = oldFormat.match(/[/.-]/)?.[0] || '/';\n const valueParts = currentValue.split(sep);\n if (valueParts.length < 2) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n const newValue = newFormat\n .replace('yyyy', y.padStart(4, '0'))\n .replace('yy', y.slice(-2))\n .replace('mm', m.padStart(2, '0'))\n .replace('dd', d.padStart(2, '0'))\n .replace('d', String(parseInt(d)));\n\n this.alterImmediate({ validation: newValidation, value: newValue });\n }\n\n render() {\n return (\n <Host>\n {this.roles?.length > 0 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.assignee')} sectionDescription={dvI18n.t('fieldproperties.assigneedescription')}>\n <ls-assignee-select\n signer={this.dataItem?.signer}\n roles={this.roles}\n disabled={this.readonly}\n disabledSenderReason={this.getSenderDisabledReason()}\n disabledApproverReason={this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : ''}\n onAssigneeChange={ev => this.handleReassign(ev.detail)}\n />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldtype')} sectionDescription={dvI18n.t('fieldproperties.fieldtypedescription')}>\n <ls-field-type-select\n fieldType={this.dataItem?.formElementType}\n assignee={this.dataItem?.signer}\n roles={this.roles}\n roleTypes={[this.getRoleType()]}\n disabled={this.readonly}\n filtertoolbox={this.filtertoolbox}\n onFieldTypeChange={ev => this.handleFieldTypeChange(ev.detail)}\n />\n </ls-props-section>\n {this.dataItem?.formElementType !== 'signature' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.requiredfield')} row={true} sectionDescription={dvI18n.t('fieldproperties.requiredfielddescription')}>\n <ls-toggle id=\"toggle-required\" checked={!this.dataItem?.optional} onValueChange={ev => !this.readonly && this.alterImmediate({ optional: !ev.detail })} />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldlabel')} sectionDescription={dvI18n.t('fieldproperties.fieldlabeldescription')}>\n <ls-formfield\n as=\"text\"\n name=\"field-label\"\n value={this.dataItem?.label}\n placeholder={getFieldTitleSuggestion(this.dataItem?.formElementType)}\n disabled={this.readonly}\n onTextChange={e => this.alter({ label: e.detail.value })}\n />\n </ls-props-section>\n {this.supportsValue() && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.value')} sectionDescription={dvI18n.t('fieldproperties.valuedescription')}>\n {this.isDateField() ? (\n <div class=\"ls-dv-date-input-wrapper\">\n <input\n class=\"ls-dv-date-display\"\n type=\"text\"\n value={this.dataItem?.value}\n placeholder={this.getDateFormat()}\n readOnly\n onClick={() => {\n if (this.readonly) return;\n const picker = this.component.shadowRoot.getElementById('ls-date-picker') as HTMLInputElement;\n if (picker) picker.showPicker();\n }}\n />\n {this.dataItem?.value && !this.readonly && (\n <div class=\"ls-dv-date-clear\" onClick={() => this.alterImmediate({ value: '' })}>\n <ls-icon name=\"x-icon\" size={20} />\n </div>\n )}\n <input\n id=\"ls-date-picker\"\n class=\"ls-dv-date-picker-hidden\"\n type=\"date\"\n value={this.toISODate(this.dataItem?.value)}\n onInput={e => {\n const input = e.target as HTMLInputElement;\n this.alter({ value: this.formatDateFromISO(input.value) });\n forceCloseDatePicker(input);\n }}\n disabled={this.readonly}\n />\n </div>\n ) : (\n <ls-formfield\n as=\"text\"\n name=\"field-value\"\n value={this.dataItem?.value}\n placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n valid={!this.valueError}\n dirty={this.isDirty}\n errorText={this.valueError}\n disabled={this.readonly}\n onTextChange={e => this.handleValueChange(e.detail.value)}\n />\n )}\n </ls-props-section>\n )}\n {this.dataItem.validation === 20 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.options')} sectionDescription={dvI18n.t('fieldproperties.optionsdescription')}>\n <textarea\n value={this.dataItem?.options}\n placeholder=\"Option 1
Option 2
Option 3\"\n onInput={e => this.alter({ options: (e.target as HTMLTextAreaElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n )}\n\n {this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.contentformat')} sectionDescription={dvI18n.t('fieldproperties.contentformatdescription')}>\n <ls-input-wrapper select>\n <select onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}>\n {validationTypes\n .filter(type => type.formType === this.dataItem?.formElementType)\n .map(type => (\n <option selected={this.dataItem?.validation === type.id} value={type.id}>\n {type.description}\n </option>\n ))}\n </select>\n </ls-input-wrapper>\n </ls-props-section>\n )}\n {this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.displaystate')} sectionDescription={dvI18n.t('fieldproperties.displaystatedescription')}>\n <div class=\"ls-dv-checkbox-toggle\">\n {this.getCheckboxStates().map((state, idx) => (\n <button\n key={idx}\n class={{ 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }}\n onClick={() => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' })}\n disabled={this.readonly}\n >\n {state}\n </button>\n ))}\n </div>\n </ls-props-section>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/ls-document-viewer/p-3918ae76.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as t,a as i,h as r,H as a}from"./p-CItPoq74.js";import{d as n}from"./p-CwCWCxsI.js";import{d as o}from"./p-WVWIAGo_.js";import{c as d}from"./p-ChV9xqsO.js";import{h as s,g as l,i as c}from"./p-ChvyHQhX.js";import{f}from"./p-Bo8LVmEA.js";import{g as p,a as b,b as h}from"./p-GlbzVGpj.js";import{g as u}from"./p-C5wLu85H.js";import"./p-xqZBqrca.js";const g=()=>`:host{display:block;width:100%}{margin:0}.ls-dv-assignee-dropdown{position:relative;width:100%}.ls-dv-assignee-header{display:flex;align-items:center;gap:0.5rem;padding:0.25rem;padding-left:0.75rem;border-radius:0.75rem;border:1px solid var(--gray-40, #d8d9dc);background:var(--gray-10, #f7f8fa);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);position:relative}.ls-dv-assignee-header.ls-dv-disabled{cursor:not-allowed;opacity:0.7}.ls-dv-leading-icon{color:var(--gray-80, #6f7176);flex-shrink:0}.ls-dv-assignee-name{flex:1;font-size:var(--text-sm);font-weight:400;color:var(--gray-100, #45484d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family)}.ls-dv-reassign-btn{all:unset;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.625rem;border:1px solid var(--gray-40, #d8d9dc);background:var(--white, #ffffff);color:var(--gray-80, #6f7176);cursor:pointer;flex-shrink:0}.ls-dv-reassign-btn:hover{border-color:var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-assignee-list{position:absolute;top:calc(100% + 0.25rem);left:0;right:0;display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);z-index:100;max-height:15rem;overflow-y:auto}.ls-dv-assignee-item{display:flex;padding:0.5rem 0.75rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;border-radius:0.75rem;cursor:pointer}.ls-dv-assignee-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-assignee-item.ls-dv-item-disabled{opacity:0.4;cursor:not-allowed}.ls-dv-assignee-item.ls-dv-item-disabled:hover{background:transparent}.ls-dv-assignee-item.ls-dv-selected,.ls-dv-assignee-item.ls-dv-selected:hover{background:var(--background-selected, var(--gray-10, #f7f8fa))}.ls-dv-role-icon{display:flex;padding:0.375rem;border-radius:0.5rem;flex-shrink:0}.ls-dv-role-text{display:flex;flex-direction:column;flex:1;min-width:0}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-role-type{color:var(--gray-70, #939599);font-size:0.75rem;font-weight:400;line-height:1rem}.ls-dv-check-icon{color:var(--gray-40, #d8d9dc);flex-shrink:0}.ls-dv-assignee-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}`;const m=class{constructor(i){e(this,i);this.assigneeChange=t(this,"assigneeChange",7)}get el(){return i(this)}signer;roles=[];disabled=false;disabledSenderReason="";disabledApproverReason="";mixed=false;isOpen=false;assigneeChange;handleSignerChange(){}handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}getSelectedRole(){if(this.mixed){return{signerIndex:0,name:o.t("fieldproperties.mixed"),roleType:"MIXED"}}if(this.signer===0){return{signerIndex:0,name:o.t("fieldproperties.sender"),roleType:"SENDER"}}const e=this.roles?.find((e=>e.signerIndex===this.signer));if(e){return{signerIndex:e.signerIndex,name:e.name\|\|o.t("participants.participant",{index:e.signerIndex}),roleType:e.roleType}}return{signerIndex:this.signer,name:o.t("participants.participant",{index:this.signer}),roleType:"SIGNER"}}getRoleIcon(e){switch(e){case"SENDER":return"user-icon";case"APPROVER":return"check-circle-icon";case"WITNESS":return"eye-icon";case"MIXED":return"user-icon";default:return"signature-icon"}}selectRole(e){this.isOpen=false;this.assigneeChange.emit(e)}toggleDropdown=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};render(){const e=this.getSelectedRole();const t=!!this.disabledSenderReason;return r(a,{key:"e5c27d35cb5611112544dca6e5cf3699407a68e2"},r("div",{key:"01d54ab031e29a2b0ebcb36b3dd503968f3ec0a7",class:"ls-dv-assignee-dropdown"},r("div",{key:"59ff15ca01e4ddceebe041171b70effdec5244b8",class:`ls-dv-assignee-header ${this.disabled?"ls-dv-disabled":""}`},r("ls-icon",{key:"7418eda9c079f7412e3b9e8aba1d1e2ff91f8202",class:"ls-dv-leading-icon",name:this.getRoleIcon(e.roleType),size:18}),r("span",{key:"d76f2b44a981d69290a8910a7641ee512f9b5688",class:"ls-dv-assignee-name"},e.name),!this.disabled&&r("button",{key:"7aeb7331d089a4e5f5bae2bcdd11a7ebd084c598",class:"ls-dv-reassign-btn",onClick:e=>{e.stopPropagation();this.toggleDropdown()},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("fieldproperties.reassign")},r("ls-icon",{key:"a03b11b0ffa1bec24d9b90a72db4097b679ae728",name:"switch-horizontal-icon",size:16}))),this.isOpen&&r("div",{key:"0aa62b03a7e2078ab04024ca14609758abd2b85b",class:"ls-dv-assignee-list"},r("div",{key:"d9d9267720382d7f97538994fdfe68614e9aaa35",class:`ls-dv-assignee-item ${this.signer===0&&!this.mixed?"ls-dv-selected":""} ${t?"ls-dv-item-disabled":""}`,style:{"--background-selected":n[0].s10,"--role-name-selected":n[0].s80,"--role-type-selected":n[0].s80,"--check-icon-selected":n[0].s50},onClick:()=>!t&&this.selectRole(0),"data-tooltip-id":t?"ls-dv-assignee-tooltip":undefined,"data-tooltip-html":t?`<span style="white-space:normal;word-break:break-word;max-width:19rem;display:block">${this.disabledSenderReason}</span>`:undefined},r("div",{key:"b96d401f890843ccf4f6adeefb174e5872f69b81",class:"ls-dv-role-icon",style:{background:n[0].s50,color:n[0].s80}},r("ls-icon",{key:"52871ace515195b0de8bb4fed2159426804d573d",name:"user-icon",size:16})),r("div",{key:"dd0fffd398252b03ba4a53ef22140874f4bf4d80",class:"ls-dv-role-text"},r("p",{key:"73923a2545eb403d0704d5081bf1354bf758326d",class:"ls-dv-role-name"},o.t("fieldproperties.sender"))),t?r("ls-icon",{class:"ls-dv-check-icon",name:"exclamation-circle-icon"}):r("ls-icon",{class:"ls-dv-check-icon",name:this.signer===0&&!this.mixed?"check-circle-icon":"base-circle-icon",solid:this.signer===0&&!this.mixed})),this.roles.map((e=>{const t=e.roleType==="APPROVER"&&!!this.disabledApproverReason;return r("div",{class:`ls-dv-assignee-item ${e.signerIndex===this.signer&&!this.mixed?"ls-dv-selected":""} ${t?"ls-dv-item-disabled":""}`,style:{"--background-selected":n[e.signerIndex%100].s10,"--role-name-selected":n[e.signerIndex%100].s100,"--role-type-selected":n[e.signerIndex%100].s80,"--check-icon-selected":n[e.signerIndex%100].s50},onClick:()=>!t&&this.selectRole(e.signerIndex),"data-tooltip-id":t?"ls-dv-assignee-tooltip":undefined,"data-tooltip-html":t?`<span style="white-space:normal;word-break:break-word;max-width:19rem;display:block">${this.disabledApproverReason}</span>`:undefined},r("div",{class:"ls-dv-role-icon",style:{background:n[e.signerIndex%100].s40,color:n[e.signerIndex%100].s90}},r("ls-icon",{name:this.getRoleIcon(e.roleType),size:16})),r("div",{class:"ls-dv-role-text"},r("p",{class:"ls-dv-role-name"},e.name\|\|(e.signerIndex>100?o.t("participants.participantwitness",{index:e.signerIndex-100}):o.t("participants.participant",{index:e.signerIndex}))),r("p",{class:"ls-dv-role-type"},e.roleType==="WITNESS"?o.t("participants.witness"):e.roleType==="APPROVER"?o.t("participants.approver"):o.t("participants.signer"))),t?r("ls-icon",{class:"ls-dv-check-icon",name:"exclamation-circle-icon"}):r("ls-icon",{class:"ls-dv-check-icon",name:e.signerIndex===this.signer&&!this.mixed?"check-circle-icon":"base-circle-icon",solid:e.signerIndex===this.signer&&!this.mixed}))})))),r("ls-tooltip",{key:"819a2795f70d82d1b96c09688671d70c327b42a5",tooltipId:"ls-dv-assignee-tooltip"}))}static get watchers(){return{signer:["handleSignerChange"]}}};m.style=g();const v=()=>`.checkbox-container{display:flex;align-items:flex-start;cursor:pointer}.checkbox-container.disabled{cursor:not-allowed}.checkbox-container.reverse{flex-direction:row-reverse}.checkbox-label-container{display:flex;flex-direction:column;cursor:pointer}.checkbox-label{display:block;color:var(--gray-100, #45484d);font-size:1rem;font-weight:var(--font-medium);line-height:1.5rem}.checkbox-description{display:block;color:var(--gray-80, #6f7176);font-size:0.75rem;line-height:1rem}.checkbox-input{appearance:none;-webkit-appearance:none;position:relative;height:1rem;width:1rem;min-width:1rem;padding:0.25rem;border-radius:0.125rem;border:1px solid var(--gray-40, #d8d9dc) !important;background-color:var(--White, #fff);cursor:pointer;margin:0}.checkbox-container:not(.reverse) .checkbox-input{margin-right:0.5rem}.checkbox-container.reverse .checkbox-input{margin-left:0.5rem}.checkbox-container:not(.reverse) .checkbox-input+.checkbox-label-container .checkbox-label{margin:0}.checkbox-input+.checkbox-label-container:not(:has(.checkbox-description)){margin-top:0}.checkbox-input:has(~.checkbox-label-container .checkbox-description){margin-top:0.813rem}.checkbox-input:not(:has(~.checkbox-label-container .checkbox-description)){margin-top:0.25rem}.checkbox-input:checked{background-color:var(--primary-60, #4456f6);border:none !important}.checkbox-input:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.625rem;height:0.3125rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}.checkbox-input:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc) !important}.checkbox-input:checked:hover:not(:disabled){background-color:var(--primary-70, #2134dc)}.checkbox-input:focus,.checkbox-input:active{outline:none;box-shadow:0 0 0 4px var(--primary-30, #9dc3fc);background-color:var(--primary-10, #eff4ff)}.checkbox-input:checked:focus{background-color:var(--primary-60, #4456f6)}.checkbox-input:disabled{background-color:var(--gray-20, #edeff2);outline:none;box-shadow:none;cursor:not-allowed}.checkbox-input:disabled:hover{border-color:var(--gray-40, #d8d9dc) !important}.checkbox-input:disabled:checked,.checkbox-input:disabled:checked:hover,.checkbox-input:disabled:checked:focus,.checkbox-input:disabled:checked:focus:active{background-color:var(--primary-20, #c7ddff);border:none !important;outline:none;box-shadow:none;cursor:not-allowed}`;const y=class{constructor(i){e(this,i);this.handlechange=t(this,"handlechange",7);this.name="name";this.checked=false;this.disabled=false;this.position="left";this._checked=false;this.toggle=()=>{if(this.disabled)return;this._checked=!this._checked;this.handlechange.emit({id:this.checkboxId,checked:this._checked})}}componentWillLoad(){this._checked=this.checked}watchCheckedHandler(e){this._checked=e}render(){const{checkboxId:e,label:t,description:i,name:a,_checked:n,disabled:o,position:s}=this;return r("label",{key:"62d730d2c849df819182b0603406d5526fd7cf6a",class:d("checkbox-container",s==="right"&&"reverse",o&&"disabled"),onClick:this.toggle},r("input",{key:"359d2fe3e7b37e69196041693ddfb589862efae8",type:"checkbox",class:"checkbox-input",id:e,name:a,checked:n,disabled:o,onClick:e=>e.stopPropagation(),onChange:()=>this.toggle()}),t&&r("div",{key:"28c248105aa3588ab519ee94a6f4965e1b1a720a",class:"checkbox-label-container"},r("span",{key:"77a6cbff7c614134aa4a8ca9ea93e619161bc0fc",class:"checkbox-label"},t),i&&r("span",{key:"e8ff3dac5b44b3ab14fad0dd00a1c7410597db12",class:"checkbox-description"},i)))}static get watchers(){return{checked:["watchCheckedHandler"]}}};y.style=v();const x=()=>`:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate;min-height:16px}:host .ls-editor-field{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.ls-dv-editor-field-editable{font-family:inherit;font-size:inherit;color:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;margin:0;margin-top:auto;padding:0px 0px 0px 0px;min-width:2em;width:calc(100% - 13px);max-height:100%}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:flex;align-items:flex-end;font-family:inherit;font-size:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;min-width:2px;height:100%;width:calc(100% - 13px);margin-top:auto}.ls-dv-hidden-field{display:none}.ls-dv-date-field-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;top:0.5rem;left:0}.ls-dv-date-field-active{pointer-events:auto}input,textarea{all:unset;color:inherit}textarea{resize:none;overflow:hidden;word-break:break-all;white-space:pre-wrap}textarea::placeholder{color:inherit;opacity:0.5}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15, 23, 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #6f7176);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #5e6066)}.resize-handles{pointer-events:none}.resize-handle{position:absolute;background:var(--field-border-color);border-radius:1px}.handle-e{width:4px;height:16px;right:0px;top:50%;transform:translateY(-50%)}.handle-s{width:16px;height:4px;bottom:0px;left:50%;transform:translateX(-50%)}.handle-se{width:6px;height:6px;right:0px;bottom:0px}`;const k={signature:"toolbox.signature","auto sign":"toolbox.autosign",text:"toolbox.text","signing date":"toolbox.signingdate",date:"toolbox.date",initials:"toolbox.initials",checkbox:"toolbox.checkbox",email:"toolbox.email",number:"toolbox.number",dropdown:"toolbox.dropdown",file:"toolbox.file","drawn field":"toolbox.drawn","regular expression":"toolbox.regex",regex:"toolbox.regex"};const w={24:["✔","✗"],25:["✔",""],26:["✗",""]};const I=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",6);this.update=t(this,"update",6)}get component(){return i(this)}assignee;dataItem;selected=false;multiSelected=false;readonly;type;page;getFieldTypeKey(){return k[this.dataItem?.formElementType]\|\|"toolbox.text"}getCheckboxSymbol(){const e=w[this.dataItem?.validation];if(!e)return"";return this.dataItem?.value==="true"?e[0]:e[1]}fixedAspect=null;isEditing=false;static NO_EDIT_TYPES=["signature","initials","signing date","checkbox","dropdown","drawn field","file"];dataItemChanged(){if(this.isEditing&&I.NO_EDIT_TYPES.includes(this.dataItem?.formElementType)){this.isEditing=false}}heldEdge=null;isEdgeDragging=false;innerValue;valueError=null;zoom;sizeObserver;mutate;update;floatingActive=false;handleMouseEnter=()=>{this.floatingActive=true};handleMouseLeave=()=>{this.floatingActive=false};handleInput(e){if(e.code==="Enter"&&!e.ctrlKey&&!e.metaKey){this.isEditing=false;this.sizeObserver.observe(this.component.shadowRoot.getElementById("field-info"));e.preventDefault()}const t=e.ctrlKey\|\|e.metaKey;if(t&&(e.key==="z"\|\|e.key==="Z"\|\|e.key==="y"\|\|e.key==="Y")){e.preventDefault();if(this.labeltimer){clearTimeout(this.labeltimer);this.labeltimer=null;return}document.dispatchEvent(new KeyboardEvent("keydown",{key:e.key,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey}));return}if((e.key==="Delete"\|\|e.key==="Backspace")&&this.isDateField()){return}e.stopPropagation()}handleMouseMove(e){if(this.readonly){this.component.style.cursor="not-allowed";return}if(!e.clientX)return;if(e.buttons===1)return;const{left:t,top:i,right:r,bottom:a,width:n,height:o}=this.component.getBoundingClientRect();const d=Math.min(8,n.25);const s=Math.min(8,o.25);const l=Math.min(16,n.35);const c=Math.min(16,o.35);const f=Math.abs(e.clientX-t)<d;const p=Math.abs(e.clientX-r)<d;const b=Math.abs(e.clientY-i)<s;const h=Math.abs(e.clientY-a)<s;const u=Math.abs(e.clientX-t)<l;const g=Math.abs(e.clientX-r)<l;const m=Math.abs(e.clientY-i)<c;const v=Math.abs(e.clientY-a)<c;if(g&&v\|\|u&&m){this.component.style.cursor="nwse-resize"}else if(u&&v\|\|g&&m){this.component.style.cursor="nesw-resize"}else if(f\|\|p){this.component.style.cursor="ew-resize"}else if(b\|\|h){this.component.style.cursor="ns-resize"}else{this.component.style.cursor="move"}}handleDoubleClick(e){if(this.readonly){e.preventDefault();e.stopPropagation();return}if(this.isDateField()){this.isEditing=true;e.preventDefault();e.stopPropagation();return}if(I.NO_EDIT_TYPES.includes(this.dataItem.formElementType)){e.preventDefault();e.stopPropagation();return}this.isEditing=true;this.heldEdge=null;this.isEdgeDragging=false;this.sizeObserver.disconnect();this.innerValue=this.innerValue?this.innerValue:this.dataItem?.value;const t=this.component.shadowRoot.getElementById("editing-input");console.log(this.dataItem);if(t){t.className="ls-dv-editor-field-editable";t.focus()}e.preventDefault();e.stopPropagation()}handleMouseDown(e){if(this.readonly)return;const t=Math.min(8,this.component.clientWidth.25);const i=Math.min(8,this.component.clientHeight.25);const r=e.offsetX<t;const a=this.component.clientWidth-e.offsetX<t;const n=e.offsetY<i;const o=this.component.clientHeight-e.offsetY<i;if(r\|\|a\|\|n\|\|o){e.preventDefault()}}handleDragStart(e){e.dataTransfer.setData("application/json",JSON.stringify({type:this.type}));e.dataTransfer.dropEffect="move"}watchDataItemHandler(){this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,this.dataItem?.value,this.dataItem?.options);if(this.selected){this.component.style.background=this.hexToRgba(n[this.dataItem?.signer%100].s20,.5)}}watchSelectedHandler(e,t){if(e){this.component.style.background=this.hexToRgba(n[this.dataItem?.signer%100].s20,.5);this.component.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"}else{this.component.style.background="rgba(255,255,255,0.5)";this.component.style.boxShadow="none";this.isEditing=false;if(this.labeltimer){clearTimeout(this.labeltimer);this.labeltimer=null}this.mutate.emit([{action:"update",data:this.dataItem}]);const e=this.component.shadowRoot?.getElementById("editing-input");if(e&&e.type==="date"){setTimeout((()=>{if(!this.selected)f(e)}),50)}}}deleteField=()=>{this.mutate.emit([{action:"delete",data:this.dataItem}]);this.update.emit([{action:"delete",data:this.dataItem}])};componentWillLoad(){this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,this.dataItem?.value,this.dataItem?.options)}componentDidLoad(){this.sizeObserver=new ResizeObserver((e=>{for(const t of e){if(t.contentRect){const e=this.component.shadowRoot.getElementById("field-info");e.style.height="100%"}}}));this.sizeObserver.observe(this.component);if(this.selected){this.component.style.background=this.hexToRgba(n[this.dataItem?.signer%100].s20,.5);this.component.style.boxShadow="0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"}else{this.component.style.background=this.hexToRgba("ffffff",.7);this.component.style.boxShadow="none"}}alter(e){this.dataItem={...this.dataItem,...e};this.update.emit([{action:"update",data:this.dataItem}]);this.debounce(this.dataItem,1500)}labeltimer;debounce(e,t){if(this.labeltimer)clearTimeout(this.labeltimer);this.labeltimer=setTimeout((()=>{const t=[{action:"update",data:e}];this.mutate.emit(t)}),t)}hexToRgba(e,t){e=e.replace("#","");const i=parseInt(e.substring(0,2),16);const r=parseInt(e.substring(2,4),16);const a=parseInt(e.substring(4,6),16);return`rgba(${i},${r},${a},${t})`}isDateField(){return l(this.dataItem?.validation)?.inputType==="date"}getDateFormat(){const e=c.find((e=>e.id===this.dataItem?.validation));if(!e\|\|e.inputType!=="date")return null;return e.description}toISODate(e){if(!e)return"";const t=this.getDateFormat();if(!t)return e;const i=t.match(/[/.-]/)?.[0]\|\|"/";const r=t.split(/[/.-]/);const a=e.split(i);if(a.length<2)return e;let n="",o="",d="";r.forEach(((e,t)=>{const i=a[t]\|\|"";if(e.startsWith("y"))n=i;else if(e.startsWith("m"))o=i;else if(e.startsWith("d"))d=i}));if(n.length===2)n="20"+n;if(!d)d="01";return`${n.padStart(4,"0")}-${o.padStart(2,"0")}-${d.padStart(2,"0")}`}formatDateFromISO(e){if(!e)return"";const[t,i,r]=e.split("-");const a=this.getDateFormat();if(!a)return e;return a.replace("yyyy",t).replace("yy",t.slice(-2)).replace("mm",i).replace("dd",r).replace("d",String(parseInt(r)))}render(){const e=this.valueError?"var(--red-50, #FF5C56)":n[this.dataItem?.signer%100].s60;const t=this.floatingActive&&!this.readonly?{outline:`2px ${this.dataItem?.signer>99?"dashed":"solid"} ${e}`,outlineOffset:"-2px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)","--field-border-color":e}:{outline:`2px ${this.dataItem?.signer>99?"dashed":"solid"} ${e}`,outlineOffset:"-2px","--field-border-color":e};const i=parseFloat(this.zoom)\|\|1;const d=24;return r(a,{key:"69d421bcf112299e4454b1f0d7e19f023c24eba3",id:this.dataItem?"ls-field-"+this.dataItem.id:undefined,style:t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},r("div",{key:"2132f3425a824952bc1c0a94df36c5ec5d543a53",class:{"ls-editor-field":true,"is-selected":this.selected}},!this.dataItem?.optional&&this.dataItem?.formElementType!=="checkbox"&&r("ls-icon",{key:"0febe96c93a9336d91662187290a4e829db46d12",name:"required-icon",size:Math.round(12i),class:"ls-dv-required-icon",customStyle:{position:"absolute",top:"50%",right:`${.25i}rem`,transform:"translateY(-50%)",lineHeight:"1",fontSize:`${.75i}rem`}}),!this.dataItem?.optional&&this.dataItem?.formElementType==="checkbox"&&r("ls-icon",{key:"7bd57a9fa64c996a872a4a02628f015d55293a7d",name:"required-icon",size:Math.round(8i),class:"ls-dv-required-icon",customStyle:{position:"absolute",top:`-${3i}px`,right:`-${3i}px`,lineHeight:"1",fontSize:`${.5i}rem`}}),this.isDateField()?this.isEditing?r("input",{id:"editing-input",class:"ls-dv-date-field-input ls-dv-date-field-active",type:"date","aria-label":o.t("toolbox.date"),style:{color:`${n[this.dataItem?.signer%100].s100}`,textAlign:"inherit"},value:this.toISODate(this.dataItem?.value),onInput:e=>{const t=e.target.value;this.alter({value:this.formatDateFromISO(t)})},onChange:e=>{const t=e.target;this.alter({value:this.formatDateFromISO(t.value)});this.isEditing=false;f(t)},onBlur:()=>{this.isEditing=false},ref:e=>{if(e){requestAnimationFrame((()=>{e.focus();e.showPicker?.()}))}}}):null:r("textarea",{id:"editing-input",class:this.isEditing?"ls-dv-editor-field-editable":"ls-dv-hidden-field",style:{color:`${n[this.dataItem?.signer%100].s100}`,textAlign:"inherit"},value:this.dataItem?.value,placeholder:o.t(this.getFieldTypeKey()),rows:1,onInput:e=>{const t=e.target;t.style.height="auto";t.style.height=t.scrollHeight+"px";this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,t.value,this.dataItem?.options);this.alter({value:t.value})},ref:e=>{if(e&&this.isEditing){requestAnimationFrame((()=>{e.style.height="auto";e.style.height=e.scrollHeight+"px"}))}}}),r("div",{key:"e9fa09079c0a79d48689e250eac9d0920c61b679",id:"field-info",class:this.isEditing?"ls-dv-hidden-field":"ls-dv-editor-field-draggable",style:{color:`${n[this.dataItem?.signer%100].s100}`,...this.dataItem?.formElementType==="checkbox"?{width:"100%",overflow:"visible",justifyContent:"center",alignItems:"center"}:{}}},r("span",{key:"4bb8e6d406a70926c0ad037f6d22a91c7532a4eb",style:{width:"100%",display:"block",textAlign:this.dataItem?.formElementType==="checkbox"?"center":"inherit"}},this.dataItem?.formElementType==="checkbox"?this.getCheckboxSymbol():this.dataItem?.value\|\|o.t(this.getFieldTypeKey()))),(this.floatingActive\|\|this.selected)&&!this.multiSelected&&this.dataItem?.label&&r("div",{key:"14f10072270d2155b5db94c3ffeaa7867259a6b5",style:{position:"absolute",background:`${n[this.dataItem?.signer%100].s20}`,color:`${n[this.dataItem?.signer%100].s80}`,borderRadius:`${.25i}rem`,padding:`${.125i}rem ${.25i}rem`,top:`-${di}px`,fontWeight:"500",fontSize:`${.75i}rem`,left:`-${2i}px`,whiteSpace:"nowrap",width:"fit-content"}},this.dataItem?.label),(this.floatingActive\|\|this.selected)&&!this.multiSelected&&r("p",{key:"de3107a8e0529f9878b084a9b9ca78cc88117199",style:{position:"absolute",color:"var(--gray-80, #3a3a3a)",bottom:`-${1.75i}rem`,fontSize:`${.625i}rem`,left:"0",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:`${10i}rem`,fontFamily:"sans-serif"}},o.t("fieldproperties.assignedto")," ",this.assignee),this.selected&&!this.multiSelected&&r("div",{key:"7634c594ac826f92c4ac4358583e50e7ea82ef11",class:"resize-handles"},r("div",{key:"b0ff296db4fbc7f6c6d5d42369961b45e7fddf6d",class:"resize-handle handle-e"}),r("div",{key:"0915ee6760657bf8acd4512f4fa56c689239f99e",class:"resize-handle handle-s"}),r("div",{key:"49e9a7ed9cf23fdf155b23cbab370b26c5231274",class:"resize-handle handle-se"})),this.floatingActive&&!this.readonly&&r("button",{key:"ce655a363c3bdc85c7a7015b981ed13630f49e16",class:"ls-dv-x-button",style:{display:"flex",justifyContent:"center",alignItems:"center",width:`${.875i}rem`,height:`${.875i}rem`,lineHeight:`${.75i}rem`,fontSize:`${.75i}rem`,...this.dataItem?.formElementType==="checkbox"?{transform:`translate(75%, -75%)`}:{}},onClick:()=>this.deleteField()},r("ls-icon",{key:"7fe51c2ef42fd9cfdbb9c19849e2d5b53a58ab9a",name:"x-icon",size:Math.round(12i)}))))}static get watchers(){return{dataItem:["dataItemChanged","watchDataItemHandler"],selected:["watchSelectedHandler"]}}};I.style=x();const C=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.2rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-date-input-wrapper{position:relative;width:100%}.ls-dv-date-display{cursor:pointer;width:100%;box-sizing:border-box}.ls-dv-date-clear{position:absolute;right:0.5rem;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;color:var(--gray-80, #6f7176)}.ls-dv-date-picker-hidden{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:100%;height:100%}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}`;const z=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return i(this)}dataItem;roles=[];showValidationTypes=true;readonly=false;filtertoolbox=null;valueError=null;isDirty=false;watchDataItemHandler(){this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,this.dataItem?.value,this.dataItem?.options);this.isDirty=!!this.dataItem?.value&&this.dataItem.value.length>0}componentWillLoad(){if(this.dataItem?.value){this.isDirty=true;this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,this.dataItem?.value,this.dataItem?.options)}}disconnectedCallback(){if(this.labeltimer){clearTimeout(this.labeltimer);this.labeltimer=null}}mutate;update;alter(e){this.dataItem={...this.dataItem,...e};this.update.emit([{action:"update",data:this.dataItem}]);this.debounce(this.dataItem,1500)}alterImmediate(e){this.dataItem={...this.dataItem,...e};this.update.emit([{action:"update",data:this.dataItem}]);if(this.labeltimer){clearTimeout(this.labeltimer);this.labeltimer=null}this.mutate.emit([{action:"update",data:this.dataItem}])}handleKeyDown(e){const t=e.ctrlKey\|\|e.metaKey;if(t&&(e.key==="z"\|\|e.key==="Z"\|\|e.key==="y"\|\|e.key==="Y")){e.preventDefault();e.stopPropagation();if(this.labeltimer){clearTimeout(this.labeltimer);this.labeltimer=null}document.dispatchEvent(new KeyboardEvent("keydown",{key:e.key,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey}))}}handleValueChange(e){this.isDirty=e.length>0;this.valueError=s(this.dataItem?.formElementType,this.dataItem?.validation,e,this.dataItem?.options);this.alter({value:e})}labeltimer;debounce(e,t){if(this.labeltimer)clearTimeout(this.labeltimer);this.labeltimer=setTimeout((()=>{const t=[{action:"update",data:e}];this.mutate.emit(t)}),t)}supportsValue(){const e=["signature","initials","file","signing","autosign","signing date","auto sign","dropdown","checkbox","drawn field"];return!e.includes(this.dataItem?.formElementType)}getCheckboxStates(){const e=c.find((e=>e.id===this.dataItem?.validation));if(!e)return[];return e.description.split("/").reverse()}isDateField(){return l(this.dataItem?.validation)?.inputType==="date"}toISODate(e){if(!e)return"";const t=this.getDateFormat();if(!t)return e;const i=t.match(/[/.-]/)?.[0]\|\|"/";const r=t.split(/[/.-]/);const a=e.split(i);if(a.length<2)return e;let n="",o="",d="";r.forEach(((e,t)=>{const i=a[t]\|\|"";if(e.startsWith("y"))n=i;else if(e.startsWith("m"))o=i;else if(e.startsWith("d"))d=i}));if(n.length===2)n="20"+n;if(!d)d="01";return`${n.padStart(4,"0")}-${o.padStart(2,"0")}-${d.padStart(2,"0")}`}formatDateFromISO(e){if(!e)return"";const[t,i,r]=e.split("-");const a=this.getDateFormat();if(!a)return e;return a.replace("yyyy",t).replace("yy",t.slice(-2)).replace("mm",i).replace("dd",r).replace("d",String(parseInt(r)))}getDateFormat(){const e=c.find((e=>e.id===this.dataItem?.validation));if(!e\|\|e.inputType!=="date")return null;return e.description}getDateFormatById(e){const t=c.find((t=>t.id===e));if(!t\|\|t.inputType!=="date")return null;return t.description}isSignatureType(){const e=this.dataItem?.formElementType;return e==="signature"\|\|e==="auto sign"}getRoleType(){if(this.dataItem?.signer===0)return"SENDER";const e=this.roles?.find((e=>e.signerIndex===this.dataItem?.signer));return e?.roleType\|\|"SIGNER"}handleFieldTypeChange(e){const t=p(e);const i=this.dataItem?.signer===0;let r;if(i){r="admin"}else if(e==="signature"){r="signature"}else if(e==="initials"){r="initials"}else{r="text"}const a=["signature","initials","file","signing date","auto sign","date","dropdown","checkbox","drawn field"];const n=this.dataItem?.formElementType;const o=["date","signing date"];const d=a.includes(e)\|\|o.includes(n);const s={formElementType:e,elementType:r,validation:t};if(d){s.value=""}this.dataItem={...this.dataItem,...s};this.mutate.emit([{action:"update",data:this.dataItem}]);this.update.emit([{action:"update",data:this.dataItem}])}getSenderDisabledReason(){const e=["signing date","regular expression","image","file","drawn","drawn field"];const t=this.dataItem?.formElementType;if(e.includes(t)){const e={"signing date":o.t("toolbox.signingdate"),"regular expression":o.t("toolbox.regex"),image:o.t("toolbox.image"),file:o.t("toolbox.file"),drawn:o.t("toolbox.drawn"),"drawn field":o.t("toolbox.drawn")};return o.t("fieldproperties.cannotreassignsendersingle",{fieldTypes:e[t]\|\|t})}return""}handleReassign(e){const t=this.dataItem?.formElementType;if(t==="auto sign"&&e!==0){this.alterImmediate({signer:e,formElementType:"signature",elementType:"signature",validation:0});return}if(t==="signature"&&e===0){this.alterImmediate({signer:e,formElementType:"auto sign",elementType:"admin",validation:3e3});return}if(e===0){this.alterImmediate({signer:e,elementType:"admin"})}else if(this.dataItem?.signer===0){const i=t==="initials"?"initials":"text";this.alterImmediate({signer:e,elementType:i})}else{this.alterImmediate({signer:e})}}handleFormatChange(e){const t=this.dataItem?.value;if(!t\|\|!this.isDateField()){this.alterImmediate({validation:e});return}const i=this.getDateFormat();const r=this.getDateFormatById(e);if(!i\|\|!r){this.alterImmediate({validation:e});return}const a=i.split(/[/.-]/);const n=i.match(/[/.-]/)?.[0]\|\|"/";const o=t.split(n);if(o.length<2){this.alterImmediate({validation:e});return}let d="",s="",l="";a.forEach(((e,t)=>{const i=o[t]\|\|"";if(e.startsWith("y"))d=i;else if(e.startsWith("m"))s=i;else if(e.startsWith("d"))l=i}));if(d.length===2)d="20"+d;if(!l)l="01";const c=r.replace("yyyy",d.padStart(4,"0")).replace("yy",d.slice(-2)).replace("mm",s.padStart(2,"0")).replace("dd",l.padStart(2,"0")).replace("d",String(parseInt(l)));this.alterImmediate({validation:e,value:c})}render(){return r(a,{key:"00f5e6bc3dd6711643e5b0fe25f662d70c3d4b92"},this.roles?.length>0&&r("ls-props-section",{key:"283e02c52f71c5093156e15e1bac5f5057bd0e1f",sectionTitle:o.t("fieldproperties.assignee"),sectionDescription:o.t("fieldproperties.assigneedescription")},r("ls-assignee-select",{key:"84713e819a93cbb464970ee97c5d2488793cb30e",signer:this.dataItem?.signer,roles:this.roles,disabled:this.readonly,disabledSenderReason:this.getSenderDisabledReason(),disabledApproverReason:this.isSignatureType()?o.t("fieldproperties.signaturecannotapproversingle"):"",onAssigneeChange:e=>this.handleReassign(e.detail)})),r("ls-props-section",{key:"cd2da1fc874d8d1c37055ad5fb09594c046ba794",sectionTitle:o.t("fieldproperties.fieldtype"),sectionDescription:o.t("fieldproperties.fieldtypedescription")},r("ls-field-type-select",{key:"2ec05e8faf63ce2d5a07dec45ae7c349728e032f",fieldType:this.dataItem?.formElementType,assignee:this.dataItem?.signer,roles:this.roles,roleTypes:[this.getRoleType()],disabled:this.readonly,filtertoolbox:this.filtertoolbox,onFieldTypeChange:e=>this.handleFieldTypeChange(e.detail)})),this.dataItem?.formElementType!=="signature"&&r("ls-props-section",{key:"0b4f881aaa5eca5decfe7bf44941dfb51f816edc",sectionTitle:o.t("fieldproperties.requiredfield"),row:true,sectionDescription:o.t("fieldproperties.requiredfielddescription")},r("ls-toggle",{key:"59b7177e7d28957fe276c7f1626831bd1e359c57",id:"toggle-required",checked:!this.dataItem?.optional,onValueChange:e=>!this.readonly&&this.alterImmediate({optional:!e.detail})})),r("ls-props-section",{key:"448f076b297121bab31ba05d7b338c63933f4dbc",sectionTitle:o.t("fieldproperties.fieldlabel"),sectionDescription:o.t("fieldproperties.fieldlabeldescription")},r("ls-formfield",{key:"34aa3ecdba9edb0b2eac092cf34456beade7e311",as:"text",name:"field-label",value:this.dataItem?.label,placeholder:h(this.dataItem?.formElementType),disabled:this.readonly,onTextChange:e=>this.alter({label:e.detail.value})})),this.supportsValue()&&r("ls-props-section",{key:"55ad3cb8e8f86a79412c070700f077ad4a76394e",sectionTitle:o.t("fieldproperties.value"),sectionDescription:o.t("fieldproperties.valuedescription")},this.isDateField()?r("div",{class:"ls-dv-date-input-wrapper"},r("input",{class:"ls-dv-date-display",type:"text",value:this.dataItem?.value,placeholder:this.getDateFormat(),readOnly:true,onClick:()=>{if(this.readonly)return;const e=this.component.shadowRoot.getElementById("ls-date-picker");if(e)e.showPicker()}}),this.dataItem?.value&&!this.readonly&&r("div",{class:"ls-dv-date-clear",onClick:()=>this.alterImmediate({value:""})},r("ls-icon",{name:"x-icon",size:20})),r("input",{id:"ls-date-picker",class:"ls-dv-date-picker-hidden",type:"date",value:this.toISODate(this.dataItem?.value),onInput:e=>{const t=e.target;this.alter({value:this.formatDateFromISO(t.value)});f(t)},disabled:this.readonly})):r("ls-formfield",{as:"text",name:"field-value",value:this.dataItem?.value,placeholder:b(this.dataItem?.formElementType),valid:!this.valueError,dirty:this.isDirty,errorText:this.valueError,disabled:this.readonly,onTextChange:e=>this.handleValueChange(e.detail.value)})),this.dataItem.validation===20&&r("ls-props-section",{key:"c033c2ec1addc298274756c32aabb464bf7f6421",sectionTitle:o.t("fieldproperties.options"),sectionDescription:o.t("fieldproperties.optionsdescription")},r("textarea",{key:"939e98509967a53cafaecf7fc66a7b8b297ccad0",value:this.dataItem?.options,placeholder:"Option 1\nOption 2\nOption 3",onInput:e=>this.alter({options:e.target.value}),disabled:this.readonly})),this.showValidationTypes&&this.dataItem?.formElementType!=="drawn field"&&this.dataItem?.formElementType!=="regular expression"&&this.dataItem?.formElementType!=="initials"&&r("ls-props-section",{key:"26cd86ed13d794c19d0764c261a3aeeb26baa958",sectionTitle:o.t("fieldproperties.contentformat"),sectionDescription:o.t("fieldproperties.contentformatdescription")},r("ls-input-wrapper",{key:"db3e98a1fae7280ec82aeadeafd82ee0e75a3f57",select:true},r("select",{key:"7ddb1ae410ad37bb774af1c2bfd3b865d65e89e9",onChange:e=>!this.readonly&&this.handleFormatChange(parseInt(e.target.value))},c.filter((e=>e.formType===this.dataItem?.formElementType)).map((e=>r("option",{selected:this.dataItem?.validation===e.id,value:e.id},e.description)))))),this.dataItem?.formElementType==="checkbox"&&this.getCheckboxStates().length===2&&r("ls-props-section",{key:"bd1410e73a2f58dde724fbbf05a14d2664e5be50",sectionTitle:o.t("fieldproperties.displaystate"),sectionDescription:o.t("fieldproperties.displaystatedescription")},r("div",{key:"bec219016a0006c013e009792a471429645fd173",class:"ls-dv-checkbox-toggle"},this.getCheckboxStates().map(((e,t)=>r("button",{key:t,class:{"ls-dv-checkbox-toggle-btn":true,"ls-dv-active":t===0?this.dataItem?.value?.toString()!=="true":this.dataItem?.value?.toString()==="true"},onClick:()=>!this.readonly&&this.alterImmediate({value:t===0?"false":"true"}),disabled:this.readonly},e))))),r("slot",{key:"e40b61c6531b30239885dcc6b3ff1f7a46e8769d"}))}static get watchers(){return{dataItem:["watchDataItemHandler"]}}};z.style=C();const F=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const D=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return i(this)}dataItem;template;readonly=false;mutate;update;isSingle(e){return e.length===undefined}isMultiple(e){return typeof e.length==="number"}getMultiValue(e){if(!this.isMultiple(this.dataItem))return undefined;const t=this.dataItem[0][e];return this.dataItem.every((i=>i[e]===t))?t:undefined}getDataItem(){if(this.isSingle(this.dataItem)){return this.dataItem}return this.dataItem[0]}alter(e){console.log(e);if(this.isMultiple(this.dataItem)){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}else{const t={action:"update",data:{...this.dataItem,...e}};this.dataItem=t.data;this.mutate.emit([t])}}componentDidLoad(){}render(){return r(a,{key:"d2760e762e756802e86ae848afc27f60f3c1324b"},this.isMultiple(this.dataItem)&&r("div",{key:"bc208530d2702bc5b1717ebcbd14015f973380a1",class:"ls-dv-field-properties-section"},r("div",{key:"7fd78692276725fac1487599c1ac76c38053bb5c",class:"ls-dv-field-properties-section-text"},r("p",{key:"ba013a701d43f287303d7471155abc91767201e0",class:"ls-dv-field-properties-section-title"},o.t("dimensions.heightandwidth")),r("p",{key:"31686871673265f4fda078b839a4d81ce6dc0d66",class:"ls-dv-field-properties-section-description"},o.t("dimensions.heightandwidthdescription"))),r("div",{key:"9d98c0c6bbd46fd04647ac8736158c9e6a4c3b99",class:"ls-dv-input-row"},r("div",{key:"d4c80f7276c63e5623ee39d8005994a3aaa12288",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("dimensions.setwidthtooltip")},r("ls-icon",{key:"cee66fa6977392e8a06a4772dafffbef72949d8f",id:"selectLeadingIcon",name:"field-match-width-icon"}),r("input",{key:"4159f10ef006bb288cce9cd770242023cafdd111",type:"number",class:"ls-dv-has-leading-icon",aria:"field-width",id:"field-width",value:this.getMultiValue("width"),placeholder:this.getMultiValue("width")===undefined?o.t("fieldproperties.mixed"):undefined,onChange:e=>this.alter({width:parseInt(e.target.value)}),disabled:this.readonly})),r("div",{key:"1ee1083270c76186553474e4e9edfec2812d752d",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("dimensions.setheighttooltip")},r("ls-icon",{key:"2c84611dae9248ad08b9cea8f3586f3aba59c54e",id:"selectLeadingIcon",name:"field-match-height-icon"}),r("input",{key:"8d2cb2f529a88a2eb6aac7bbdfa36cacce5e5a4b",type:"number",class:"ls-dv-has-leading-icon",aria:"field-height",id:"field-height",value:this.getMultiValue("height"),placeholder:this.getMultiValue("height")===undefined?o.t("fieldproperties.mixed"):undefined,onChange:e=>this.alter({height:parseInt(e.target.value)}),disabled:this.readonly})))),this.isSingle(this.dataItem)&&r("div",{key:"3f753e0710c9013973a645cb889670151b12dcda",class:"ls-dv-field-set"},r("div",{key:"1f49da5e3094b3fee95fb1280b323c6705ded60d",class:"ls-dv-field-properties-section"},r("div",{key:"dc6c3bcbfeb07467ec4aba951849505ebab4908e",class:"ls-dv-field-properties-section-text"},r("p",{key:"2cb5ef94a8e952bdb5d3dd0e55831991c21c249b",class:"ls-dv-field-properties-section-title"},o.t("dimensions.heightandwidth")),r("p",{key:"ef9fa6695da9475e38c401a7c6602d8f03fd5b4a",class:"ls-dv-field-properties-section-description"},o.t("dimensions.heightandwidthdescription"))),r("div",{key:"de103d43bfbf2aa399db599ae2efee7580517f87",class:"ls-dv-input-row"},r("div",{key:"9562de591c0b4c2520c48cb7ec11c6b049c9fc20",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("dimensions.setwidthtooltip")},r("ls-icon",{key:"1db1a61325d84fac200273dc21fd6ad4bba32457",id:"selectLeadingIcon",name:"field-match-width-icon"}),r("input",{key:"7aca0dbb0ad04fa335a77a35bd117060847fd63a",type:"number",class:"ls-dv-has-leading-icon",aria:"field-width",id:"field-width",min:5,max:this.dataItem.pageDimensions.width-this.dataItem.width,value:this.dataItem?.width,onChange:e=>{const t=this.getDataItem();const i=parseInt(e.target.value);if(i>t.pageDimensions.width-t.left){return}if(t.formElementType==="signature"&&this.template?.fixSignatureScale){const e=Math.round(i/3.8);this.alter({width:i,height:e})}else{this.alter({width:i})}},disabled:this.readonly})),r("div",{key:"ae59230a75a6e6ba2c6511b207be399c42973572",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("dimensions.setheighttooltip")},r("ls-icon",{key:"2e580ca5e6f54fe3eab49bfd5e325b1e4564fdd4",id:"selectLeadingIcon",name:"field-match-height-icon"}),r("input",{key:"a5871b92645665c6c9b3523af7cc4494e153a08f",type:"number",class:"ls-dv-has-leading-icon",aria:"field-height",id:"field-height",value:this.dataItem?.height,onChange:e=>{const t=this.getDataItem();const i=parseInt(e.target.value);if(i>t.pageDimensions.height-t.top){return}if(t.formElementType==="signature"&&this.template?.fixSignatureScale){const e=Math.round(i3.8);this.alter({height:i,width:e})}else{this.alter({height:i})}},disabled:this.readonly})))),r("div",{key:"53cf0f7140cb33b3f2156783019affd2a30dbdef",class:"ls-dv-field-properties-section"},r("div",{key:"ab200ef24efd6ab3d659267eb362ff4b7daaa65e",class:"ls-dv-field-properties-section-text"},r("p",{key:"cb6deb9da776b43764d3f42110ac74697adfd57f",class:"ls-dv-field-properties-section-title"},o.t("dimensions.scaleandresize")),r("p",{key:"447c5720d16ec039c0fecf3207eeb128d9117483",class:"ls-dv-field-properties-section-description"},o.t("dimensions.scaleandresizedescription"))),r("div",{key:"3d93163abb4968fc2941479207216e9a3dc898dc",class:"ls-dv-button-group"},r("button",{key:"491c84c4c0781c2f7355d0b82b07a369eaefdb73",disabled:true,"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.selectmultiplescale")},r("ls-icon",{key:"ce98492c12d2328f6abd67a9596f4b2e876b4146",name:"field-scale-icon"})),r("button",{key:"5cda85aa8dcae8b8b9fc8a5908c89a167a3c8395",disabled:true,"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.selectmultiplewidth")},r("ls-icon",{key:"ce647e9176dc589a931e3d8a5eb0e9fcc285d8f6",name:"field-match-width-icon"})),r("button",{key:"cd7a9c212b5eb38c15a4a6b94cf6a7a9bc5e7d34",disabled:true,"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.selectmultipleheight")},r("ls-icon",{key:"06ddfe2f15ca202afda52f33382afa65c76c4e58",name:"field-match-height-icon"}))))),r("ls-tooltip",{key:"e7b84a705781152e8b95cdded1175428553fd26e",tooltipId:"ls-dv-tooltip"}))}};D.style=F();const T=()=>`:host{display:block}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #edeff2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}.ls-dv-full-rounded{border-radius:calc(infinity * 1px)}`;const S=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7);this.selectFields=t(this,"selectFields",7)}dataItem;readonly=false;mutate;update;selectFields;isSingle(e){return e.length===undefined}isMultiple(e){return typeof e.length==="number"}getItems(){if(this.isSingle(this.dataItem)){return[this.dataItem]}return this.dataItem}deleteField=()=>{this.mutate.emit(this.getItems().map((e=>({action:"delete",data:e}))))};duplicateField=()=>{this.getItems().forEach((e=>{const t={...e,id:btoa("ele"+crypto.randomUUID())};const i=e.top+e.height;if(i+e.height<e.pageDimensions.height){t.top=i}this.mutate.emit([{action:"create",data:t,select:"clear"}])}))};render(){return r(a,{key:"6359cdc5afbb950d881a14fc6c3737cf9a1bc1ee"},r("div",{key:"31af07c2f83692571e961dfabb8e73506d58fedb",class:"ls-dv-button-footer"},r("button",{key:"23623672177420d5105827216bd1c9a22edafc1b",class:"ls-dv-secondary ls-dv-full-rounded",onClick:()=>this.duplicateField(),disabled:this.readonly},r("ls-icon",{key:"bc481ca354549b3a9235a4594cba46ec239174c9",name:"field-duplicate-icon",size:20}),o.t("common.duplicate")),r("button",{key:"ebdea92362332c00b2a9c2555c51a16ace1c7a48",class:"ls-dv-destructive ls-dv-full-rounded",onClick:()=>this.deleteField(),disabled:this.readonly},r("ls-icon",{key:"6887e91e16b6ce8eaabef4911ecf7c6862744650",name:"trash-icon",size:20}),o.t("common.delete"))),r("slot",{key:"3f5874bd550c50641b74fca01c67d800d1737124"}))}};S.style=T();const $=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const j=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",7)}get component(){return i(this)}dataItem;readonly=false;mutate;isSingle(e){return e.length===undefined}isMultiple(e){return typeof e.length==="number"}getMultiValue(e){if(!this.isMultiple(this.dataItem))return undefined;const t=this.dataItem[0][e];return this.dataItem.every((i=>i[e]===t))?t:undefined}alter(e){if(this.isMultiple(this.dataItem)){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}else{const t={action:"update",data:{...this.dataItem,...e}};this.dataItem=t.data;this.mutate.emit([t])}}center(){const e=this.dataItem;return e.pageDimensions.width/2-e.width/2}right(){const e=this.dataItem;return e.pageDimensions.width-e.width}middle(){const e=this.dataItem;return e.pageDimensions.height/2-e.height/2}bottom(){const e=this.dataItem;return e.pageDimensions.height-e.height}componentDidLoad(){}render(){return r(a,{key:"15a514f0ee698cdca758afa8ac352af664bfbc35"},this.isMultiple(this.dataItem)&&r("div",{key:"d637e4f675ad22660d2b91344f2626c5d466c3aa",class:"ls-dv-field-properties-section"},r("div",{key:"db2205bbfcba6e9a1ce538dd4dc8c723c0a1f12f",class:"ls-dv-field-properties-section-text"},r("p",{key:"ebe8684f99abef7f74d0dc62115b992401906c02",class:"ls-dv-field-properties-section-title"},o.t("placement.location")),r("p",{key:"e5f1f71deb6e947f5dac52399addd5354ff2cc17",class:"ls-dv-field-properties-section-description"},o.t("placement.locationdescription"))),r("div",{key:"93fe2248c569872bc5e61e262ff1cf0e4689acb0",class:"ls-dv-input-row"},r("div",{key:"92bfc42b995c2212dd05feef6a101cbaf2b2c2be",class:"ls-dv-input-wrapper"},r("ls-icon",{key:"8058de58535b3cb08b9d489b96594da1f75e89ea",id:"selectLeadingIcon",name:"x-letter-icon"}),r("input",{key:"dd837d276eab766d9d773f5a1bda54916cce75fb",type:"number",class:"ls-dv-has-leading-icon",aria:"top-location",id:"top-location",value:this.getMultiValue("left"),placeholder:this.getMultiValue("left")===undefined?o.t("fieldproperties.mixed"):undefined,onChange:e=>this.alter({left:parseInt(e.target.value)}),disabled:this.readonly})),r("div",{key:"212bf74400cbe2331842055b692258f20941c30b",class:"ls-dv-input-wrapper"},r("ls-icon",{key:"a16d9d75e9c774ef6a723e66d00d7315b8a1cf1d",id:"selectLeadingIcon",name:"y-icon"}),r("input",{key:"12fe12c02700d828cfaf182fb34d6ed0b30efce0",type:"number",class:"ls-dv-has-leading-icon",aria:"left-location",id:"left-location",value:this.getMultiValue("top"),placeholder:this.getMultiValue("top")===undefined?o.t("fieldproperties.mixed"):undefined,onChange:e=>this.alter({top:parseInt(e.target.value)}),disabled:this.readonly})))),this.isSingle(this.dataItem)&&r("div",{key:"951736fd412c6a4538edab70db1e1df7851b2f26",class:"ls-dv-field-set"},r("div",{key:"50a4d88347c44cac6de926039aecacc240687406",class:"ls-dv-field-properties-section"},r("div",{key:"8b0fb365afc8891586be762c0687ad2237e5de62",class:"ls-dv-field-properties-section-text"},r("p",{key:"8086bf476774be7c1c3b9dd2c31e0d207b1683f5",class:"ls-dv-field-properties-section-title"},o.t("placement.alignment")),r("p",{key:"83b377f55dd20560694811e10eb70ee31f912722",class:"ls-dv-field-properties-section-description"},o.t("placement.alignmentdescription"))),r("div",{key:"ad5115a9ded231818250098b695e912dcbd4d143",class:"ls-dv-multi-button-group-row"},r("div",{key:"dade4f27cacd558c7c52e7456cd6dfbbc6fad2f4",class:"ls-dv-button-group"},r("button",{key:"313b46455777d30f5687c3377c1d08f6c24e489b",onClick:()=>{this.alter({left:0})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.alignleft"),disabled:this.readonly},r("ls-icon",{key:"9d607b5430de32ac12c3966314a40cc751334bdd",name:"field-alignment-left-icon"})),r("button",{key:"8c1c5132be9dd08007d2b2e438fdadfd49f0976b",onClick:()=>{this.alter({left:this.center()})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.aligncenter"),disabled:this.readonly},r("ls-icon",{key:"3e50eb7e91e804b6a02d0b03b5ed226262b72ac5",name:"field-alignment-centre-icon"})),r("button",{key:"d4e96774c15848e3646361cf2ca119a0675a1e4a",onClick:()=>{this.alter({left:this.right()})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.alignright"),disabled:this.readonly},r("ls-icon",{key:"ab31e8cf473b87867bd3db246e138d93aa235367",name:"field-alignment-right-icon"}))),r("div",{key:"a0dc089db787c9f4a1d5d174e04f090e4806287f",class:"ls-dv-button-group"},r("button",{key:"c00bc76fb595e76c8fa392d237ba98f78b72619f",onClick:()=>this.alter({top:0}),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.aligntop"),disabled:this.readonly},r("ls-icon",{key:"e2e9d93d1acf5c552763269b37f52b1ea86c8bab",name:"field-alignment-top-icon"})),r("button",{key:"0619e1841baf95637b7dbf5220dec6f45b429cb9",onClick:()=>{this.alter({top:this.middle()})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.alignmiddle"),disabled:this.readonly},r("ls-icon",{key:"9bede891ae0ddf3de562a88fe60cb82bcae0cbf2",name:"field-alignment-middle-icon"})),r("button",{key:"827b616b59d7de278b415069e11db230096766be",onClick:()=>{this.alter({top:this.bottom()})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.alignbottom"),disabled:this.readonly},r("ls-icon",{key:"4505cb5009d3ddcebbc8b47203be376df66ddbe1",name:"field-alignment-bottom-icon"}))))),r("div",{key:"1f8e479ac3602a5b343c70971d182a227ea07944",class:"ls-dv-field-properties-section"},r("div",{key:"1a97b563fb2331a157aff5243f5e29eaec2a4557",class:"ls-dv-field-properties-section-text"},r("p",{key:"908cd5a10314a861f0bf4bd1a6767f2407a1b1ba",class:"ls-dv-field-properties-section-title"},o.t("placement.location")),r("p",{key:"c0da0032a04342083175a92f1c0baee8ac4875ae",class:"ls-dv-field-properties-section-description"},o.t("placement.locationdescription"))),r("div",{key:"f4ef4f8b3840a890adf3b5adb913a235d10cb319",class:"ls-dv-input-row"},r("div",{key:"b33404d3cdf8aee50cdecd478e5a427ca26f79b8",class:"ls-dv-input-wrapper"},r("ls-icon",{key:"b08da4b46767d8156f382e3a56242ae8b339dec6",id:"selectLeadingIcon",name:"x-letter-icon"}),r("input",{key:"e01826018276058c342066bd811d3445ff093489",type:"number",class:"ls-dv-has-leading-icon",aria:"top-location",id:"top-location",value:this.dataItem?.left,onChange:e=>this.alter({left:parseInt(e.target.value)}),disabled:this.readonly})),r("div",{key:"6bdd93241929d68b6c0efa48f7c9cd025bea9bd8",class:"ls-dv-input-wrapper"},r("ls-icon",{key:"3a95fd1e8c54ec87ceb8f13938aab441a1d80f64",id:"selectLeadingIcon",name:"y-icon"}),r("input",{key:"af7807c6df187367b75c244d55c03db6238c5618",type:"number",class:"ls-dv-has-leading-icon",aria:"left-location",id:"left-location",value:this.dataItem?.top,onChange:e=>this.alter({top:parseInt(e.target.value)}),width:"30",disabled:this.readonly})))),r("div",{key:"34f4d6f515ca8e7e47de559f042ca52afd0948d2",class:"ls-dv-field-properties-section"},r("div",{key:"858c31aa9f7e6045da66228ff872a489949cc48e",class:"ls-dv-field-properties-section-text"},r("p",{key:"5d13e952c5fb5136396b57703ececf07179959cd",class:"ls-dv-field-properties-section-title"},o.t("placement.distribution")),r("p",{key:"812761c3b68297c69efd5f04b9fff314f84f8218",class:"ls-dv-field-properties-section-description"},o.t("placement.distributiondescription"))),r("div",{key:"47d7c966680ceac932d3dcb28978d7b3d8171dd2",class:"ls-dv-button-group"},r("button",{key:"93cfec6157fab7685d7f38e840ccfbbe4896b800",disabled:true,"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.selectmultipledistribution")},r("ls-icon",{key:"cda8a2fc2bc086e81894d43b69cf0a872169923a",name:"field-distribute-vertically-icon"})),r("button",{key:"dff196dbf9d78814b24063ae1857683b63bb347c",disabled:true,"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("alignment.selectmultipledistribution")},r("ls-icon",{key:"06737937e5d604a953bed9a9f8ee7e9d57552321",name:"field-distribute-horizontally-icon"})))),r("div",{key:"203b0425dd7a6ca059bc078bf227a956a28688f4",class:"ls-dv-field-properties-section"},r("div",{key:"19538d9d84bfc9bc1da93d20268ef9fed8fd62cb",class:"ls-dv-field-properties-section-text"},r("p",{key:"b5dbf5c0a24119bdd1fb5590bcbf7590dee05d8c",class:"ls-dv-field-properties-section-title"},o.t("placement.gap")),r("p",{key:"dff547dec91c8165bc973cb3f4c587e321d91a43",class:"ls-dv-field-properties-section-description"},o.t("placement.gapdescription"))),r("div",{key:"47eb3e2255c52bd55d53d4d7250d4b3bd8d21c0c",class:"ls-dv-input-row"},r("div",{key:"21feb43e80a1953d6d0437b6738007ebcad45304",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("placement.selectmultiplegap")},r("ls-icon",{key:"cbdb18c80fd43e446f8520f35a98fc81749723be",id:"selectLeadingIconDisabled",name:"field-distribute-vertically-icon"}),r("input",{key:"0d5fdd95dfeabaeb1c68986444f6f00987bd60ee",type:"number",value:"0",class:"ls-dv-has-leading-icon",aria:"vertical-gap",id:"vertical-gap",disabled:true})),r("div",{key:"3ed0c09f4d1e0288dda1c8a06a05ab7f34842a04",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("placement.selectmultiplegap")},r("ls-icon",{key:"0fb0c68be979c2b090d61b76331273998e8b066c",id:"selectLeadingIconDisabled",name:"field-distribute-horizontally-icon"}),r("input",{key:"3ed02d5a084f43b5bbf90f1743aaa228a040361c",type:"number",value:"0",class:"ls-dv-has-leading-icon",aria:"horizontal-gap",id:"horizontal-gap",disabled:true}))))),r("ls-tooltip",{key:"a19a4a2b5b6fc97c8aee1751c1f55776ee642881",tooltipId:"ls-dv-tooltip"}))}};j.style=$();const W=()=>`:host,.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}{margin:0;box-sizing:border-box}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;const _=class{constructor(i){e(this,i);this.mutate=t(this,"mutate",7)}dataItem;expanded=false;readonly=false;mutate;isSingle(e){return e.length===undefined}isMultiple(e){return typeof e.length==="number"}alter(e,t=0){console.log("Altering advanced props:",e);let i=[];if(this.isMultiple(this.dataItem)){this.dataItem=this.dataItem.map((t=>({...t,...e})));i=this.dataItem.map((t=>({action:"update",data:{...t,...e}})))}else if(this.isSingle(this.dataItem)){this.dataItem={...this.dataItem,...e};i=[{action:"update",data:{...this.dataItem,...e}}]}if(t===0){this.mutate.emit(i)}else{this.debounce(i,t)}}titletimer;debounce(e,t){if(this.titletimer)clearTimeout(this.titletimer);this.titletimer=setTimeout((()=>{this.mutate.emit(e)}),t)}getValue(e){if(this.isMultiple(this.dataItem)){return""}else if(this.isSingle(this.dataItem)){return this.dataItem[e]}return""}render(){return r(a,{key:"5ee4d83054b39ff8f15f68ce81855358982b47d6"},r("div",{key:"3c093b283a9675b94476139f743458343b4f868b",class:"ls-dv-expand-fields-row",onClick:()=>this.expanded=!this.expanded},r("ls-icon",{key:"9ad907b068024ba3b062e01487f2d9f81dc62758",name:this.expanded?"expand-icon":"collapse-icon",size:20,solid:true}),r("p",{key:"71078ba34ca93acf9b7b214539621d9e543a695a"},o.t("fieldproperties.advancedproperties"))),this.expanded&&r("div",{key:"31535010abc956aa04a4723bcf11dd12c503a53f",class:"ls-dv-field-set"},r("ls-props-section",{key:"82407eb2fafabc44627f5914e2788f798c908c9a",sectionTitle:o.t("fieldproperties.fieldorder"),sectionDescription:o.t("fieldproperties.fieldorderdescription")},r("input",{key:"e5f04194d0a766749fbd4a1314c05c66320eae46",type:"number",placeholder:o.t("fieldproperties.placeholdereg1"),value:this.getValue("fieldOrder"),onInput:e=>{console.log(e);this.alter({fieldOrder:e.target.value},100)},onChange:()=>{console.log("onchange")},disabled:this.readonly})),r("ls-props-section",{key:"19166c37580711be5cbf51602e6fdfebc2e664ae",sectionTitle:o.t("fieldproperties.refname")},r("input",{key:"96b43215952a905d1870dc85ad9b323634dd48a2",value:this.getValue("link"),placeholder:o.t("fieldproperties.placeholdercheckboxgroup"),onInput:e=>this.alter({link:e.target.value},300),disabled:this.readonly})),r("ls-props-section",{key:"3310038dc7a28e863b34c778e3e1a8f7db7e941e",sectionTitle:o.t("fieldproperties.linktype"),sectionDescription:o.t("fieldproperties.linktypedescription")},r("select",{key:"979ea4470288f616c3a20e0fb9279b43d7805218",onChange:e=>this.alter({linkType:e.target.value}),name:"Link Field","aria-label":"Link Field",disabled:this.readonly},r("option",{key:"36c9a9beaf18393c86ddf392bb73f0e48de5eb34",value:"0",selected:this.getValue("linkType")==="0"},o.t("fieldproperties.linktypenoption")),r("option",{key:"9e652f27e8fa2d2b232e721f54e9da4bdd13fe9f",value:"1",selected:this.getValue("linkType")==="1"},o.t("fieldproperties.linktypeoneofgroup")),r("option",{key:"e1c980a85eb33f41ddea960cf67e00269a448f80",value:"2",selected:this.getValue("linkType")==="2"},o.t("fieldproperties.linktypeaddtotal")),r("option",{key:"508f2e9bf1d5aa99d526312c6e2c3ac456707c60",value:"3",selected:this.getValue("linkType")==="3"},o.t("fieldproperties.linktypeconditional")))),r("ls-props-section",{key:"19b6e927b0d23ac8c867f1ac664f897920eeb8f9",sectionTitle:o.t("fieldproperties.linkvalue"),sectionDescription:o.t("fieldproperties.linkvaluedescription")},r("input",{key:"51e3641661d1b40e8b110029436c2a09fa46cb77",value:this.getValue("logicAction"),width:"30",placeholder:o.t("fieldproperties.placeholdercheckboxgroup"),onChange:e=>this.alter({logicAction:e.target.value}),disabled:this.readonly}))))}};_.style=W();const L=()=>`{margin:0;box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:calc(100% - 7.25rem);position:relative}.ls-dv-tabs-container{display:grid;width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-dv-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6f7176);text-transform:capitalize}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #edeff2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:100%}`;const M=class{constructor(t){e(this,t)}dataItem;tabs=[];selectedTab;componentWillLoad(){if(!this.selectedTab){this.selectedTab=this.tabs[0]\|\|""}}render(){return r(a,{key:"0a90385eb494c3f4b1f31ffc4474b95ce95006b2"},this.tabs.length>1&&r("div",{key:"9644112ef80ab2e94b84945818e5157dc540d927",class:"ls-dv-tabs-container",style:{gridTemplateColumns:`repeat(${this.tabs.length}, 1fr)`}},this.tabs.map((e=>r("button",{class:e===this.selectedTab?"ls-dv-tab ls-dv-active":"ls-dv-tab",onClick:()=>this.selectedTab=e},o.t(`tabs.${e}`,{defaultValue:e}))))),r("div",{key:"bbe72f0dabd2e3959e1cbafdc26021c7daad07a6",class:"ls-dv-scrolling-container"},r("slot",{key:"aec628fd3216ceba7bab43d7065705f3784c3739",name:this.selectedTab})))}};M.style=L();const E=()=>`:host{display:block;width:100%}{margin:0}.ls-dv-fieldtype-dropdown{position:relative;width:100%}.ls-dv-fieldtype-header{border-radius:1rem;padding:0.25rem}.ls-dv-fieldtype-inner{border-radius:0.75rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.25rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-fieldtype-icon{display:flex;padding:0.25rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-fieldtype-name{flex:1;font-size:var(--text-sm);font-weight:400;color:var(--gray-100, #45484d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);text-transform:capitalize}.ls-dv-fieldtype-btn{all:unset;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.625rem;border:1px solid var(--gray-40, #d8d9dc);background:var(--white, #ffffff);color:var(--gray-80, #6f7176);cursor:pointer;flex-shrink:0}.ls-dv-fieldtype-btn:hover{border-color:var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-fieldtype-list{position:absolute;top:calc(100% + 0.25rem);left:0;right:0;display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);z-index:100;max-height:15rem;overflow-y:auto}.ls-dv-fieldtype-item{display:flex;padding:0.5rem 0.75rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;border-radius:0.75rem;cursor:pointer}.ls-dv-fieldtype-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-fieldtype-item.ls-dv-selected,.ls-dv-fieldtype-item.ls-dv-selected:hover{background:var(--background-selected, var(--gray-10, #f7f8fa))}.ls-dv-fieldtype-item-icon{display:flex;align-items:center;flex-shrink:0}.ls-dv-fieldtype-item-name{flex:1;color:var(--gray-100, #45484d);font-size:0.75rem;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.ls-dv-check-icon{color:var(--gray-40, #d8d9dc);flex-shrink:0}.ls-dv-fieldtype-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}`;const O={signature:"toolbox.signature","auto sign":"toolbox.autosign",text:"toolbox.text","signing date":"toolbox.signingdate",date:"toolbox.date",initials:"toolbox.initials",checkbox:"toolbox.checkbox",email:"toolbox.email",number:"toolbox.number",dropdown:"toolbox.dropdown",file:"toolbox.file","drawn field":"toolbox.drawn","regular expression":"toolbox.regex"};const R=["signature","text","signing date","date","email","initials","number","dropdown","checkbox","file","drawn field","regular expression"];const q=e=>{let t=new Set;for(const i of e){switch(i){case"SENDER":t.add("signature");t.add("initials");t.add("file");t.add("signing date");t.add("drawn field");t.add("regular expression");break;case"APPROVER":t.add("signature");t.add("initials");t.add("file");break}}return R.filter((e=>!t.has(e)))};const A=class{constructor(i){e(this,i);this.fieldTypeChange=t(this,"fieldTypeChange",7)}get el(){return i(this)}fieldType="text";assignee=1;roles=[];roleTypes=["SIGNER"];disabled=false;mixed=false;filtertoolbox=null;isOpen=false;fieldTypeChange;handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}toggleDropdown=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};selectFieldType(e){this.isOpen=false;this.fieldTypeChange.emit(e)}render(){const e=n[this.assignee%100];const t=q(this.roleTypes).filter((e=>this.filtertoolbox===null\|\|this.filtertoolbox.split("\|").includes(e)));const i=this.mixed?o.t("fieldproperties.mixed"):o.t(O[this.fieldType]\|\|"toolbox.text");return r(a,{key:"6bfe8fdca902983b87999b331d0ab9e4348d8119"},r("div",{key:"d9ecf1411a4b353db022651b5312d2eed8581ce4",class:"ls-dv-fieldtype-dropdown"},r("div",{key:"2d39319df63a4bd49117efb6f6597ca0acf4998f",class:"ls-dv-fieldtype-header",style:{border:`1px dashed ${e.s30}`,background:e.s10}},r("div",{key:"0dc0422afef8b56b4eb126cf51d5d74eadd0b035",class:"ls-dv-fieldtype-inner"},r("div",{key:"e293fddbf13371be97cfae330245fc70a3d90fb6",class:"ls-dv-fieldtype-icon",style:{border:`1px solid ${e.s60}`,color:e.s60,background:e.s10}},r("ls-icon",{key:"d70e7c8a2166ab9a28025fdea837d4ef2548a568",name:this.mixed?"view-grid-icon":u(this.fieldType),size:20})),r("span",{key:"fdac95009c85c06097d852de5e67c881614d22db",class:"ls-dv-fieldtype-name"},i),!this.disabled&&r("button",{key:"335160180754f0e4d7f3cb92b0dbf35700aa8ffe",class:"ls-dv-fieldtype-btn",onClick:e=>{e.stopPropagation();this.toggleDropdown()},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":o.t("fieldproperties.changefieldtype")},r("ls-icon",{key:"b301132f3002fb687f22afc745791e031f0130ba",name:"switch-horizontal-icon",size:16})))),this.isOpen&&r("div",{key:"f8a2da27316feb75da093c9a6567dda9c491acc7",class:"ls-dv-fieldtype-list"},t.map((t=>r("div",{class:`ls-dv-fieldtype-item ${t===this.fieldType&&!this.mixed?"ls-dv-selected":""}`,style:{"--background-selected":e.s10,"--check-icon-selected":e.s50},onClick:()=>this.selectFieldType(t)},r("div",{class:"ls-dv-fieldtype-item-icon",style:{color:e.s60}},r("ls-icon",{name:u(t),size:16})),r("span",{class:"ls-dv-fieldtype-item-name"},o.t(O[t]\|\|"toolbox.text")),r("ls-icon",{class:"ls-dv-check-icon",name:t===this.fieldType&&!this.mixed?"check-circle-icon":"base-circle-icon",solid:t===this.fieldType&&!this.mixed})))))))}};A.style=E();const P=()=>`* {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n}\n\n.formfield-host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n}\n\n.formfield-top-elements {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n display: flex;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ls-icon {\n color: var(--gray-80, #787a80);\n }\n\n .formfield-label {\n color: var(--gray-90, #5e6066);\n font-size: 1rem;\n font-style: normal;\n font-weight: var(--font-medium);\n line-height: 1.5rem;\n text-transform: capitalize;\n }\n}\n\n.formfield-bottom-elements {\n display: flex;\n align-items: flex-end;\n gap: 0.5rem;\n padding: 0 0.125rem;\n}\n\n.formfield-bottom-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 0.125rem;\n}\n\n.formfield-description-text {\n color: var(--gray-80, #6c6e73);\n width: 100%;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: var(--font-light);\n line-height: 1rem;\n}\n\n.formfield-error-text {\n color: var(--red-70, #dc2721);\n width: 100%;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: var(--font-light);\n line-height: 1rem;\n}\n\n.formfield-count-container {\n display: flex;\n gap: 0.125rem;\n align-items: center;\n flex-shrink: 0;\n margin-left: auto;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: var(--font-light);\n line-height: 1rem;\n text-align: right;\n}\n\n.formfield-count {\n display: flex;\n align-items: center;\n color: var(--gray-80, #6c6e73);\n gap: 0.125rem;\n}\n\n.formfield-count-error {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n color: var(--red-50, #ff5c56);\n}\n\n.formfield-display-only {\n display: flex;\n gap: 0.375rem;\n background-color: var(--gray-10, #f7f8fa);\n border: 1px solid var(--gray-30, #e0e2e5);\n height: 2.375rem;\n border-radius: 0.375rem;\n align-items: center;\n padding: 0 0.625rem;\n font-size: 0.875rem;\n color: var(--gray-80, #6c6e73);\n cursor: not-allowed;\n}\n\n.formfield-display-only ls-icon {\n color: var(--gray-80, #6c6e73);\n}\n`;const V=class{constructor(i){e(this,i);this.textChange=t(this,"textChange",7);this.numberChange=t(this,"numberChange",7);this.booleanChange=t(this,"booleanChange",7);this.as="text";this.iconPosition="left";this.handleChange=e=>{this.value=e.detail.value;this.textChange.emit({name:this.name,value:e.detail.value})};this.handleSelectChange=e=>{this.value=e.detail.value;this.textChange.emit({name:this.name,value:e.detail.value})};this.handleCheckboxChange=e=>{this.booleanChange.emit({name:this.name,value:e.detail.checked})};this.handleNumberChange=e=>{this.value=e.detail.value;this.numberChange.emit({name:this.name,value:e.detail.value})}}valueWatcher(e){this._value=e}componentWillLoad(){var e;this.valueWatcher((e=this===null\|\|this===void 0?void 0:this.value)===null\|\|e===void 0?void 0:e.toString())}render(){var e;const{name:t,fieldId:i,label:a,as:n,value:o,placeholder:s,descriptionText:l,errorText:c,aria:f,infoTooltipText:p,hoverTooltipText:b,disabled:h,extraLabel:u,required:g,optional:m,valid:v,dirty:y,customised:x,count:k,countMax:w,textareaRows:I,buttonClick:C,buttonIcon:z,fieldIcon:F,labelIcon:D,iconPosition:T}=this;const S=d(o&&o.toString().length>w?"formfield-count-error":"formfield-count");const $=g;let j=null;if(g){j="Required"}else if(m){j="Optional"}else if(u){j=u}const W=a\|\|j\|\|x;return r("host",{key:"0c56bd17aa9d6e140742c6d3f126100d02c672d0",class:"formfield-host"},W&&r("div",{key:"47dc09e15b82001f87b3d82b59ecd548793ce614",class:"formfield-top-elements"},r("div",{key:"a5d5d582998c2b13b6d3c6e00f226148c431b707",class:"formfield-left-side"},D&&r("ls-icon",{key:"157f2197702f40b143298443452fd0ec01a12665",name:D}),a&&r("label",{key:"affdbef06240564a1ca72c01622a63044217ff91",htmlFor:t,class:"formfield-label"},a),p&&r("ls-icon",{key:"d2788e139bbc2e191333999fae741ff0ace3c57b",name:"information-circle-icon","data-tooltip-id":"ls-formfield-tooltip","data-tooltip-content":p})),j&&r("ls-label",{key:"275f0663b31ceda43128dbb700286757509abca4",text:j,colour:"gray",type:"low"}),x&&r("ls-label",{key:"4a9b922f98013be26301fc1f4833e98dc9df5be8",text:"Customised",colour:"blue",type:"low"})),n==="text"?r("ls-text-input",{id:i,name:t,value:o===null\|\|o===void 0?void 0:o.toString(),countMax:w,placeholder:s,"aria-label":f,required:$,disabled:h,valid:v,dirty:y,buttonIcon:z,buttonClick:C,fieldIcon:F,iconPosition:T,onTextChange:e=>this.handleChange(e)}):n==="select"?r("ls-select-input",{id:t,name:t,"aria-label":f,required:$,disabled:h,valid:v,dirty:y,buttonIcon:z,buttonClick:C,fieldIcon:F,options:this.options,onSelectChange:e=>this.handleSelectChange(e)}):n==="radio"?r("ls-radio-input",{radioId:a,label:o===null\|\|o===void 0?void 0:o.toString(),icon:F,name:t,disabled:h}):n==="textarea"?r("ls-textarea-input",{id:t,name:t,value:o===null\|\|o===void 0?void 0:o.toString(),countMax:w,placeholder:s,"aria-label":f,required:$,disabled:h,valid:v,dirty:y,rows:I,buttonIcon:z,buttonClick:C,fieldIcon:F,onTextareaChange:e=>this.handleChange(e)}):n==="password"?r("ls-text-input",{type:"password",id:t,name:t,value:o===null\|\|o===void 0?void 0:o.toString(),countMax:w,placeholder:s,"aria-label":f,required:$,disabled:h,valid:v,dirty:y,buttonIcon:z,buttonClick:C,fieldIcon:F,iconPosition:T,onTextChange:e=>this.handleChange(e)}):n==="displayonly"?r("div",{class:"formfield-display-only","data-tooltip-id":b?"ls-formfield-tooltip":undefined,"data-tooltip-content":b\|\|undefined},F&&r("ls-icon",{name:F,size:20}),o):n==="checkbox"?r("ls-checkbox-input",{checkboxId:i,label:o===null\|\|o===void 0?void 0:o.toString(),description:l,name:t,checked:y,disabled:h,onHandlechange:e=>this.handleCheckboxChange(e)}):n==="number"?r("ls-number-input",{type:"ls",id:t,name:t,value:Number(o),countMax:w,placeholder:s,"aria-label":f,required:$,disabled:h,valid:v,dirty:y,buttonIcon:z,buttonClick:C,fieldIcon:F,onNumberChange:e=>this.handleNumberChange(e)}):r("p",null,"placeholder"),(l\|\|c\|\|k)&&n!=="checkbox"&&r("div",{key:"6cf803a0ed1faf48555150bb17f06e1e7c4dad18",class:"formfield-bottom-elements"},r("div",{key:"3ba80129bc606c84f8ff55ee2ce0e6529a3fbf78",class:"formfield-bottom-text"},c&&y&&!v&&r("p",{key:"611d8cb425b1a90d654c7c30bd8260167af7e58a",class:"formfield-error-text"},c),l&&r("p",{key:"ed8ec41f87ce688039297702af2d30c467aae022",class:"formfield-description-text"},l)),k&&r("div",{key:"a6a3f795f2466d27b2d5d4422449ec0bd3490d0c",class:"formfield-count-container"},r("p",{key:"a2cfc496d479df1cd6d31bd8a9e03bf46f3b2a14",class:S},(e=o===null\|\|o===void 0?void 0:o.toString())===null\|\|e===void 0?void 0:e.length),w>0&&r("div",{key:"50b31ad6c9535646f10ec170ae9eca1d7fa312e6",class:S},r("p",{key:"76a89c59c38beb4087b8b30d46d48b5d2f902e07"},"/"),r("p",{key:"503aaf4f69bced1c5242343d2ee354efb44a5685"},w)))),(p\|\|b)&&r("ls-tooltip",{key:"735fed4113fb1200b7b9d159a3fbd0252c9b7677",tooltipId:"ls-formfield-tooltip"}))}static get watchers(){return{value:["valueWatcher"]}}};V.style=P();const Y=()=>`.buttonClass{background-color:transparent;border:none;border-radius:0.25rem;padding:0px;color:var(--gray-60)}.buttonClass:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.buttonClass:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.buttonClass:disabled{background-color:var(--gray-10);color:var(--gray-40);cursor:not-allowed}`;var H=undefined&&undefined.__rest\|\|function(e,t){var i={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0)i[r]=e[r];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++){if(t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a]))i[r[a]]=e[r[a]]}return i};const N=class{constructor(t){e(this,t);this.disabled=false;this.solid=false}render(){const e=this,{icon:t,disabled:i,solid:a,customStyle:n}=e,o=H(e,["icon","disabled","solid","customStyle"]);const s=d("buttonClass");return r("button",Object.assign({key:"5228effe25bc955625b033a432d532ab26f140ad",class:s,style:n,disabled:i},o),r("ls-icon",{key:"5228f006781330cd61bd9c601807945bc22377d4",name:t,solid:a}))}get el(){return i(this)}};N.style=Y();const G=()=>`{margin:0;padding:0;box-sizing:border-box}:host{position:relative}#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)}`;const K=class{constructor(t){e(this,t)}leadingIcon;select=false;render(){return r(a,{key:"f9c362226515379a7ca23950e89d491f9ed9a9d6"},r("ls-icon",{key:"8b37cd0ebd7cbf02d7f867142ab419fe1b856f3d",id:"selectLeadingIcon",name:this.leadingIcon}),this.select&&r("ls-icon",{key:"21d817951cf45c0693306f38fcdb71f00d218ff4",id:"selectorIcon",name:"selector-icon"}),r("slot",{key:"0968f81f3dd7da629da23dc8e086edda0e28a01c"}))}};K.style=G();const X=()=>`.label-span{position:relative;display:inline-flex;align-items:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;gap:0.25rem;border-radius:0.25rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;gap:0.25rem;border-radius:0.25rem}.size-lg{padding:0.375rem 0.5rem;font-size:0.875rem;}`;const B=class{constructor(t){e(this,t);this.colour="primary";this.type="default";this.size="sm";this.iconSolid=true}render(){const{text:e,colour:t,type:i,size:a,leadingIcon:n,trailingIcon:o,iconSolid:s,customStyle:l,el:c}=this;const f=(e,t)=>{const i=t==="default"?"60":t==="high"?"40":t==="medium"?"30":"20";return`var(--${e}-${i})`};const p=(e,t)=>{if(t==="default"){return"var(--white)"}const i=t==="low"?"90":"100";return`var(--${e}-${i})`};return r("div",Object.assign({class:d("label-span",a==="sm"&&"size-sm",a==="md"&&"size-md",a==="lg"&&"size-lg"),style:Object.assign({backgroundColor:f(t,i),color:p(t,i)},l)},c.attributes),n&&r("ls-icon",{name:n,solid:s,size:a==="md"?20:a==="lg"?24:16}),e&&r("span",null,e),o&&r("ls-icon",{name:o,size:a==="md"?20:a==="lg"?24:16,solid:s}))}get el(){return i(this)}};B.style=X();const Z=()=>` {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n display: flex;\n width: 100%;\n}\n\n.host {\n display: flex;\n width: 100%;\n padding: 0.25rem;\n align-items: flex-start;\n gap: 0.25rem;\n border-radius: 0.625rem;\n border: 1px solid var(--Grey-20, #edeff2);\n background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0.75rem;\n display: block;\n}\n\n#fieldIcon {\n color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n color: var(--gray-60);\n}\n\n#password-icon {\n padding-right: 0.25rem;\n}\n\n.icon-input {\n padding-left: 2.5rem !important;\n}\n\n.button-input {\n padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n padding-right: 4rem !important;\n}\n\n.input-basic {\n display: flex;\n width: 100%;\n height: 2.25rem;\n padding: 0.5rem 0.75rem;\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n / text-sm/leading-5/font-regular /\n font-size: 0.875rem;\n font-style: normal;\n}\n\n.input-basic::placeholder {\n color: var(--gray-60, #afb0b2);\n}\n\n.input-ls {\n display: flex;\n width: 100%;\n height: 1.75rem;\n padding: 0 0.5rem;\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.375rem;\n / Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n / text-sm/leading-5/font-regular /\n font-size: 0.875rem;\n font-style: normal;\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.input-ls {\n -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456f6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n}\n\ninput:focus:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456f6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n}\n\n.default {\n border: 1px solid var(--gray-40, #d8d9dc);\n background: var(--White, #fff);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #d8d9dc);\n background: var(--White, #fff);\n color: var(--gray-110);\n}\n\n.disabled {\n border: 1px solid var(--gray-40, #d8d9dc);\n background: var(--gray-10, #f7f8fa);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.display-only {\n border: 1px solid var(--gray-40, #d8d9dc);\n background: var(--gray-10, #f7f8fa);\n color: var(--gray-100);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #ffa19e);\n background: var(--White, #fff);\n color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #ffa19e);\n background: var(--White, #fff);\n color: var(--Red-100, #7a1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72f0c2);\n background: var(--White, #fff);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72f0c2);\n background: var(--White, #fff);\n color: var(--Green-100, #125241);\n}\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 36px;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n}\n\n.right-items ls-icon {\n display: flex;\n}\n\n#invalidIcon {\n margin: 0 0.5rem;\n color: var(--red-70);\n}\n\n#validIcon {\n margin: 0 0.5rem;\n color: var(--green-60);\n}\n\n.button {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--White, #fff);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-90);\n }\n}\n\n.button-disabled {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--gray-=10, #F7F8FA);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n cursor: not-allowed;\n\n #buttonIcon {\n color: var(--gray-70);\n }\n}\n\n.button:hover {\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-20, #edeff2);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:active {\n border: 1px solid var(--primary-60, #4456f6);\n background: var(--White, #fff);\n box-shadow:\n 0px 0px 4px 0px var(--primary-20, #c7ddff) inset,\n 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--primary-60, #4456f6);\n background: var(--White, #fff);\n box-shadow:\n 0px 0px 4px 0px var(--primary-20, #c7ddff) inset,\n 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n`;const J=class{constructor(i){e(this,i);this.numberChange=t(this,"numberChange",7);this.type="ls";this.value=0;this.handleChange=e=>{this.value=e.target.value;this.numberChange.emit({value:Number(e.target.value)})};this.handlePlus=()=>{this.value=this.value+1;this.numberChange.emit({value:this.value})};this.handleMinus=()=>{this.value=this.value-1;this.numberChange.emit({value:this.value})}}render(){const{type:e,name:t,value:i,placeholder:a,aria:n,disabled:o,required:s,valid:l,dirty:c,buttonClick:f,buttonIcon:p,fieldIcon:b,handleChange:h,handleMinus:u,handlePlus:g}=this;const m=d(e==="ls"?"input-ls":"input-basic",o?"disabled":c&&l?"valid":c&&!l?"invalid":"default",b&&"icon-input",c&&"button-input",p&&"button-input",p&&c&&"right-items-input");const v=d(o?"button-disabled":"button");return r("host",{key:"fbd83369b171e1413bf3244bb594b2151c5d7568",class:e==="ls"&&"host"},e==="ls"&&r("button",{key:"880872a7d49d7fb06e01434f849d3b3fb375fd15",class:v,onClick:()=>u(),disabled:o},r("ls-icon",{key:"3577567cbad049734fe0f600fa416c8a982128ac",id:"buttonIcon",name:"minus-sm-icon"})),r("div",{key:"b177400caec9bc7b485445dfa570cff041dd5b28",class:"input-container"},b&&r("ls-icon",{key:"865f7298c48c20771d386966a998f521bf780c48",id:o?"fieldIconDisabled":"fieldIcon",name:b}),r("input",{key:"5c60e97e4b7030d7822ededf9ac9e1fd90eb1532",type:"number",class:m,id:t,name:t,value:i,placeholder:a,"aria-label":n,required:s,disabled:o,onInput:e=>h(e)}),r("div",{key:"2f8a88babf1be8d21aaa7be046e73b573bfa6c99",class:"right-items"},c&&!o&&r("ls-icon",{key:"ad26e22ae2e9021393734431f727de6d657bc579",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),p&&e!=="ls"&&r("button",{key:"18014391754535233143543d7906927d9e48ee22",class:"button",onClick:f},r("ls-icon",{key:"55d9e6bd19ed45b66b025e4a25ab729fba0574c4",id:"buttonIcon",name:p})))),e==="ls"&&r("button",{key:"d0a7d127699381b831d051077638018f419e83dc",class:v,onClick:g,disabled:o},r("ls-icon",{key:"bdee53830c6920bb0b84b20971cc365c8e02a529",id:"buttonIcon",name:"plus-sm-icon"})))}};J.style=Z();const Q=()=>`{margin:0;box-sizing:border-box}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}`;const U=class{constructor(t){e(this,t)}sectionTitle;sectionDescription;row=false;render(){return r(a,{key:"e5e5fb44d9a49442f77f117491a90feb1b2dcf77"},r("div",{key:"116d9fe841991a4be1ed15204117b7fa247a41b4",class:this.row?"ls-dv-field-properties-section ls-dv-row":"ls-dv-field-properties-section"},r("div",{key:"c0c03b44a8e7eeb995995a4ad5ea1dbba0574f31",class:"ls-dv-field-properties-section-text"},r("p",{key:"ab8a31c47c1b0037a2e76c29eef9a584a8fbe327",class:"ls-dv-field-properties-section-title"},this.sectionTitle),this.sectionDescription&&r("p",{key:"dc48632accc3f7c2a8c2885c6be4826df5324b82",class:"ls-dv-field-properties-section-description"},this.sectionDescription)),r("slot",{key:"55d4f42bb8428aa59a854bdbd3626df8748d11a9"})))}};U.style=Q();const ee=()=>`.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;const te=class{constructor(t){e(this,t);this.name="name";this.checked=false;this.disabled=false}render(){const{label:e,radioId:t,icon:i,name:a,disabled:n,checked:o,customStyle:s}=this;const l=d("radioLabel",n&&"disabled",o&&"checked");return r("label",{key:"987a4fa43c8f751b58a3d15906dc23bac41b2f89",htmlFor:t,tabIndex:0,class:l,style:s},r("input",{key:"8b92eac286506f4f9dcd7026c7e68c5037f404fd",type:"radio",class:"inputClass",id:t,name:a,value:e,disabled:n,tabIndex:0,checked:o}),r("div",{key:"799270c0e7cd866d812c2f04ceed97791fa971cb",class:"spanContainer"},r("span",{key:"d9ed82673102f2d9d4ee160a51448a2a5837856d"},i&&r("ls-icon",{key:"4a724df9ce9696a2476936ea5bfec488d31963f5",name:i,size:16})),r("span",{key:"46f6d155797f414b1d0a7c518866e0788645d5ea"},e)))}};te.style=ee();const ie=()=>`* {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n.host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n display: block;\n}\n\n#fieldIcon {\n color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n color: var(--gray-60)\n}\n\n.icon-input {\n padding-left: 2.5rem !important;\n}\n\n.button-input {\n padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n padding-right: 4rem !important;\n}\n\n.input-base {\n display: flex;\n width: 100%;\n height: 2.25rem;\n padding: 0rem 0.75rem;\n align-items: center;\n vertical-align: text-top;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n / text-sm/leading-5/font-regular /\n font-size: 0.875rem;\n font-style: normal;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n#select-arrow {\n color: var(--gray-70);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n color: var(--gray-40);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456F6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9DC3FC);\n}\n\n.input-base:focus:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456F6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9DC3FC);\n}\n\n\n.default {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-110);\n}\n\n\n.disabled {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--gray-10, #F7F8FA);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 36px;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n}\n\n.right-items ls-icon {\n display: flex;\n}\n\n#invalidIcon {\n margin: 0 0.5rem;\n color: var(--red-70);\n}\n\n#validIcon {\n margin: 0 0.5rem;\n color: var(--green-60);\n}\n\n.button {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #C8C9CC);\n background: var(--White, #FFF);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-90);\n }\n}\n\n.button:hover {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #C8C9CC);\n background: var(--gray-20, #EDEFF2);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:active {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--primary-60, #4456F6);\n background: var(--White, #FFF);\n box-shadow: 0px 0px 4px 0px var(--primary-20, #C7DDFF) inset, 0px 0px 0px 4px var(--primary-30, #9DC3FC);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--primary-60, #4456F6);\n background: var(--White, #FFF);\n box-shadow: 0px 0px 4px 0px var(--primary-20, #C7DDFF) inset, 0px 0px 0px 4px var(--primary-30, #9DC3FC);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n\n\n\n\n`;const re=class{constructor(i){e(this,i);this.selectChange=t(this,"selectChange",7);this.handleChange=e=>{const t=e.target;this.selectChange.emit({value:t.value})}}render(){const{name:e,aria:t,disabled:i,displayOnly:a,required:n,valid:o,dirty:s,buttonClick:l,buttonIcon:c,fieldIcon:f}=this;const p=d("input-base",i?"disabled":s&&o?"valid":s&&!o?"invalid":a?"displayOnly":"default",f&&"icon-input",s&&"button-input",c&&"button-input",c&&s&&"right-items-input");const b=(()=>{if(!this.options)return[];try{return JSON.parse(this.options)}catch(e){return[]}})();return r("host",{class:"host"},f&&r("ls-icon",{id:i?"fieldIconDisabled":"fieldIcon",name:f}),r("select",{class:p,id:e,name:e,"aria-label":t,required:n,disabled:i,onChange:e=>this.handleChange(e)},b.map((e=>r("option",{value:e.value,disabled:e.disabled},e.label)))),r("div",{class:"right-items"},s&&!i&&r("ls-icon",{id:o?"validIcon":"invalidIcon",name:o?"check-circle-icon":"exclamation-circle-icon"}),c?r("button",{class:"button",onClick:l},r("ls-icon",{id:"buttonIcon",name:c})):r("ls-icon",{id:i?"select-arrow-disabled":"select-arrow",name:"chevron-down-icon"})))}};re.style=ie();const ae=()=>`{box-sizing:border-box;margin:0}:host{position:relative;display:flex;width:100%}.field-icon-left{position:absolute;top:0.5rem;left:0.75rem;display:flex;align-items:center;color:var(--gray-80);z-index:1;pointer-events:none}.field-icon-left.disabled{color:var(--gray-60)}.field-icon-right{display:flex;align-items:center;color:var(--gray-80);border:1px solid var(--gray-50);border-radius:0.375rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding:0.125rem;cursor:pointer}.field-icon-right:hover{background:var(--gray-20)}.field-icon-right.disabled{color:var(--gray-40);border-color:var(--gray-40);cursor:not-allowed;background:var(--gray-10);box-shadow:none}#password-icon{padding-right:0.25rem}.icon-input{padding-left:2.5rem !important}.icon-right-input{padding-right:2.5rem !important}.button-input{padding-right:2.5rem !important}.right-items-input{padding-right:4rem !important}.input-base{display:flex;width:100%;height:2.25rem;padding:0.5rem 0.75rem;align-items:center;gap:0.5rem;align-self:stretch;border-radius:0.5rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem;font-style:normal;font-weight:400}.input-base::placeholder{color:var(--gray-60, #afb0b2)}.input-base:active:not(:disabled){outline:1px solid var(--primary-60, #4456F6);box-shadow:0px 0px 0px 4px var(--primary-30, #9DC3FC)}.input-base:focus:not(:disabled){outline:1px solid var(--primary-60, #4456F6);box-shadow:0px 0px 0px 4px var(--primary-30, #9DC3FC)}.default{border:1px solid var(--gray-40, #D8D9DC);background:var(--White, #FFF);color:var(--gray-100)}.default:hover{border:1px solid var(--gray-50, #D8D9DC);background:var(--White, #FFF);color:var(--gray-110)}.disabled{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-60);cursor:not-allowed}.display-only{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-100);cursor:not-allowed}.invalid{border:1px solid var(--red-50, #FF5C56);background:var(--White, #FFF);color:var(--gray-100)}.invalid:focus{box-shadow:0px 0px 0px 4px var(--red-30, #FFCCCB);outline:1px solid var(--red-50, #FF5C56)}.valid{border:1px solid var(--green-50, #34D399);background:var(--White, #FFF);color:var(--green-100, #125241)}.valid:focus{box-shadow:0px 0px 0px 4px var(--green-30, #A7F3D0);outline:1px solid var(--green-50, #34D399)}.right-items{position:absolute;padding:0.25rem;height:36px;right:0;top:0;display:flex;align-items:center}.invalid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--red-60, #DC2626)}.valid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--green-60, #059669)}.button{display:flex;height:28px;width:28px;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.375rem;border:1px solid var(--gray-50, #C8C9CC);background:var(--White, #FFF);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);color:var(--gray-90)}.button:hover{background:var(--gray-20, #EDEFF2);color:var(--gray-100)}.button:active,.button:focus{border-color:var(--primary-60, #4456F6);box-shadow:0px 0px 4px 0px var(--primary-20, #C7DDFF) inset, 0px 0px 0px 4px var(--primary-30, #9DC3FC);color:var(--gray-100)}`;const ne=class{constructor(i){e(this,i);this.textChange=t(this,"textChange",7);this.type="default";this.iconPosition="left";this.showPassword=false;this.handlePassword=()=>{this.showPassword=!this.showPassword}}render(){const{type:e,name:t,value:i,placeholder:n,aria:o,disabled:s,required:l,valid:c,dirty:f,countMax:p,buttonClick:b,buttonIcon:h,fieldIcon:u,iconPosition:g,showPassword:m,handlePassword:v}=this;const y=d("input-base",e==="displayonly"?"display-only":s?"disabled":f&&c?"valid":f&&!c?"invalid":"default",u&&g==="left"&&"icon-input",u&&g==="right"&&"icon-right-input",f&&"button-input",h&&"button-input",h&&f&&"right-items-input");return r(a,{key:"d80b379db9fbab569c49f5939b25ecf37422053a"},u&&g==="left"&&r("div",{key:"fb21f63609ba02307bba1e5c0f5c5de3d9ce2f5a",class:s?"field-icon-left disabled":"field-icon-left"},r("ls-icon",{key:"5110918d66dfe91f8fbd7bb94fa0e44447120ac6",name:u})),e==="password"?r("input",{type:m?"text":"password",class:y,id:t,name:t,value:i,maxlength:p,placeholder:n,"aria-label":o,required:l,disabled:s,onInput:e=>this.textChange.emit({value:e.target.value})}):e==="displayonly"?r("input",{class:y,id:t,name:t,value:i,maxlength:p,placeholder:n,"aria-label":o,required:l,disabled:true}):r("input",{class:y,id:t,name:t,value:i,maxlength:p,placeholder:n,"aria-label":o,required:l,disabled:s,onInput:e=>this.textChange.emit({value:e.target.value})}),r("div",{key:"963b036b1302e90a5f134b4ee1a9bc35f02516da",class:"right-items"},f&&!s&&r("div",{key:"6d2c444c8f35f96c01b9c31082f267048518963f",class:c?"valid-icon":"invalid-icon"},r("ls-icon",{key:"1b33a0fd6c9b95f5ceb7f5ecb99b7e1b03f81609",name:c?"check-circle-icon":"exclamation-circle-icon"})),h&&r("button",{key:"044ecda76ef3302435fead9df5461c78f34068be",class:"button",onClick:b},r("ls-icon",{key:"b4fd81de88a70f6b44f663a319e62815acb6fa78",name:h})),e==="password"&&!h&&r("ls-icon-button",{key:"a90bacba0539c673bee3567d90d90c8e1d152f82",id:"password-icon",icon:m?"eye-icon":"eye-off-icon",onClick:v}),u&&g==="right"&&r("div",{key:"8592bd6db912d95d8f56c670cc0c33317224abf8",class:s?"field-icon-right disabled":"field-icon-right"},r("ls-icon",{key:"62b1ad9499caff0eafc1e98e97447c6807e87de4",name:u}))))}};ne.style=ae();const oe=()=>`* {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n.host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n display: block;\n}\n\n#fieldIcon {\n color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n color: var(--gray-60);\n}\n\n.icon-input {\n padding-left: 2.5rem !important;\n}\n\n.button-input {\n padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n padding-right: 4rem !important;\n}\n\n.input-base {\n display: flex;\n resize: vertical;\n width: 100%;\n min-height: 4rem;\n padding: 0.5rem 0.75rem;\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n / text-sm/leading-5/font-regular */\n font-size: 0.875rem;\n font-style: normal;\n}\n\n.input-base::placeholder {\n color: var(--gray-60, #afb0b2);\n}\n\n.input-base:active:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456f6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n}\n\n.input-base:focus:not(:disabled) {\n outline: 1px solid var(--primary-60, #4456f6);\n box-shadow: 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n}\n\n.default {\n border: 1px solid var(--gray-40, #d8d9dc);\n background: var(--White, #fff);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #d8d9dc);\n background: var(--White, #fff);\n color: var(--gray-110);\n}\n\n.disabled {\n border: 1px solid var(--gray-40, #d8d9dc);\n background: var(--gray-10, #f7f8fa);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #ffa19e);\n background: var(--White, #fff);\n color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #ffa19e);\n background: var(--White, #fff);\n color: var(--Red-100, #7a1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72f0c2);\n background: var(--White, #fff);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72f0c2);\n background: var(--White, #fff);\n color: var(--Green-100, #125241);\n}\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 36px;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n}\n\n.right-items ls-icon {\n display: flex;\n}\n\n#invalidIcon {\n margin: 0 0.5rem;\n color: var(--red-70);\n}\n\n#validIcon {\n margin: 0 0.5rem;\n color: var(--green-60);\n}\n\n.button {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--White, #fff);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-90);\n }\n}\n\n.button:hover {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--gray-50, #c8c9cc);\n background: var(--gray-20, #edeff2);\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:active {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--primary-60, #4456f6);\n background: var(--White, #fff);\n box-shadow:\n 0px 0px 4px 0px var(--primary-20, #c7ddff) inset,\n 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 28px;\n width: 28px;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.375rem;\n border: 1px solid var(--primary-60, #4456f6);\n background: var(--White, #fff);\n box-shadow:\n 0px 0px 4px 0px var(--primary-20, #c7ddff) inset,\n 0px 0px 0px 4px var(--primary-30, #9dc3fc);\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n`;const de=class{constructor(i){e(this,i);this.textareaChange=t(this,"textareaChange",7);this.rows=15}render(){const{name:e,value:t,placeholder:i,aria:a,disabled:n,displayOnly:o,required:s,valid:l,dirty:c,countMax:f,rows:p,buttonClick:b,buttonIcon:h,fieldIcon:u}=this;const g=d("input-base",n?"disabled":c&&l?"valid":c&&!l?"invalid":o?"displayOnly":"default",u&&"icon-input",c&&"button-input",h&&"button-input",h&&c&&"right-items-input");return r("host",{key:"b905b3af5fa8b9f05a56948d631d40f302a33566",class:"host"},u&&r("ls-icon",{key:"6e001b53dbf4c33b0655d277c58ad23b988b5999",id:n?"fieldIconDisabled":"fieldIcon",name:u}),r("textarea",{key:"05422687845db48083c7290ce0cf88039fb89678",class:g,id:e,name:e,value:t,maxlength:f,placeholder:i,"aria-label":a,required:s,disabled:n,rows:p,onInput:e=>this.textareaChange.emit({value:e.target.value})}),r("div",{key:"9b4dca0e623c5683f27647a498fa9d6284c93bdc",class:"right-items"},c&&!n&&r("ls-icon",{key:"33dde75f5a4bb7786ba34593838939c1869a70a3",id:l?"validIcon":"invalidIcon",name:l?"check-circle-icon":"exclamation-circle-icon"}),h&&r("button",{key:"a0c2cca1f7797761200ea8328ddb7cf28754a8ca",class:"button",onClick:b},r("ls-icon",{key:"8f37b8cf717086edc31010a1486e3969af7f455a",id:"buttonIcon",name:h}))))}};de.style=oe();const se=()=>`:host{display:block}.ls-dv-switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.ls-dv-switch input{opacity:0;width:0;height:0}.ls-dv-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20, #edeff2);-webkit-transition:0.4s;transition:0.4s}.ls-dv-indeterminate{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-60, #4456f6);-webkit-transition:0.4s;transition:0.4s}.ls-dv-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:0.125rem;bottom:0.125rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}.ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.75rem;height:0.125rem;background-color:white}input:checked+.ls-dv-slider{background-color:var(--primary-60, #4456f6)}input:focus+.ls-dv-slider{box-shadow:0 0 1px var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-20, #c7ddff)}input:checked+.ls-dv-slider:before{-webkit-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);transform:translateX(1.25rem)}.ls-dv-slider.ls-dv-round,.ls-dv-indeterminate.ls-dv-round{border-radius:2.125rem}.ls-dv-slider.ls-dv-round:before{border-radius:50%}`;const le=class{constructor(i){e(this,i);this.valueChange=t(this,"valueChange",7)}checked;indeterminate;valueChange;changeHandler(e){this.valueChange.emit(e)}render(){return r(a,{key:"07d60cddaa24dbfbfa5e931d4e665e599a4cc3b5"},r("label",{key:"48dca47c79b3262f7d9c8bf2b0716d0f0b73acc6",class:"ls-dv-switch"},r("input",{key:"98f6f69407eb192e229b02e146a5921c7f3a26d6",type:"checkbox",checked:this.checked,onChange:e=>{this.changeHandler(e.target.checked);e.target.blur()}}),r("span",{key:"4e110d73699e18b7d76d237991228c88a47b6ce2",class:`${this.indeterminate?"ls-dv-indeterminate":"ls-dv-slider"} ls-dv-round`})),r("slot",{key:"c0866352a968012bc0c472a57f64666ab4830595"}))}};le.style=se();export{m as ls_assignee_select,y as ls_checkbox_input,I as ls_editor_field,z as ls_field_content,D as ls_field_dimensions,S as ls_field_footer,j as ls_field_placement,_ as ls_field_properties_advanced,M as ls_field_properties_container,A as ls_field_type_select,V as ls_formfield,N as ls_icon_button,K as ls_input_wrapper,B as ls_label,J as ls_number_input,U as ls_props_section,te as ls_radio_input,re as ls_select_input,ne as ls_text_input,de as ls_textarea_input,le as ls_toggle};
2	- //# sourceMappingURL=p-3918ae76.entry.js.map