legalesign-document-viewer 0.9.19 → 0.9.21

package/dist/components/{p-DJuOG7Hc.js.map → p-BgjZLcgZ.js.map}

@@ -1 +1 @@
-{"file":"p-DJuOG7Hc.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-card/ls-participant-card.scss?tag=ls-participant-card&encapsulation=shadow","src/components/ls-participant-card/ls-participant-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-participant-card {\n  display: flex;\n  padding: 0.625rem;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.5rem;\n  align-self: stretch;\n  cursor: pointer;\n}\n\n.ls-dv-participant-card-active, .ls-dv-participant-card:hover {\n  outline: 2px solid var(--active-outline-colour);\n  outline-offset: -2px;\n}\n\n.ls-dv-top-card {\n  border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n  border-radius: 1rem;\n}\n\n.ls-dv-bottom-card {\n  border-radius: 0 0 1rem 1rem;\n}\n\n.ls-dv-participant-card-inner {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n}\n\n.ls-dv-form-button-set {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-role-label.ls-dv-fields {\n  border-radius: 1rem;\n  margin-top: 0.5rem;\n}\n\n.ls-dv-inner-button {\n  margin: 0px;\n  padding: 0px;\n  max-height: 1.25rem !important;\n  max-width: 1.25rem !important;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  color: var(--default-button-colour);\n}\n\n.ls-dv-inner-button:hover {\n  color: var(--hover-button-colour);\n}\n\n.ls-dv-inner-button-disabled {\n  pointer-events: none;\n  opacity: 0.4;\n}\n\n.ls-dv-participant-card-top-items {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ls-dv-button-set {\n  display: flex;\n  gap: 0.125rem;\n}\n\n.ls-dv-participant-text-description {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-participant-text-type {\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-title-button {\n  width: 100%;\n  text-align: left;\n  background-color: transparent;\n  border: none;\n}\n\n/* Global Styles */\n\n.ls-dv-full-width {\n  width: 100%;\n}\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\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:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\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\nbutton.ls-dv-tertiary {\n  border: 1px solid $primary-60;\n  background: transparent;\n  color: $primary-70;\n}\n\nbutton.ls-dv-tertiary:hover {\n  border: 1px solid $primary-70;\n  border: 1px solid $primary-80;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background: transparent;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n  background-color: $red-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\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, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-participant-card',\n  styleUrl: 'ls-participant-card.scss',\n  shadow: true,\n})\nexport class LsParticipantCard {\n  @Element() component: HTMLElement;\n  @Prop() signer: LSApiRole;\n  @Prop() index: number;\n  @Prop({ mutable: true }) editable: boolean = false;\n  @Prop() template: LSApiTemplate;\n  @Prop() active: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  opened: EventEmitter<LSApiRole>;\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  roleChange: EventEmitter<number>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.signer = { ...this.signer, ...diff };\n    this.debounce(this.signer, 500);\n  }\n\n  private labeltimer;\n\n  debounce(data, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  deleteHandler(role: LSApiRole) {\n    this.mutate.emit([{ action: 'delete', data: role }]);\n  }\n\n  swapHandler(role1, role2) {\n    this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n  }\n\n  @Watch('editable')\n  modeHandler(_editable) {\n    // When opened fire an event to let the parent handle closing other controls\n    if (_editable) {\n      this.opened.emit(this.signer);\n    }\n  }\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string | null; signerIndex?: number }>;\n\n  @Prop() busy: boolean = false;\n\n  @State() swapUpBtn: HTMLElement;\n  @State() swapDownBtn: HTMLElement;\n  @State() editBtn: HTMLElement;\n  @State() deleteParticipantBtn: HTMLElement;\n  @State() addingWitness: boolean = false;\n\n  @Watch('template')\n  templateChanged() {\n    this.addingWitness = false;\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) || [];\n    const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n    // Find previous and next non-witness roles for swapping\n    const getPreviousNonWitness = () => {\n      for (let i = this.index - 1; i >= 0; i--) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const getNextNonWitness = () => {\n      for (let i = this.index + 1; i < this.template.roles.length; i++) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const previousRole = getPreviousNonWitness();\n    const nextRole = getNextNonWitness();\n\n    const formatRoleName = (signer: LSApiRole) => {\n      if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n      return dvI18n.t('participants.participant', { index: signer.signerIndex });\n    };\n\n    return (\n      <Host>\n        <div\n          class={\n            'ls-dv-participant-card' +\n            (this.active ? ' ls-dv-participant-card-active' : '') +\n            (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n          }\n          style={{\n            'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n            'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n            'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n            '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n          }}\n          onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n          onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n          onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n          onDblClick={() => {\n            this.editable = true;\n          }}\n        >\n          <div class={'ls-dv-participant-card-inner'}>\n            <div class={'ls-dv-participant-card-top-items'}>\n              <div\n                class={'ls-dv-role-label'}\n                style={{\n                  background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                  color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                }}\n              >\n                <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n                {this.signer?.ordinal || ''}\n              </div>\n              <div class={'ls-dv-button-set ls-dv-hidden'}>\n                {previousRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, previousRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.moveup')}\n                  >\n                    <ls-icon name=\"arrow-up-icon\" size={18} />\n                  </div>\n                )}\n                {nextRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, nextRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.movedown')}\n                  >\n                    <ls-icon name=\"arrow-down-icon\" size={18} />\n                  </div>\n                )}\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.editable = !this.editable;\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                >\n                  <ls-icon\n                    name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n                    size={18}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n                  />\n                </div>\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.deleteHandler(this.signer);\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                  data-tooltip-id=\"ls-dv-tooltip\"\n                  data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n                  data-tooltip-place=\"top-end\"\n                >\n                  <ls-icon name=\"trash-icon\" size={18} />\n                </div>\n              </div>\n            </div>\n            {this.editable ? (\n              <div class={'ls-dv-participant-card-inner'}>\n                {this.signer?.roleType !== 'WITNESS' ? (\n                  <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n                    <select\n                      name=\"roleType\"\n                      id=\"role-type\"\n                      class={'ls-dv-has-leading-icon'}\n                      onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n                      disabled={child ? true : false}\n                    >\n                      <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n                        {dvI18n.t('participants.approver')}\n                      </option>\n                      <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n                        {dvI18n.t('participants.signer')}\n                      </option>\n                    </select>\n                  </ls-input-wrapper>\n                ) : (\n                  <ls-input-wrapper leadingIcon=\"eye-icon\">\n                    <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" />\n                  </ls-input-wrapper>\n                )}\n                <input\n                  type=\"text\"\n                  id=\"participant-description\"\n                  name=\"participantDescription\"\n                  placeholder={dvI18n.t('participants.placeholder')}\n                  defaultValue={this.signer.name}\n                  onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n                  onKeyUp={e => {\n                    if (e.key === 'Enter' || e.keyCode === 13) this.editable = false;\n                  }}\n                />\n                {this.signer?.roleType === 'SIGNER' && !child ? (\n                  <ls-button\n                    variant=\"tertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.addwitness')}\n                    leadingIcon=\"plus-icon\"\n                    loading={this.busy || this.addingWitness}\n                    disabled={this.busy || this.addingWitness}\n                    onClick={() => {\n                      if (this.busy || this.addingWitness) return;\n                      this.addingWitness = true;\n                      this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n                    }}\n                  />\n                ) : this.signer?.roleType === 'SIGNER' && child ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(child);\n                    }}\n                  />\n                ) : this.signer?.roleType === 'WITNESS' ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(this.signer);\n                    }}\n                  />\n                ) : null}\n              </div>\n            ) : (\n              <div class={'ls-dv-participant-card-text'}>\n                <p\n                  class=\"ls-dv-participant-text-description\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n                  }}\n                >\n                  {this.signer.name || formatRoleName(this.signer)}\n                </p>\n                <p\n                  class=\"ls-dv-participant-text-type\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n                    textTransform: 'capitalize',\n                  }}\n                >\n                  {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n                </p>\n                {this.signer?.roleType !== 'APPROVER' && (\n                  <div\n                    class={'ls-dv-role-label ls-dv-fields'}\n                    style={{\n                      background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                      color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                    }}\n                  >\n                    {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n                    {participantFields.length === 0\n                      ? dvI18n.t('participants.signaturerequired')\n                      : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BgjZLcgZ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-card/ls-participant-card.scss?tag=ls-participant-card&encapsulation=shadow","src/components/ls-participant-card/ls-participant-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-participant-card {\n  display: flex;\n  padding: 0.625rem;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.5rem;\n  align-self: stretch;\n  cursor: pointer;\n}\n\n.ls-dv-participant-card-active, .ls-dv-participant-card:hover {\n  outline: 2px solid var(--active-outline-colour);\n  outline-offset: -2px;\n}\n\n.ls-dv-top-card {\n  border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n  border-radius: 1rem;\n}\n\n.ls-dv-bottom-card {\n  border-radius: 0 0 1rem 1rem;\n}\n\n.ls-dv-participant-card-inner {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n}\n\n.ls-dv-form-button-set {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-role-label.ls-dv-fields {\n  border-radius: 1rem;\n  margin-top: 0.5rem;\n}\n\n.ls-dv-inner-button {\n  margin: 0px;\n  padding: 0px;\n  max-height: 1.25rem !important;\n  max-width: 1.25rem !important;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  color: var(--default-button-colour);\n}\n\n.ls-dv-inner-button:hover {\n  color: var(--hover-button-colour);\n}\n\n.ls-dv-inner-button-disabled {\n  pointer-events: none;\n  opacity: 0.4;\n}\n\n.ls-dv-participant-card-top-items {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ls-dv-button-set {\n  display: flex;\n  gap: 0.125rem;\n}\n\n.ls-dv-participant-text-description {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-participant-text-type {\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-title-button {\n  width: 100%;\n  text-align: left;\n  background-color: transparent;\n  border: none;\n}\n\n/* Global Styles */\n\n.ls-dv-full-width {\n  width: 100%;\n}\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\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:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\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\nbutton.ls-dv-tertiary {\n  border: 1px solid $primary-60;\n  background: transparent;\n  color: $primary-70;\n}\n\nbutton.ls-dv-tertiary:hover {\n  border: 1px solid $primary-70;\n  border: 1px solid $primary-80;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background: transparent;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n  background-color: $red-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\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, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-participant-card',\n  styleUrl: 'ls-participant-card.scss',\n  shadow: true,\n})\nexport class LsParticipantCard {\n  @Element() component: HTMLElement;\n  @Prop() signer: LSApiRole;\n  @Prop() index: number;\n  @Prop({ mutable: true }) editable: boolean = false;\n  @Prop() template: LSApiTemplate;\n  @Prop() active: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  opened: EventEmitter<LSApiRole>;\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  roleChange: EventEmitter<number>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.signer = { ...this.signer, ...diff };\n    this.debounce(this.signer, 500);\n  }\n\n  private labeltimer;\n\n  debounce(data, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  deleteHandler(role: LSApiRole) {\n    this.mutate.emit([{ action: 'delete', data: role }]);\n  }\n\n  swapHandler(role1, role2) {\n    this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n  }\n\n  @Watch('editable')\n  modeHandler(_editable) {\n    // When opened fire an event to let the parent handle closing other controls\n    if (_editable) {\n      this.opened.emit(this.signer);\n    }\n  }\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string | null; signerIndex?: number }>;\n\n  @Prop() busy: boolean = false;\n\n  @State() swapUpBtn: HTMLElement;\n  @State() swapDownBtn: HTMLElement;\n  @State() editBtn: HTMLElement;\n  @State() deleteParticipantBtn: HTMLElement;\n  @State() addingWitness: boolean = false;\n\n  @Watch('template')\n  templateChanged() {\n    this.addingWitness = false;\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) || [];\n    const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n    // Find previous and next non-witness roles for swapping\n    const getPreviousNonWitness = () => {\n      for (let i = this.index - 1; i >= 0; i--) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const getNextNonWitness = () => {\n      for (let i = this.index + 1; i < this.template.roles.length; i++) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const previousRole = getPreviousNonWitness();\n    const nextRole = getNextNonWitness();\n\n    const formatRoleName = (signer: LSApiRole) => {\n      if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n      return dvI18n.t('participants.participant', { index: signer.signerIndex });\n    };\n\n    return (\n      <Host>\n        <div\n          class={\n            'ls-dv-participant-card' +\n            (this.active ? ' ls-dv-participant-card-active' : '') +\n            (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n          }\n          style={{\n            'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n            'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n            'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n            '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n          }}\n          onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n          onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n          onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n          onDblClick={() => {\n            this.editable = true;\n          }}\n        >\n          <div class={'ls-dv-participant-card-inner'}>\n            <div class={'ls-dv-participant-card-top-items'}>\n              <div\n                class={'ls-dv-role-label'}\n                style={{\n                  background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                  color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                }}\n              >\n                <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n                {this.signer?.ordinal || ''}\n              </div>\n              <div class={'ls-dv-button-set ls-dv-hidden'}>\n                {previousRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, previousRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.moveup')}\n                  >\n                    <ls-icon name=\"arrow-up-icon\" size={18} />\n                  </div>\n                )}\n                {nextRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, nextRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.movedown')}\n                  >\n                    <ls-icon name=\"arrow-down-icon\" size={18} />\n                  </div>\n                )}\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.editable = !this.editable;\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                >\n                  <ls-icon\n                    name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n                    size={18}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n                  />\n                </div>\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.deleteHandler(this.signer);\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                  data-tooltip-id=\"ls-dv-tooltip\"\n                  data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n                  data-tooltip-place=\"top-end\"\n                >\n                  <ls-icon name=\"trash-icon\" size={18} />\n                </div>\n              </div>\n            </div>\n            {this.editable ? (\n              <div class={'ls-dv-participant-card-inner'}>\n                {this.signer?.roleType !== 'WITNESS' ? (\n                  <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n                    <select\n                      name=\"roleType\"\n                      id=\"role-type\"\n                      class={'ls-dv-has-leading-icon'}\n                      onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n                      disabled={child ? true : false}\n                    >\n                      <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n                        {dvI18n.t('participants.approver')}\n                      </option>\n                      <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n                        {dvI18n.t('participants.signer')}\n                      </option>\n                    </select>\n                  </ls-input-wrapper>\n                ) : (\n                  <ls-input-wrapper leadingIcon=\"eye-icon\">\n                    <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" />\n                  </ls-input-wrapper>\n                )}\n                <input\n                  type=\"text\"\n                  id=\"participant-description\"\n                  name=\"participantDescription\"\n                  placeholder={dvI18n.t('participants.placeholder')}\n                  defaultValue={this.signer.name}\n                  onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n                  onKeyUp={e => {\n                    if (e.key === 'Enter' || e.keyCode === 13) this.editable = false;\n                  }}\n                />\n                {this.signer?.roleType === 'SIGNER' && !child ? (\n                  <ls-button\n                    variant=\"tertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.addwitness')}\n                    leadingIcon=\"plus-icon\"\n                    loading={this.busy || this.addingWitness}\n                    disabled={this.busy || this.addingWitness}\n                    onClick={() => {\n                      if (this.busy || this.addingWitness) return;\n                      this.addingWitness = true;\n                      this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n                    }}\n                  />\n                ) : this.signer?.roleType === 'SIGNER' && child ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(child);\n                    }}\n                  />\n                ) : this.signer?.roleType === 'WITNESS' ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(this.signer);\n                    }}\n                  />\n                ) : null}\n              </div>\n            ) : (\n              <div class={'ls-dv-participant-card-text'}>\n                <p\n                  class=\"ls-dv-participant-text-description\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n                  }}\n                >\n                  {this.signer.name || formatRoleName(this.signer)}\n                </p>\n                <p\n                  class=\"ls-dv-participant-text-type\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n                    textTransform: 'capitalize',\n                  }}\n                >\n                  {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n                </p>\n                {this.signer?.roleType !== 'APPROVER' && (\n                  <div\n                    class={'ls-dv-role-label ls-dv-fields'}\n                    style={{\n                      background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                      color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                    }}\n                  >\n                    {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n                    {participantFields.length === 0\n                      ? dvI18n.t('participants.signaturerequired')\n                      : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CIsbdZPp.js → p-BilTZGhO.js}

