legalesign-document-viewer 1.0.11 → 1.0.13

package/dist/components/{p-Bmm5vB3M.js → p-CyV8nu-T.js}

@@ -11,22 +11,22 @@ import { d as defineCustomElement$I } from './p-BNHlMdus.js';
 import { d as defineCustomElement$H } from './p-RceAr_AQ.js';
 import { d as defineCustomElement$G } from './p-CTMHCecN.js';
 import { d as defineCustomElement$F } from './p-C-vCe5Wm.js';
-import { d as defineCustomElement$E } from './p-CLsTvOMB.js';
+import { d as defineCustomElement$E } from './p-Dw48QFVg.js';
 import { d as defineCustomElement$D } from './p-gvdT4if6.js';
 import { d as defineCustomElement$C } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$B } from './p-ZKk3AJde.js';
-import { d as defineCustomElement$A } from './p-nEeIgVD4.js';
-import { d as defineCustomElement$z } from './p-0gpJEkuE.js';
-import { d as defineCustomElement$y } from './p-BrzfHYNI.js';
+import { d as defineCustomElement$B } from './p-pAh5qPFg.js';
+import { d as defineCustomElement$A } from './p-BTcdVmkv.js';
+import { d as defineCustomElement$z } from './p-D6grL59P.js';
+import { d as defineCustomElement$y } from './p-DAq2HFf_.js';
 import { d as defineCustomElement$x } from './p-CyHkY6Ep.js';
-import { d as defineCustomElement$w } from './p-m1DXrPv0.js';
-import { d as defineCustomElement$v } from './p-BD_LQa4f.js';
-import { d as defineCustomElement$u } from './p-BcIQeY5m.js';
-import { d as defineCustomElement$t } from './p-DKCAgr17.js';
-import { d as defineCustomElement$s } from './p-D2fyXA3F.js';
-import { d as defineCustomElement$r } from './p-sL-kvPiU.js';
-import { d as defineCustomElement$q } from './p-DjyJ7Vy7.js';
-import { d as defineCustomElement$p } from './p-BoxsygDA.js';
+import { d as defineCustomElement$w } from './p-DpA4TE1Q.js';
+import { d as defineCustomElement$v } from './p-BDD6zFgO.js';
+import { d as defineCustomElement$u } from './p-BmpejMo_.js';
+import { d as defineCustomElement$t } from './p-CHbV_3Pe.js';
+import { d as defineCustomElement$s } from './p-ByN7GurE.js';
+import { d as defineCustomElement$r } from './p-uST4uUr8.js';
+import { d as defineCustomElement$q } from './p-D4pQIA1Z.js';
+import { d as defineCustomElement$p } from './p-x8FQ2VuC.js';
 import { d as defineCustomElement$o } from './p-BzFRp7ij.js';
 import { d as defineCustomElement$n } from './p-eWb3jk9k.js';
 import { d as defineCustomElement$m } from './p-CzkJGTTH.js';
@@ -439,6 +439,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsLeftBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-Bmm5vB3M.js.map
+//# sourceMappingURL=p-CyV8nu-T.js.map
 
-//# sourceMappingURL=p-Bmm5vB3M.js.map
+//# sourceMappingURL=p-CyV8nu-T.js.map

package/dist/components/{p-Bmm5vB3M.js.map → p-CyV8nu-T.js.map}