@@ -1,6 +1,6 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-C6EaahbW.js';
+import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
 
 const lsBadgeCss = () => `.badge-span{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;min-width:1.375rem}.text-container-sm{padding:0.0625rem 0.125rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;}.text-container-md{padding:0rem 0.21875rem}.size-lg{padding:0.375rem 0.5rem;font-size:1rem;}.text-container-lg{padding:0rem 0.375rem}.rounded-full{border-radius:2rem}.rounded-soft{border-radius:0.25rem}`;
 
@@ -74,6 +74,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsBadge as L, defineCustomElement as d };
-//# sourceMappingURL=p-CIsbdZPp.js.map
+//# sourceMappingURL=p-BilTZGhO.js.map
 
-//# sourceMappingURL=p-CIsbdZPp.js.map
+//# sourceMappingURL=p-BilTZGhO.js.map

package/dist/components/{p-CIsbdZPp.js.map → p-BilTZGhO.js.map}

@@ -1 +1 @@
-{"file":"p-CIsbdZPp.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,ilBAAilB,CAAC;;MCE/lB,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAChB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AACI,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACxB;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,GAAG,GAAG,IAAI;AAC1G,QAAA,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,IAAI,KAAI;AACxC,YAAA,MAAM,UAAU,GAAG,IAAI,KAAK;AACxB,kBAAE;kBACA,IAAI,KAAK;AACP,sBAAE;sBACA,IAAI,KAAK;AACP,0BAAE;0BACA,IAAI;AAClB,YAAA,OAAO,CAAS,MAAA,EAAA,MAAM,CAAI,CAAA,EAAA,UAAU,GAAG;AAC3C,SAAC;AACD,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,IAAI,KAAI;AAClC,YAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,gBAAA,OAAO,cAAc;;AAEzB,YAAA,MAAM,SAAS,GAAG,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AAC/C,YAAA,OAAO,CAAS,MAAA,EAAA,MAAM,CAAI,CAAA,EAAA,SAAS,GAAG;AAC1C,SAAC;AACD,QAAA,MAAM,SAAS,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;AACpE,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,eAAe,EAAE,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC;AACvI,QAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,OAAO,IAAI,CAAA,QAAA,EAAW,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,WAAW,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,EAAE,YAAY,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-badge/ls-badge.css?tag=ls-badge&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-badge/ls-badge.js"],"sourcesContent":[".badge-span {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1rem;\n  font-weight: var(--font-medium);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Size classes */\n.size-sm {\n  padding: 0.125rem 0.25rem;\n  /* px-1 py-0.5 */\n  font-size: 0.75rem;\n  /* text-xs */\n  min-width: 1.375rem;\n}\n.text-container-sm {\n  padding: 0.0625rem 0.125rem;\n}\n\n.size-md {\n  padding: 0.25rem 0.375rem;\n  /* px-1 py-1 */\n  font-size: 0.875rem;\n  /* text-sm */\n}\n.text-container-md {\n  padding: 0rem 0.21875rem;\n}\n\n.size-lg {\n  padding: 0.375rem 0.5rem;\n  /* px-1.5 py-1 */\n  font-size: 1rem;\n  /* text-sm */\n}\n\n.text-container-lg {\n  padding: 0rem 0.375rem;\n}\n\n.rounded-full {\n  border-radius: 2rem;\n}\n\n.rounded-soft {\n  border-radius: 0.25rem;\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsBadge {\n    constructor() {\n        this.colour = 'primary';\n        this.type = 'default';\n        this.size = 'sm';\n        this.rounded = 'full';\n        this.iconSolid = true;\n    }\n    render() {\n        const { text, colour, type, size, rounded, leadingIcon, trailingIcon, iconSolid, customStyle, el, } = this;\n        const getBackgroundColor = (colour, type) => {\n            const colorLevel = type === 'default'\n                ? '60'\n                : type === 'high'\n                    ? '40'\n                    : type === 'medium'\n                        ? '30'\n                        : '20';\n            return `var(--${colour}-${colorLevel})`;\n        };\n        const getTextColor = (colour, type) => {\n            if (type === 'default') {\n                return 'var(--white)';\n            }\n            const textLevel = type === 'low' ? '90' : '100';\n            return `var(--${colour}-${textLevel})`;\n        };\n        const textClass = `text-container-${size.charAt(0) + size.slice(1)}`;\n        const badgeStyle = Object.assign({ backgroundColor: getBackgroundColor(colour, type), color: getTextColor(colour, type) }, customStyle);\n        return (h(\"div\", Object.assign({ class: clsx('badge-span', size === 'sm' && 'size-sm', size === 'md' && 'size-md', size === 'lg' && 'size-lg', rounded && `rounded-${rounded.charAt(0) + rounded.slice(1)}`), style: badgeStyle }, el.attributes), leadingIcon && (h(\"ls-icon\", { name: leadingIcon, solid: iconSolid, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16 })), text && h(\"span\", { class: textClass }, text), trailingIcon && (h(\"ls-icon\", { name: trailingIcon, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16, solid: iconSolid }))));\n    }\n    static get is() { return \"ls-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-badge.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-badge.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\"\n            },\n            \"colour\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Colour\",\n                    \"resolved\": \"\\\"aubergine\\\" | \\\"blue\\\" | \\\"burnt\\\" | \\\"cyan\\\" | \\\"gray\\\" | \\\"green\\\" | \\\"indigo\\\" | \\\"lightblue\\\" | \\\"lime\\\" | \\\"none\\\" | \\\"pink\\\" | \\\"primary\\\" | \\\"purple\\\" | \\\"red\\\" | \\\"teal\\\" | \\\"trueGreen\\\" | \\\"yellow\\\"\",\n                    \"references\": {\n                        \"Colour\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Colour\",\n                            \"id\": \"src/types/Colour.ts::Colour\",\n                            \"referenceLocation\": \"Colour\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"colour\",\n                \"defaultValue\": \"'primary'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BadgeType\",\n                    \"resolved\": \"\\\"default\\\" | \\\"high\\\" | \\\"low\\\" | \\\"medium\\\"\",\n                    \"references\": {\n                        \"BadgeType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Badge\",\n                            \"id\": \"src/types/Badge.ts::BadgeType\",\n                            \"referenceLocation\": \"BadgeType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'default'\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"lg\\\" | \\\"md\\\" | \\\"sm\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Size\",\n                            \"id\": \"src/types/Size.ts::Size\",\n                            \"referenceLocation\": \"Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"size\",\n                \"defaultValue\": \"'sm'\"\n            },\n            \"rounded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Rounded\",\n                    \"resolved\": \"\\\"full\\\" | \\\"none\\\" | \\\"soft\\\"\",\n                    \"references\": {\n                        \"Rounded\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Rounded\",\n                            \"id\": \"src/types/Rounded.ts::Rounded\",\n                            \"referenceLocation\": \"Rounded\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"rounded\",\n                \"defaultValue\": \"'full'\"\n            },\n            \"leadingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"leading-icon\"\n            },\n            \"trailingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"trailing-icon\"\n            },\n            \"iconSolid\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"icon-solid\",\n                \"defaultValue\": \"true\"\n            },\n            \"customStyle\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"{ [key: string]: string }\",\n                    \"resolved\": \"{ [key: string]: string; }\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"version":3}
+{"file":"p-BilTZGhO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-badge/ls-badge.css?tag=ls-badge&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-badge/ls-badge.js"],"sourcesContent":[".badge-span {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1rem;\n  font-weight: var(--font-medium);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Size classes */\n.size-sm {\n  padding: 0.125rem 0.25rem;\n  /* px-1 py-0.5 */\n  font-size: 0.75rem;\n  /* text-xs */\n  min-width: 1.375rem;\n}\n.text-container-sm {\n  padding: 0.0625rem 0.125rem;\n}\n\n.size-md {\n  padding: 0.25rem 0.375rem;\n  /* px-1 py-1 */\n  font-size: 0.875rem;\n  /* text-sm */\n}\n.text-container-md {\n  padding: 0rem 0.21875rem;\n}\n\n.size-lg {\n  padding: 0.375rem 0.5rem;\n  /* px-1.5 py-1 */\n  font-size: 1rem;\n  /* text-sm */\n}\n\n.text-container-lg {\n  padding: 0rem 0.375rem;\n}\n\n.rounded-full {\n  border-radius: 2rem;\n}\n\n.rounded-soft {\n  border-radius: 0.25rem;\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsBadge {\n    constructor() {\n        this.colour = 'primary';\n        this.type = 'default';\n        this.size = 'sm';\n        this.rounded = 'full';\n        this.iconSolid = true;\n    }\n    render() {\n        const { text, colour, type, size, rounded, leadingIcon, trailingIcon, iconSolid, customStyle, el, } = this;\n        const getBackgroundColor = (colour, type) => {\n            const colorLevel = type === 'default'\n                ? '60'\n                : type === 'high'\n                    ? '40'\n                    : type === 'medium'\n                        ? '30'\n                        : '20';\n            return `var(--${colour}-${colorLevel})`;\n        };\n        const getTextColor = (colour, type) => {\n            if (type === 'default') {\n                return 'var(--white)';\n            }\n            const textLevel = type === 'low' ? '90' : '100';\n            return `var(--${colour}-${textLevel})`;\n        };\n        const textClass = `text-container-${size.charAt(0) + size.slice(1)}`;\n        const badgeStyle = Object.assign({ backgroundColor: getBackgroundColor(colour, type), color: getTextColor(colour, type) }, customStyle);\n        return (h(\"div\", Object.assign({ class: clsx('badge-span', size === 'sm' && 'size-sm', size === 'md' && 'size-md', size === 'lg' && 'size-lg', rounded && `rounded-${rounded.charAt(0) + rounded.slice(1)}`), style: badgeStyle }, el.attributes), leadingIcon && (h(\"ls-icon\", { name: leadingIcon, solid: iconSolid, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16 })), text && h(\"span\", { class: textClass }, text), trailingIcon && (h(\"ls-icon\", { name: trailingIcon, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16, solid: iconSolid }))));\n    }\n    static get is() { return \"ls-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-badge.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-badge.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"text\"\n            },\n            \"colour\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Colour\",\n                    \"resolved\": \"\\\"aubergine\\\" | \\\"blue\\\" | \\\"burnt\\\" | \\\"cyan\\\" | \\\"gray\\\" | \\\"green\\\" | \\\"indigo\\\" | \\\"lightblue\\\" | \\\"lime\\\" | \\\"none\\\" | \\\"pink\\\" | \\\"primary\\\" | \\\"purple\\\" | \\\"red\\\" | \\\"teal\\\" | \\\"trueGreen\\\" | \\\"yellow\\\"\",\n                    \"references\": {\n                        \"Colour\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Colour\",\n                            \"id\": \"src/types/Colour.ts::Colour\",\n                            \"referenceLocation\": \"Colour\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"colour\",\n                \"defaultValue\": \"'primary'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BadgeType\",\n                    \"resolved\": \"\\\"default\\\" | \\\"high\\\" | \\\"low\\\" | \\\"medium\\\"\",\n                    \"references\": {\n                        \"BadgeType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Badge\",\n                            \"id\": \"src/types/Badge.ts::BadgeType\",\n                            \"referenceLocation\": \"BadgeType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'default'\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"lg\\\" | \\\"md\\\" | \\\"sm\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Size\",\n                            \"id\": \"src/types/Size.ts::Size\",\n                            \"referenceLocation\": \"Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"size\",\n                \"defaultValue\": \"'sm'\"\n            },\n            \"rounded\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Rounded\",\n                    \"resolved\": \"\\\"full\\\" | \\\"none\\\" | \\\"soft\\\"\",\n                    \"references\": {\n                        \"Rounded\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Rounded\",\n                            \"id\": \"src/types/Rounded.ts::Rounded\",\n                            \"referenceLocation\": \"Rounded\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"rounded\",\n                \"defaultValue\": \"'full'\"\n            },\n            \"leadingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"leading-icon\"\n            },\n            \"trailingIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Icon\",\n                    \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n                    \"references\": {\n                        \"Icon\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Icon\",\n                            \"id\": \"src/types/Icon.ts::Icon\",\n                            \"referenceLocation\": \"Icon\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"trailing-icon\"\n            },\n            \"iconSolid\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"icon-solid\",\n                \"defaultValue\": \"true\"\n            },\n            \"customStyle\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"{ [key: string]: string }\",\n                    \"resolved\": \"{ [key: string]: string; }\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/{p-c2E8ebl9.js → p-Bn74nhFM.js}

@@ -1,10 +1,10 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
-import { d as defineCustomElement$6 } from './p-BxsxcR5o.js';
-import { d as defineCustomElement$5 } from './p-DHIs8OCJ.js';
-import { d as defineCustomElement$4 } from './p-CKSOaKZy.js';
-import { d as defineCustomElement$3 } from './p-C6EaahbW.js';
-import { d as defineCustomElement$2 } from './p-DzVqHLJf.js';
-import { d as defineCustomElement$1 } from './p-IqJEctSf.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { d as defineCustomElement$6 } from './p-DAP3L70b.js';
+import { d as defineCustomElement$5 } from './p-C4Fkc5Wm.js';
+import { d as defineCustomElement$4 } from './p-CgczqobT.js';
+import { d as defineCustomElement$3 } from './p-CSPLGKKp.js';
+import { d as defineCustomElement$2 } from './p-OLQsckjQ.js';
+import { d as defineCustomElement$1 } from './p-dHMolk9H.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)}`;
 
@@ -70,6 +70,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesAutosign as L, defineCustomElement as d };
-//# sourceMappingURL=p-c2E8ebl9.js.map
+//# sourceMappingURL=p-Bn74nhFM.js.map
 
-//# sourceMappingURL=p-c2E8ebl9.js.map
+//# sourceMappingURL=p-Bn74nhFM.js.map

package/dist/components/{p-c2E8ebl9.js.map → p-Bn74nhFM.js.map}

@@ -1 +1 @@
-{"file":"p-c2E8ebl9.js","mappings":";;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEf,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,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAExD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,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 \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} />\n         <ls-field-properties-advanced dataItem={this.dataItem} />\n\n          <ls-field-footer dataItem={this.dataItem} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}
+{"file":"p-Bn74nhFM.js","mappings":";;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEf,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,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAExD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,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 \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} />\n         <ls-field-properties-advanced dataItem={this.dataItem} />\n\n          <ls-field-footer dataItem={this.dataItem} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}

package/dist/components/{p-D3inaijH.js → p-Bo0Bazo8.js}

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as defineCustomElement$2 } from './p-C6EaahbW.js';
-import { d as defineCustomElement$1 } from './p-IqJEctSf.js';
+import { d as defineCustomElement$2 } from './p-CSPLGKKp.js';
+import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
 
 const lsToolboxFieldCss = () => `.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-60, #f64a44)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}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)}`;
 
@@ -148,6 +148,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsToolboxField as L, defineCustomElement as d };
-//# sourceMappingURL=p-D3inaijH.js.map
+//# sourceMappingURL=p-Bo0Bazo8.js.map
 
-//# sourceMappingURL=p-D3inaijH.js.map
+//# sourceMappingURL=p-Bo0Bazo8.js.map

package/dist/components/{p-D3inaijH.js.map → p-Bo0Bazo8.js.map}

@@ -1 +1 @@
-{"file":"p-D3inaijH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n  display: flex;\n  padding: 0.5rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.875rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-20;\n  background: white;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-toolbox-field:hover {\n  background: $gray-10;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n  display: flex;\n  padding: 0.38rem;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.625rem;\n  border: 1px solid $red-40;\n  background: $red-10;\n  color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n  display: flex;\n  padding: 0.5rem;\n  align-items: center;\n  border-radius: 0.625rem;\n  border: 1px solid var(--signer-color);\n  background: var(--signer-color-light);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n  color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  width: 100%;\n  margin: 0;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n  tag: 'ls-toolbox-field',\n  styleUrl: 'ls-toolbox-field.scss',\n  shadow: true,\n})\nexport class LsToolboxField {\n  @Element() component: HTMLElement;\n  /**\n   * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n   */\n  @Prop() formElementType: string;\n  @Prop() elementType: 'text' | 'signature' | 'initials' | 'admin';\n  @Prop() validation: number = 0;\n  @Prop() fixedAspect: number | null = null;\n  @Prop() redDot: boolean = false;\n\n  /**\n   * The text to display for this field type.\n   */\n  @Prop() label: string;\n\n  /**\n   * The icon to display for this field type.\n   */\n  @Prop() icon: Icon;\n  /**\n   * The tooltip hint to describe to the field type\n   */\n  @Prop() tooltip: string;\n\n  /**\n   * The starting height of this control type in pixels.\n   */\n  @Prop() defaultHeight: number;\n  /**\n   * The starting width of this control type in pixels.\n   */\n  @Prop() defaultWidth: number;\n\n  /**\n   * The signer color of the element\n   */\n  @Prop() signer: number = 0;\n\n  @Prop({ mutable: true }) isSelected: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  fieldTypeSelected: EventEmitter<{\n    label: string;\n    elementType: string;\n    defaultHeight: number;\n    defaultWidth: number;\n    formElementType: string;\n    validation: number;\n    fixedAspect: number | null;\n  }>;\n\n  @Listen('dragstart')\n  handleDragStart(event) {\n\n    var canvas = document.createElement('div');\n    canvas.style.position = 'absolute';\n    canvas.style.left = '-100%';\n    canvas.style.zIndex = '-100';\n    canvas.style.height = this.defaultHeight +'px';\n    canvas.style.width = this.defaultWidth +'px';\n    canvas.style.backgroundColor = 'rgba(255, 255, 255, 1)';\n    canvas.style.border = `1px dashed ${defaultRolePalette[this.signer % 100].s60}`;\n    canvas.innerHTML = this.formElementType;\n    document.body.appendChild(canvas); \n\n    event.dataTransfer.setDragImage(canvas, -50, -20);\n    console.log('drag start', {\n        formElementType: this.formElementType,\n        elementType: this.elementType,\n        validation: this.validation,\n        defaultHeight: this.defaultHeight,\n        defaultWidth: this.defaultWidth,\n        fixedAspect: this.fixedAspect,\n      });\n\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\n      'application/json',\n      JSON.stringify({\n        formElementType: this.formElementType,\n        elementType: this.elementType,\n        validation: this.validation,\n        defaultHeight: this.defaultHeight,\n        defaultWidth: this.defaultWidth,\n        fixedAspect: this.fixedAspect,\n      }),\n    );\n    event.dataTransfer.dropEffect = 'copy';\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowDown') {\n      console.log('down arrow pressed');\n    }\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host draggable=\"true\">\n        <div\n          class={'ls-dv-toolbox-field'}\n          style={\n            this.isSelected && {\n              background: defaultRolePalette[this.signer % 100].s10,\n              border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n              color: defaultRolePalette[this.signer % 100].s80,\n              boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n            }\n          }\n          onClick={() => {\n            this.fieldTypeSelected.emit({\n              label: this.label,\n              formElementType: this.formElementType,\n              elementType: this.elementType,\n              validation: this.validation,\n              defaultHeight: this.defaultHeight,\n              defaultWidth: this.defaultWidth,\n              fixedAspect: this.fixedAspect,\n            });\n          }}\n        >\n          <div\n            class=\"ls-dv-toolbox-field-icon\"\n            style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n            data-tooltip-place=\"right\"\n          >\n            <ls-icon name={this.icon as any} size={20} />\n          </div>\n          <p\n            class=\"ls-dv-toolbox-field-label\"\n            style={\n              this.isSelected && {\n                color: defaultRolePalette[this.signer % 100].s80,\n              }\n            }\n          >\n            {this.label}\n          </p>\n          {this.redDot && (\n            <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n              <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n            </div>\n          )}\n          <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: '#787a80' }} />\n        </div>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Bo0Bazo8.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,w9KAAw9K,CAAC;;MCS7+K,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAEzB;;AAEG;AACK,IAAA,eAAe;AACf,IAAA,WAAW;IACX,UAAU,GAAW,CAAC;IACtB,WAAW,GAAkB,IAAI;IACjC,MAAM,GAAY,KAAK;AAE/B;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,IAAI;AACZ;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,aAAa;AACrB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;IACK,MAAM,GAAW,CAAC;IAED,UAAU,GAAY,KAAK;AAOpD,IAAA,iBAAiB;AAWjB,IAAA,eAAe,CAAC,KAAK,EAAA;QAEnB,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC1C,QAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAClC,QAAA,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO;AAC3B,QAAA,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,GAAE,IAAI;QAC9C,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,GAAE,IAAI;AAC5C,QAAA,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,wBAAwB;AACvD,QAAA,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE;AAC/E,QAAA,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe;AACvC,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AAEjC,QAAA,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;AACjD,QAAA,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;YACtB,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,SAAA,CAAC;;QAGJ,KAAK,CAAC,YAAY,CAAC,OAAO,CACxB,kBAAkB,EAClB,IAAI,CAAC,SAAS,CAAC;YACb,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,SAAA,CAAC,CACH;AACD,QAAA,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM;;AAIxC,IAAA,aAAa,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAC7B,YAAA,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;;;IAIrC,gBAAgB,GAAA;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,MAAM,EAAA,EACpB,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EACH,IAAI,CAAC,UAAU,IAAI;gBACjB,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG;AACrD,gBAAA,MAAM,EAAE,CAAA,UAAA,EAAa,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;gBAChE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG;AAChD,gBAAA,SAAS,EAAE,CAAyE,uEAAA,CAAA;aACrF,EAEH,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,eAAe,EAAE,IAAI,CAAC,eAAe;oBACrC,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,iBAAA,CAAC;aACH,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAE,sBAAsB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,qBACzH,eAAe,EAAA,sBAAA,EAAuB,IAAI,CAAC,OAAO,wBAC/C,OAAO,EAAA,EAE1B,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAW,EAAE,IAAI,EAAE,EAAE,EAAA,CAAI,CACzC,EACN,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EACjC,KAAK,EACH,IAAI,CAAC,UAAU,IAAI;gBACjB,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG;aACjD,EAGF,EAAA,IAAI,CAAC,KAAK,CACT,EACH,IAAI,CAAC,MAAM,KACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,mBAAmB,EAAkB,iBAAA,EAAA,eAAe,0BAAuB,CAAA,EAAG,IAAI,CAAC,KAAK,CAAiB,eAAA,CAAA,wBAAqB,MAAM,EAAA,EAC9I,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,yBAAyB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAG,IAAA,EAAA,CAAA,CACtD,CACP,EACD,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC9E,EACN,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n  display: flex;\n  padding: 0.5rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.875rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-20;\n  background: white;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-toolbox-field:hover {\n  background: $gray-10;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n  display: flex;\n  padding: 0.38rem;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.625rem;\n  border: 1px solid $red-40;\n  background: $red-10;\n  color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n  display: flex;\n  padding: 0.5rem;\n  align-items: center;\n  border-radius: 0.625rem;\n  border: 1px solid var(--signer-color);\n  background: var(--signer-color-light);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n  color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  width: 100%;\n  margin: 0;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n  tag: 'ls-toolbox-field',\n  styleUrl: 'ls-toolbox-field.scss',\n  shadow: true,\n})\nexport class LsToolboxField {\n  @Element() component: HTMLElement;\n  /**\n   * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n   */\n  @Prop() formElementType: string;\n  @Prop() elementType: 'text' | 'signature' | 'initials' | 'admin';\n  @Prop() validation: number = 0;\n  @Prop() fixedAspect: number | null = null;\n  @Prop() redDot: boolean = false;\n\n  /**\n   * The text to display for this field type.\n   */\n  @Prop() label: string;\n\n  /**\n   * The icon to display for this field type.\n   */\n  @Prop() icon: Icon;\n  /**\n   * The tooltip hint to describe to the field type\n   */\n  @Prop() tooltip: string;\n\n  /**\n   * The starting height of this control type in pixels.\n   */\n  @Prop() defaultHeight: number;\n  /**\n   * The starting width of this control type in pixels.\n   */\n  @Prop() defaultWidth: number;\n\n  /**\n   * The signer color of the element\n   */\n  @Prop() signer: number = 0;\n\n  @Prop({ mutable: true }) isSelected: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  fieldTypeSelected: EventEmitter<{\n    label: string;\n    elementType: string;\n    defaultHeight: number;\n    defaultWidth: number;\n    formElementType: string;\n    validation: number;\n    fixedAspect: number | null;\n  }>;\n\n  @Listen('dragstart')\n  handleDragStart(event) {\n\n    var canvas = document.createElement('div');\n    canvas.style.position = 'absolute';\n    canvas.style.left = '-100%';\n    canvas.style.zIndex = '-100';\n    canvas.style.height = this.defaultHeight +'px';\n    canvas.style.width = this.defaultWidth +'px';\n    canvas.style.backgroundColor = 'rgba(255, 255, 255, 1)';\n    canvas.style.border = `1px dashed ${defaultRolePalette[this.signer % 100].s60}`;\n    canvas.innerHTML = this.formElementType;\n    document.body.appendChild(canvas); \n\n    event.dataTransfer.setDragImage(canvas, -50, -20);\n    console.log('drag start', {\n        formElementType: this.formElementType,\n        elementType: this.elementType,\n        validation: this.validation,\n        defaultHeight: this.defaultHeight,\n        defaultWidth: this.defaultWidth,\n        fixedAspect: this.fixedAspect,\n      });\n\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\n      'application/json',\n      JSON.stringify({\n        formElementType: this.formElementType,\n        elementType: this.elementType,\n        validation: this.validation,\n        defaultHeight: this.defaultHeight,\n        defaultWidth: this.defaultWidth,\n        fixedAspect: this.fixedAspect,\n      }),\n    );\n    event.dataTransfer.dropEffect = 'copy';\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowDown') {\n      console.log('down arrow pressed');\n    }\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host draggable=\"true\">\n        <div\n          class={'ls-dv-toolbox-field'}\n          style={\n            this.isSelected && {\n              background: defaultRolePalette[this.signer % 100].s10,\n              border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n              color: defaultRolePalette[this.signer % 100].s80,\n              boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n            }\n          }\n          onClick={() => {\n            this.fieldTypeSelected.emit({\n              label: this.label,\n              formElementType: this.formElementType,\n              elementType: this.elementType,\n              validation: this.validation,\n              defaultHeight: this.defaultHeight,\n              defaultWidth: this.defaultWidth,\n              fixedAspect: this.fixedAspect,\n            });\n          }}\n        >\n          <div\n            class=\"ls-dv-toolbox-field-icon\"\n            style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n            data-tooltip-place=\"right\"\n          >\n            <ls-icon name={this.icon as any} size={20} />\n          </div>\n          <p\n            class=\"ls-dv-toolbox-field-label\"\n            style={\n              this.isSelected && {\n                color: defaultRolePalette[this.signer % 100].s80,\n              }\n            }\n          >\n            {this.label}\n          </p>\n          {this.redDot && (\n            <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n              <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n            </div>\n          )}\n          <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: '#787a80' }} />\n        </div>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}