@@ -1 +1 @@
-{"file":"p-Bmm5vB3M.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* 2. Remove default margin */\n* {\n  margin: 0;\n}\n\n/* 8. Avoid text overflows */\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\n/* 9. Improve line wrapping */\np {\n  text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  text-wrap: balance;\n}\n\n:host {\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n\n  * {\n    @include hide-scrollbars;\n  }\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n  width: 0px;\n}\n\n#my-field-panel {\n  position: relative;\n  height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n  position: relative;\n  border-radius: 1.75rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  width: 21.25rem;\n  margin: 1rem;\n  min-width: 21.25rem;\n  height: calc(100% - 2rem);\n  max-height: calc(100% - 2rem);\n  overflow: hidden;\n  z-index: 1000;\n  left: 0;\n  top: 0;\n}\n\n.ls-dv-left-box-inner {\n  position: relative;\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  padding: 0.75rem;\n  gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  border-radius: 1.25rem;\n  border: 1px solid $gray-30;\n  background: $gray-10;\n  padding: 0.75rem;\n  gap: 1rem;\n  overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: none;\n  border-radius: 0;\n  border: none;\n  background: white;\n  padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  overflow-y: auto;\n  /* width: calc(100% + 0.25rem); */\n  padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n  height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n  position: absolute;\n  top: 5.9375rem;\n  left: 0;\n  width: 100%;\n  height: 1rem;\n  background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n  position: absolute;\n  bottom: 1rem;\n  left: 0.75rem;\n  width: calc(100% - 1.5rem);\n  height: 1rem;\n  background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\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;\n  /* 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-fields-box {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n  position: relative;\n  height: 100%;\n}\n\n.ls-dv-properties-header {\n  display: flex;\n  padding: 1rem;\n  gap: 0.75rem;\n  align-items: center;\n  border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n  color: $gray-100;\n  width: 100%;\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 2rem;\n  /* 133.333% */\n}\n\n.ls-dv-properties-header-icon {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  background: $primary-10;\n  color: $primary-60;\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\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-locked-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: calc(100% - 5rem);\n  height: 100%;\n  background: rgba(255, 255, 255, 0.6);\n  border-radius: 1.25rem;\n  z-index: 1001;\n  pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.scss',\n  shadow: true,\n})\nexport class LsLeftBar {\n  @Element() el: HTMLElement;\n\n  @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n  @Prop() selected: HTMLLsEditorFieldElement[] = [];\n  @Prop() manager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\n  @Prop() signer: number;\n  @Prop() filtertoolbox: string = null;\n  @Prop() template: LSApiTemplate;\n  @Prop() recipients: any[];\n  @Prop() validationErrors: ValidationError[] = [];\n  @Prop() fieldTypeSelected: IToolboxField;\n  @Prop() displayTable: boolean = false;\n  @Prop() busy: boolean = false;\n  @Prop() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\n    if (newManager === 'document') {\n      const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n      if (dm) dm.template = this.template;\n    } else if (newManager === 'participant') {\n      const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n      if (pm) pm.template = this.template;\n    } else if (newManager === 'validation') {\n      const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n      if (vm) vm.validationErrors = this.validationErrors;\n    }\n  }\n\n  componentDidLoad() {\n    const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n    if (leftBox) {\n      leftBox.addEventListener('mousedown', e => e.stopPropagation());\n      leftBox.addEventListener('mouseup', e => e.stopPropagation());\n      leftBox.addEventListener('mousemove', e => e.stopPropagation());\n    }\n  }\n\n  @Watch('signer')\n  signerChanged() {\n    try {\n      const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n      if (recipientManager) {\n        const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n        if (recipientsBox) {\n          recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n      }\n    } catch (e) {\n      // fail silently\n    }\n  }\n\n  private showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private checkType(type: LSApiRoleType): boolean {\n    if (this.mode === 'compose' && this.recipients) {\n      return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    } else if (this.template) {\n      return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    }\n    return false;\n  }\n\n  private renderFieldProperties() {\n    if (this.displayTable || this.selected.length === 0) return null;\n    return (\n      <div class=\"ls-dv-field-properties-outer\">\n        <div class=\"ls-dv-properties-header\">\n          <div class=\"ls-dv-properties-header-icon\">\n            <ls-icon name=\"pre-filled-content-icon\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n          <button\n            class=\"ls-dv-tertiary-grey\"\n            onClick={e => {\n              this.clearSelected.emit();\n              e.preventDefault();\n            }}\n            style={{ borderRadius: '0.75rem' }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n          >\n            <ls-icon name=\"x-icon\" size={20} />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked || false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n      </div>\n    );\n  }\n\n  private renderToolbox() {\n    return (\n      <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n        <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n          <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n        </div>\n        <div class=\"ls-dv-fields-box\">\n          {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n            <ls-toolbox-field\n              elementType=\"signature\"\n              formElementType=\"signature\"\n              label={dvI18n.t('toolbox.signature')}\n              defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n              validation={0}\n              icon=\"signature-icon\"\n              tooltip={dvI18n.t('toolbox.signaturetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label={dvI18n.t('toolbox.autosign')}\n              defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n              validation={3000}\n              icon=\"auto-sign-icon\"\n              tooltip={dvI18n.t('toolbox.autosigntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label={dvI18n.t('toolbox.text')}\n              defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n              validation={0}\n              icon=\"text-icon\"\n              tooltip={dvI18n.t('toolbox.texttooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n            />\n          )}\n          {this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label={dvI18n.t('toolbox.signingdate')}\n              defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n              validation={32}\n              icon=\"auto-date-icon\"\n              tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label={dvI18n.t('toolbox.date')}\n              defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n              validation={4}\n              icon=\"calender-icon\"\n              tooltip={dvI18n.t('toolbox.datetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label={dvI18n.t('toolbox.email')}\n              defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n              validation={1}\n              icon=\"at-symbol-icon\"\n              tooltip={dvI18n.t('toolbox.emailtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n            />\n          )}\n          {this.showTool('initials') && this.signer > 0 && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label={dvI18n.t('toolbox.initials')}\n              defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n              validation={2000}\n              icon=\"initials-icon\"\n              tooltip={dvI18n.t('toolbox.initialstooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label={dvI18n.t('toolbox.number')}\n              defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n              validation={50}\n              icon=\"hashtag-icon\"\n              tooltip={dvI18n.t('toolbox.numbertooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label={dvI18n.t('toolbox.dropdown')}\n              defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n              validation={20}\n              icon=\"dropdown-icon\"\n              tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label={dvI18n.t('toolbox.checkbox')}\n              defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n              validation={25}\n              icon=\"check-icon\"\n              tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n            />\n          )}\n          {this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regular expression\"\n              label={dvI18n.t('toolbox.regex')}\n              defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n              validation={93}\n              icon=\"code-icon\"\n              tooltip={dvI18n.t('toolbox.regextooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n            />\n          )}\n\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label={dvI18n.t('toolbox.file')}\n              defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n              validation={74}\n              icon=\"upload-icon\"\n              tooltip={dvI18n.t('toolbox.filetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn field\"\n              label={dvI18n.t('toolbox.drawn')}\n              defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n              validation={90}\n              icon=\"pencil-icon\"\n              tooltip={dvI18n.t('toolbox.drawntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderEditor() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n          <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  private renderCompose() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n            <div class=\"ls-dv-scroll-gradient-top\" />\n            <div class=\"ls-dv-scroll-gradient-bottom\" />\n            <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n            <div class=\"ls-dv-recipients-box\">\n              {this.recipients &&\n                this.recipients.map(recipient => (\n                  <ls-recipient-card\n                    recipient={recipient}\n                    activeRecipient={this.signer}\n                    filtertoolbox={this.filtertoolbox}\n                    template={this.template}\n                    validationErrors={this.validationErrors}\n                    fieldTypeSelected={this.fieldTypeSelected}\n                    data-signer-index={recipient.signerIndex}\n                  />\n                ))}\n            </div>\n            <slot name=\"recipient-panel\"></slot>\n          </ls-recipient-manager>\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  render() {\n    return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n  }\n}\n"],"version":3}
+{"file":"p-CyV8nu-T.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* 2. Remove default margin */\n* {\n  margin: 0;\n}\n\n/* 8. Avoid text overflows */\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\n/* 9. Improve line wrapping */\np {\n  text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  text-wrap: balance;\n}\n\n:host {\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n\n  * {\n    @include hide-scrollbars;\n  }\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n  width: 0px;\n}\n\n#my-field-panel {\n  position: relative;\n  height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n  position: relative;\n  border-radius: 1.75rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  width: 21.25rem;\n  margin: 1rem;\n  min-width: 21.25rem;\n  height: calc(100% - 2rem);\n  max-height: calc(100% - 2rem);\n  overflow: hidden;\n  z-index: 1000;\n  left: 0;\n  top: 0;\n}\n\n.ls-dv-left-box-inner {\n  position: relative;\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  padding: 0.75rem;\n  gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  border-radius: 1.25rem;\n  border: 1px solid $gray-30;\n  background: $gray-10;\n  padding: 0.75rem;\n  gap: 1rem;\n  overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: none;\n  border-radius: 0;\n  border: none;\n  background: white;\n  padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  overflow-y: auto;\n  /* width: calc(100% + 0.25rem); */\n  padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n  height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n  position: absolute;\n  top: 5.9375rem;\n  left: 0;\n  width: 100%;\n  height: 1rem;\n  background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n  position: absolute;\n  bottom: 1rem;\n  left: 0.75rem;\n  width: calc(100% - 1.5rem);\n  height: 1rem;\n  background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\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;\n  /* 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-fields-box {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n  position: relative;\n  height: 100%;\n}\n\n.ls-dv-properties-header {\n  display: flex;\n  padding: 1rem;\n  gap: 0.75rem;\n  align-items: center;\n  border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n  color: $gray-100;\n  width: 100%;\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 2rem;\n  /* 133.333% */\n}\n\n.ls-dv-properties-header-icon {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  background: $primary-10;\n  color: $primary-60;\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\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-locked-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: calc(100% - 5rem);\n  height: 100%;\n  background: rgba(255, 255, 255, 0.6);\n  border-radius: 1.25rem;\n  z-index: 1001;\n  pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.scss',\n  shadow: true,\n})\nexport class LsLeftBar {\n  @Element() el: HTMLElement;\n\n  @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n  @Prop() selected: HTMLLsEditorFieldElement[] = [];\n  @Prop() manager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\n  @Prop() signer: number;\n  @Prop() filtertoolbox: string = null;\n  @Prop() template: LSApiTemplate;\n  @Prop() recipients: any[];\n  @Prop() validationErrors: ValidationError[] = [];\n  @Prop() fieldTypeSelected: IToolboxField;\n  @Prop() displayTable: boolean = false;\n  @Prop() busy: boolean = false;\n  @Prop() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\n    if (newManager === 'document') {\n      const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n      if (dm) dm.template = this.template;\n    } else if (newManager === 'participant') {\n      const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n      if (pm) pm.template = this.template;\n    } else if (newManager === 'validation') {\n      const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n      if (vm) vm.validationErrors = this.validationErrors;\n    }\n  }\n\n  componentDidLoad() {\n    const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n    if (leftBox) {\n      leftBox.addEventListener('mousedown', e => e.stopPropagation());\n      leftBox.addEventListener('mouseup', e => e.stopPropagation());\n      leftBox.addEventListener('mousemove', e => e.stopPropagation());\n    }\n  }\n\n  @Watch('signer')\n  signerChanged() {\n    try {\n      const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n      if (recipientManager) {\n        const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n        if (recipientsBox) {\n          recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n      }\n    } catch (e) {\n      // fail silently\n    }\n  }\n\n  private showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private checkType(type: LSApiRoleType): boolean {\n    if (this.mode === 'compose' && this.recipients) {\n      return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    } else if (this.template) {\n      return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    }\n    return false;\n  }\n\n  private renderFieldProperties() {\n    if (this.displayTable || this.selected.length === 0) return null;\n    return (\n      <div class=\"ls-dv-field-properties-outer\">\n        <div class=\"ls-dv-properties-header\">\n          <div class=\"ls-dv-properties-header-icon\">\n            <ls-icon name=\"pre-filled-content-icon\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n          <button\n            class=\"ls-dv-tertiary-grey\"\n            onClick={e => {\n              this.clearSelected.emit();\n              e.preventDefault();\n            }}\n            style={{ borderRadius: '0.75rem' }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n          >\n            <ls-icon name=\"x-icon\" size={20} />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked || false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n      </div>\n    );\n  }\n\n  private renderToolbox() {\n    return (\n      <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n        <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n          <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n        </div>\n        <div class=\"ls-dv-fields-box\">\n          {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n            <ls-toolbox-field\n              elementType=\"signature\"\n              formElementType=\"signature\"\n              label={dvI18n.t('toolbox.signature')}\n              defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n              validation={0}\n              icon=\"signature-icon\"\n              tooltip={dvI18n.t('toolbox.signaturetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label={dvI18n.t('toolbox.autosign')}\n              defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n              validation={3000}\n              icon=\"auto-sign-icon\"\n              tooltip={dvI18n.t('toolbox.autosigntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label={dvI18n.t('toolbox.text')}\n              defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n              validation={0}\n              icon=\"text-icon\"\n              tooltip={dvI18n.t('toolbox.texttooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n            />\n          )}\n          {this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label={dvI18n.t('toolbox.signingdate')}\n              defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n              validation={32}\n              icon=\"auto-date-icon\"\n              tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label={dvI18n.t('toolbox.date')}\n              defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n              validation={4}\n              icon=\"calender-icon\"\n              tooltip={dvI18n.t('toolbox.datetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label={dvI18n.t('toolbox.email')}\n              defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n              validation={1}\n              icon=\"at-symbol-icon\"\n              tooltip={dvI18n.t('toolbox.emailtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n            />\n          )}\n          {this.showTool('initials') && this.signer > 0 && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label={dvI18n.t('toolbox.initials')}\n              defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n              validation={2000}\n              icon=\"initials-icon\"\n              tooltip={dvI18n.t('toolbox.initialstooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label={dvI18n.t('toolbox.number')}\n              defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n              validation={50}\n              icon=\"hashtag-icon\"\n              tooltip={dvI18n.t('toolbox.numbertooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label={dvI18n.t('toolbox.dropdown')}\n              defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n              validation={20}\n              icon=\"dropdown-icon\"\n              tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label={dvI18n.t('toolbox.checkbox')}\n              defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n              validation={25}\n              icon=\"check-icon\"\n              tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n            />\n          )}\n          {this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regular expression\"\n              label={dvI18n.t('toolbox.regex')}\n              defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n              validation={93}\n              icon=\"code-icon\"\n              tooltip={dvI18n.t('toolbox.regextooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n            />\n          )}\n\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label={dvI18n.t('toolbox.file')}\n              defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n              validation={74}\n              icon=\"upload-icon\"\n              tooltip={dvI18n.t('toolbox.filetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn field\"\n              label={dvI18n.t('toolbox.drawn')}\n              defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n              validation={90}\n              icon=\"pencil-icon\"\n              tooltip={dvI18n.t('toolbox.drawntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderEditor() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n          <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  private renderCompose() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n            <div class=\"ls-dv-scroll-gradient-top\" />\n            <div class=\"ls-dv-scroll-gradient-bottom\" />\n            <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n            <div class=\"ls-dv-recipients-box\">\n              {this.recipients &&\n                this.recipients.map(recipient => (\n                  <ls-recipient-card\n                    recipient={recipient}\n                    activeRecipient={this.signer}\n                    filtertoolbox={this.filtertoolbox}\n                    template={this.template}\n                    validationErrors={this.validationErrors}\n                    fieldTypeSelected={this.fieldTypeSelected}\n                    data-signer-index={recipient.signerIndex}\n                  />\n                ))}\n            </div>\n            <slot name=\"recipient-panel\"></slot>\n          </ls-recipient-manager>\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  render() {\n    return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n  }\n}\n"],"version":3}

package/dist/components/{p-DjyJ7Vy7.js → p-D4pQIA1Z.js}

@@ -6,7 +6,7 @@ import { d as defineCustomElement$k } from './p-CTMHCecN.js';
 import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$i } from './p-gvdT4if6.js';
 import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$g } from './p-nEeIgVD4.js';
+import { d as defineCustomElement$g } from './p-BTcdVmkv.js';
 import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
 import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
@@ -180,6 +180,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesSignature as L, defineCustomElement as d };
-//# sourceMappingURL=p-DjyJ7Vy7.js.map
+//# sourceMappingURL=p-D4pQIA1Z.js.map
 
-//# sourceMappingURL=p-DjyJ7Vy7.js.map
+//# sourceMappingURL=p-D4pQIA1Z.js.map

package/dist/components/{p-DjyJ7Vy7.js.map → p-D4pQIA1Z.js.map}

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

package/dist/components/{p-0gpJEkuE.js → p-D6grL59P.js}

@@ -1,9 +1,10 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$6 } from './p-C-vCe5Wm.js';
-import { d as defineCustomElement$5 } from './p-gvdT4if6.js';
-import { d as defineCustomElement$4 } from './p-nEeIgVD4.js';
-import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$2 } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$7 } from './p-C-vCe5Wm.js';
+import { d as defineCustomElement$6 } from './p-gvdT4if6.js';
+import { d as defineCustomElement$5 } from './p-BTcdVmkv.js';
+import { d as defineCustomElement$4 } from './p-BHeJScTh.js';
+import { d as defineCustomElement$3 } from './p-DmrshWtQ.js';
+import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
 const lsFieldPropertiesAutosignCss = () => `:host{display:block}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -30,7 +31,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["ls-field-properties-autosign", "ls-field-dimensions", "ls-field-footer", "ls-field-properties-advanced", "ls-icon", "ls-props-section", "ls-tooltip"];
+    const components = ["ls-field-properties-autosign", "ls-field-dimensions", "ls-field-footer", "ls-field-properties-advanced", "ls-icon", "ls-props-section", "ls-toggle", "ls-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "ls-field-properties-autosign":
             if (!customElements.get(transformTag(tagName))) {
@@ -39,25 +40,30 @@ function defineCustomElement() {
             break;
         case "ls-field-dimensions":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "ls-field-footer":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "ls-field-properties-advanced":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "ls-icon":
             if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "ls-props-section":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-toggle":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
@@ -72,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesAutosign as L, defineCustomElement as d };
-//# sourceMappingURL=p-0gpJEkuE.js.map
+//# sourceMappingURL=p-D6grL59P.js.map
 
-//# sourceMappingURL=p-0gpJEkuE.js.map
+//# sourceMappingURL=p-D6grL59P.js.map

package/dist/components/p-D6grL59P.js.map

@@ -0,0 +1 @@
+{"file":"p-D6grL59P.js","mappings":";;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;IAEhC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACzE,CAA8B,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEjF,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n  display: block;\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\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-autosign',\n  styleUrl: 'ls-field-properties-autosign.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n  @Prop() dataItem: LSApiElement;\n  @Prop() readonly: boolean = false;\n \n   render() {\n     return (\n       <Host>\n         <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n         <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n         <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n         <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n\n          <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}

package/dist/components/{p-BrzfHYNI.js → p-DAq2HFf_.js}

@@ -6,7 +6,7 @@ import { d as defineCustomElement$k } from './p-CTMHCecN.js';
 import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$i } from './p-gvdT4if6.js';
 import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$g } from './p-nEeIgVD4.js';
+import { d as defineCustomElement$g } from './p-BTcdVmkv.js';
 import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
 import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
@@ -185,6 +185,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesCheckbox as L, defineCustomElement as d };
-//# sourceMappingURL=p-BrzfHYNI.js.map
+//# sourceMappingURL=p-DAq2HFf_.js.map
 
-//# sourceMappingURL=p-BrzfHYNI.js.map
+//# sourceMappingURL=p-DAq2HFf_.js.map

package/dist/components/{p-BrzfHYNI.js.map → p-DAq2HFf_.js.map}

@@ -1 +1 @@
-{"file":"p-BrzfHYNI.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n  display: flex;\n  gap: 0.5rem;\n  background: $gray-10;\n  padding: 0.25rem;\n  border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n  flex: 1;\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.875rem;\n  color: $gray-80;\n  text-transform: capitalize;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  transition: background 0.15s, box-shadow 0.15s;\n\n  &:focus-visible {\n    outline: 2px solid $gray-40;\n    outline-offset: 2px;\n  }\n\n  &.ls-dv-active {\n    background: white;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-field-properties-checkbox',\n  styleUrl: 'ls-field-properties-checkbox.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n  @Prop({ mutable: true }) dataItem: LSApiElement;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  @Listen('mutate')\n  handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n    const update = event.detail?.[0];\n    if (update?.action === 'update' && update.data) {\n      this.dataItem = update.data as LSApiElement;\n    }\n  }\n\n  @Element() el: HTMLElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={true} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DAq2HFf_.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n  display: flex;\n  gap: 0.5rem;\n  background: $gray-10;\n  padding: 0.25rem;\n  border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n  flex: 1;\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.875rem;\n  color: $gray-80;\n  text-transform: capitalize;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  transition: background 0.15s, box-shadow 0.15s;\n\n  &:focus-visible {\n    outline: 2px solid $gray-40;\n    outline-offset: 2px;\n  }\n\n  &.ls-dv-active {\n    background: white;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-field-properties-checkbox',\n  styleUrl: 'ls-field-properties-checkbox.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n  @Prop({ mutable: true }) dataItem: LSApiElement;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  @Listen('mutate')\n  handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n    const update = event.detail?.[0];\n    if (update?.action === 'update' && update.data) {\n      this.dataItem = update.data as LSApiElement;\n    }\n  }\n\n  @Element() el: HTMLElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={true} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-m1DXrPv0.js → p-DpA4TE1Q.js}

@@ -6,7 +6,7 @@ import { d as defineCustomElement$k } from './p-CTMHCecN.js';
 import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
 import { d as defineCustomElement$i } from './p-gvdT4if6.js';
 import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
-import { d as defineCustomElement$g } from './p-nEeIgVD4.js';
+import { d as defineCustomElement$g } from './p-BTcdVmkv.js';
 import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
 import { d as defineCustomElement$e } from './p-eWb3jk9k.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
@@ -178,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesDate as L, defineCustomElement as d };
-//# sourceMappingURL=p-m1DXrPv0.js.map
+//# sourceMappingURL=p-DpA4TE1Q.js.map
 
-//# sourceMappingURL=p-m1DXrPv0.js.map
+//# sourceMappingURL=p-DpA4TE1Q.js.map

package/dist/components/{p-m1DXrPv0.js.map → p-DpA4TE1Q.js.map}

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

package/dist/components/{p-CLsTvOMB.js → p-Dw48QFVg.js}

@@ -1184,7 +1184,7 @@ function mouseDoubleClick(event) {
                 formElementType: data.formElementType,
                 elementType: data.elementType,
                 validation: data.validation,
-                substantive: false,
+                excludeFromPdf: false,
                 top,
                 left,
                 hideBorder: false,
@@ -1420,6 +1420,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldDistribute as L, cutSelected as a, mouseDown as b, copySelected as c, defineCustomElement as d, mouseMove as e, mouseUp as f, mouseDoubleClick as g, mouseClick as m, pasteClipboard as p, toolboxDragStart as t, updateSelectionBox as u };
-//# sourceMappingURL=p-CLsTvOMB.js.map
+//# sourceMappingURL=p-Dw48QFVg.js.map
 
-//# sourceMappingURL=p-CLsTvOMB.js.map
+//# sourceMappingURL=p-Dw48QFVg.js.map