legalesign-document-viewer 0.9.21 → 0.9.23

package/dist/components/{p-BEoo68ix.js.map → p-0xNJgDwU.js.map}

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

package/dist/components/p-3nGlwNge.js

@@ -0,0 +1,139 @@
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as defaultRolePalette } from './p-BKrsDBDB.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.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);cursor:grab}.ls-dv-toolbox-field:active{cursor:grabbing}.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)}`;
+
+const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.fieldTypeSelected = createEvent(this, "fieldTypeSelected", 7);
+        this.toolboxDragStart = createEvent(this, "toolboxDragStart", 7);
+    }
+    get component() { return this; }
+    /**
+     * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
+     */
+    formElementType;
+    elementType;
+    validation = 0;
+    fixedAspect = null;
+    redDot = false;
+    /**
+     * The text to display for this field type.
+     */
+    label;
+    /**
+     * The icon to display for this field type.
+     */
+    icon;
+    /**
+     * The tooltip hint to describe to the field type
+     */
+    tooltip;
+    /**
+     * The starting height of this control type in pixels.
+     */
+    defaultHeight;
+    /**
+     * The starting width of this control type in pixels.
+     */
+    defaultWidth;
+    /**
+     * The signer color of the element
+     */
+    signer = 0;
+    isSelected = false;
+    fieldTypeSelected;
+    toolboxDragStart;
+    handleMouseDown(event) {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        // Always select this field type
+        this.fieldTypeSelected.emit({
+            label: this.label,
+            formElementType: this.formElementType,
+            elementType: this.elementType,
+            validation: this.validation,
+            defaultHeight: this.defaultHeight,
+            defaultWidth: this.defaultWidth,
+            fixedAspect: this.fixedAspect,
+        });
+        // Also start dragging
+        this.toolboxDragStart.emit({
+            label: this.label,
+            formElementType: this.formElementType,
+            elementType: this.elementType,
+            validation: this.validation,
+            defaultHeight: this.defaultHeight,
+            defaultWidth: this.defaultWidth,
+            fixedAspect: this.fixedAspect,
+        });
+    }
+    handleKeyDown(event) {
+        if (event.key === 'ArrowDown') {
+            console.log('down arrow pressed');
+        }
+    }
+    componentDidLoad() {
+    }
+    render() {
+        return (h(Host, { key: 'a5b4b46dc72135d808947cfa85e48ad64e73cdf6' }, h("div", { key: 'af04575ea20a485d1b87868b17bb9b4a28304ace', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+                background: defaultRolePalette[this.signer % 100].s10,
+                border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
+                color: defaultRolePalette[this.signer % 100].s80,
+                boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,
+            } }, h("div", { key: 'ce3574df322e7c35a54107c66be3f46276f35d98', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: 'a43785f483492dcfc7987fe5a2b49386349c5140', name: this.icon, size: 20 })), h("p", { key: '83fb5d24a06f713f71074307bf12fef6f66897b3', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+                color: defaultRolePalette[this.signer % 100].s80,
+            } }, this.label), this.redDot && (h("div", { key: '0c55844161bd318b5dc147514fc8205029ba8500', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '589601adbc88096178662754627c9a54a5aa9835', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '440a8884a0b9278c8c6f66562051b7e441c2b1f3', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '0b5e478156e1d3cc2f05a50a21dc75cfb1574917', tooltipId: "ls-dv-tooltip" })));
+    }
+    static get style() { return lsToolboxFieldCss(); }
+}, [769, "ls-toolbox-field", {
+        "formElementType": [1, "form-element-type"],
+        "elementType": [1, "element-type"],
+        "validation": [2],
+        "fixedAspect": [2, "fixed-aspect"],
+        "redDot": [4, "red-dot"],
+        "label": [1],
+        "icon": [1],
+        "tooltip": [1],
+        "defaultHeight": [2, "default-height"],
+        "defaultWidth": [2, "default-width"],
+        "signer": [2],
+        "isSelected": [1028, "is-selected"]
+    }, [[1, "mousedown", "handleMouseDown"], [0, "keydown", "handleKeyDown"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-toolbox-field", "ls-icon", "ls-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-toolbox-field":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsToolboxField);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsToolboxField as L, defineCustomElement as d };
+//# sourceMappingURL=p-3nGlwNge.js.map
+
+//# sourceMappingURL=p-3nGlwNge.js.map

package/dist/components/p-3nGlwNge.js.map

@@ -0,0 +1 @@
+{"file":"p-3nGlwNge.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,ghLAAghL,CAAC;;MCUriL,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;AAejB,IAAA,gBAAgB;AAGhB,IAAA,eAAe,CAAC,KAAiB,EAAA;AAC/B,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE;QACxB,KAAK,CAAC,cAAc,EAAE;;AAGtB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC1B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,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;;AAGF,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,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;;AAIJ,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,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,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,EAAA,EAGH,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,aAAA,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,CAAA,eAAA,CAAiB,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,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,SAAS,EAAE,GAAI,CAC5I,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  cursor: grab;\n}\n\n.ls-dv-toolbox-field:active {\n  cursor: grabbing;\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';\nimport { IToolboxField } from '../interfaces/IToolboxField';\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  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  toolboxDragStart: EventEmitter<IToolboxField>;\n\n  @Listen('mousedown')\n  handleMouseDown(event: MouseEvent) {\n    if (event.button !== 0) return;\n    event.preventDefault();\n\n    // Always select this field type\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    // Also start dragging\n    this.toolboxDragStart.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  @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>\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        >\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: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' }} />\n        </div>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BqHWzbwb.js → p-84KTjgkl.js}

@@ -1,6 +1,6 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
+import { d as defineCustomElement$1 } from './p-BT5rCW3w.js';
 
 const lsLabelCss = () => `.label-span{position:relative;display:inline-flex;align-items:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;gap:0.25rem;border-radius:0.25rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;gap:0.25rem;border-radius:0.25rem}.size-lg{padding:0.375rem 0.5rem;font-size:0.875rem;}`;
 
@@ -70,6 +70,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsLabel as L, defineCustomElement as d };
-//# sourceMappingURL=p-BqHWzbwb.js.map
+//# sourceMappingURL=p-84KTjgkl.js.map
 
-//# sourceMappingURL=p-BqHWzbwb.js.map
+//# sourceMappingURL=p-84KTjgkl.js.map

package/dist/components/{p-BqHWzbwb.js.map → p-84KTjgkl.js.map}

@@ -1 +1 @@
-{"file":"p-BqHWzbwb.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,iZAAiZ,CAAC;;MCE/Z,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,SAAS,GAAG,IAAI;AACxB;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,GAAG,GAAG,IAAI;AACjG,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,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,CAAC,EAAE,KAAK,EAAE,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,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,IAAI,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-label/ls-label.css?tag=ls-label&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-label/ls-label.js"],"sourcesContent":[".label-span {\n  position: relative;\n  display: inline-flex;\n  align-items: 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  gap: 0.25rem;\n  border-radius: 0.25rem;\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  gap: 0.25rem;\n  border-radius: 0.25rem;\n}\n\n.size-lg {\n  padding: 0.375rem 0.5rem;\n  /* px-1.5 py-1 */\n  font-size: 0.875rem;\n  /* text-sm */\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsLabel {\n    constructor() {\n        this.colour = 'primary';\n        this.type = 'default';\n        this.size = 'sm';\n        this.iconSolid = true;\n    }\n    render() {\n        const { text, colour, type, size, 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        return (h(\"div\", Object.assign({ class: clsx('label-span', size === 'sm' && 'size-sm', size === 'md' && 'size-md', size === 'lg' && 'size-lg'), style: Object.assign({ backgroundColor: getBackgroundColor(colour, type), color: getTextColor(colour, type) }, customStyle) }, el.attributes), leadingIcon && (h(\"ls-icon\", { name: leadingIcon, solid: iconSolid, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16 })), text && h(\"span\", null, text), trailingIcon && (h(\"ls-icon\", { name: trailingIcon, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16, solid: iconSolid }))));\n    }\n    static get is() { return \"ls-label\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-label.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-label.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\": true,\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\": \"LabelType\",\n                    \"resolved\": \"\\\"default\\\" | \\\"high\\\" | \\\"low\\\" | \\\"medium\\\"\",\n                    \"references\": {\n                        \"LabelType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Label\",\n                            \"id\": \"src/types/Label.ts::LabelType\",\n                            \"referenceLocation\": \"LabelType\"\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            \"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-84KTjgkl.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,iZAAiZ,CAAC;;MCE/Z,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,SAAS,GAAG,IAAI;AACxB;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,GAAG,GAAG,IAAI;AACjG,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,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,CAAC,EAAE,KAAK,EAAE,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,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,IAAI,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.45/node_modules/legalesign-ui/dist/collection/components/ls-label/ls-label.css?tag=ls-label&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-label/ls-label.js"],"sourcesContent":[".label-span {\n  position: relative;\n  display: inline-flex;\n  align-items: 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  gap: 0.25rem;\n  border-radius: 0.25rem;\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  gap: 0.25rem;\n  border-radius: 0.25rem;\n}\n\n.size-lg {\n  padding: 0.375rem 0.5rem;\n  /* px-1.5 py-1 */\n  font-size: 0.875rem;\n  /* text-sm */\n}\n","import { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsLabel {\n    constructor() {\n        this.colour = 'primary';\n        this.type = 'default';\n        this.size = 'sm';\n        this.iconSolid = true;\n    }\n    render() {\n        const { text, colour, type, size, 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        return (h(\"div\", Object.assign({ class: clsx('label-span', size === 'sm' && 'size-sm', size === 'md' && 'size-md', size === 'lg' && 'size-lg'), style: Object.assign({ backgroundColor: getBackgroundColor(colour, type), color: getTextColor(colour, type) }, customStyle) }, el.attributes), leadingIcon && (h(\"ls-icon\", { name: leadingIcon, solid: iconSolid, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16 })), text && h(\"span\", null, text), trailingIcon && (h(\"ls-icon\", { name: trailingIcon, size: size === 'md' ? 20 : size === 'lg' ? 24 : 16, solid: iconSolid }))));\n    }\n    static get is() { return \"ls-label\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ls-label.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ls-label.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\": true,\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\": \"LabelType\",\n                    \"resolved\": \"\\\"default\\\" | \\\"high\\\" | \\\"low\\\" | \\\"medium\\\"\",\n                    \"references\": {\n                        \"LabelType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../types/Label\",\n                            \"id\": \"src/types/Label.ts::LabelType\",\n                            \"referenceLocation\": \"LabelType\"\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            \"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-Cj4lPJEO.js → p-B7x-6bu5.js}

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
 
 const lsEditorTableCss = () => `:host{display:block;z-index:100;position:absolute;top:0px;left:0px}table{background-color:azure;border:1px solid black}td{border:1px solid black}`;
 
@@ -33,7 +33,7 @@ const LsEditorTable = /*@__PURE__*/ proxyCustomElement(class LsEditorTable exten
         });
     }
     render() {
-        return (h(Host, { key: 'fd833328c59e52038ec822377048965c2319e2f8' }, h("table", { key: '1236941547e73a380313f6ab882b867f18a93d16', id: "ls-editor-table" }), h("slot", { key: '7e1a9cd5fa8fd6d76379ac04e31a06df6c447525' })));
+        return (h(Host, { key: '465bf3765c06cf044bacd292a712c06290ac3770' }, h("table", { key: '906c3270a0758c8eb589d4d4dab85bdfedbfdded', id: "ls-editor-table" }), h("slot", { key: 'c1b68a6e6ab42c27a81b7557600d09fc057a2338' })));
     }
     static get style() { return lsEditorTableCss(); }
 }, [769, "ls-editor-table", {
@@ -55,6 +55,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsEditorTable as L, defineCustomElement as d };
-//# sourceMappingURL=p-Cj4lPJEO.js.map
+//# sourceMappingURL=p-B7x-6bu5.js.map
 
-//# sourceMappingURL=p-Cj4lPJEO.js.map
+//# sourceMappingURL=p-B7x-6bu5.js.map

package/dist/components/{p-Cj4lPJEO.js.map → p-B7x-6bu5.js.map}

@@ -1 +1 @@
-{"file":"p-Cj4lPJEO.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,iJAAiJ,CAAC;;MCQrK,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAExB;;;AAGA;AACQ,IAAA,MAAM;IAEd,gBAAgB,GAAA;AACd,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAsB;QAChG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;YAE5F,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/C,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE;AACrC,YAAA,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC;YAE/B,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;YAElC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;AAElC,YAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;AAChC,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EACnB,CAAA,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-editor-table/ls-editor-table.scss?tag=ls-editor-table&encapsulation=shadow","src/components/ls-editor-table/ls-editor-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  z-index: 100;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n\ntable {\n  background-color: azure;\n  border: 1px solid black\n}\n\ntd {\n  border: 1px solid black\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\n\n@Component({\n  tag: 'ls-editor-table',\n  styleUrl: 'ls-editor-table.scss',\n  shadow: true,\n})\nexport class LsEditorTable {\n  @Element() component: HTMLElement;\n  /**\n* The parent editor control.\n* {LsDocumentViewer}\n*/\n  @Prop() editor: LsDocumentViewer;\n\n  componentDidLoad() {\n    var dataTable = this.component.shadowRoot.getElementById('ls-editor-table') as HTMLCanvasElement;\n    Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {\n\n      const rowNode = document.createElement('tr');\n      const idCellNode = document.createElement('td');\n      idCellNode.innerText = fx.dataItem.id\n      rowNode.appendChild(idCellNode);\n\n      const valueCellNode = document.createElement('td');\n      valueCellNode.innerText = fx.dataItem.value\n      rowNode.appendChild(valueCellNode);\n\n      const labelCellNode = document.createElement('td');\n      labelCellNode.innerText = fx.dataItem.label\n      rowNode.appendChild(labelCellNode);\n\n      dataTable.appendChild(rowNode)\n    })\n  }\n\n  render() {\n    return (\n      <Host>\n        <table id=\"ls-editor-table\">\n        </table>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-B7x-6bu5.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,iJAAiJ,CAAC;;MCQrK,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAExB;;;AAGA;AACQ,IAAA,MAAM;IAEd,gBAAgB,GAAA;AACd,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAsB;QAChG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;YAE5F,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/C,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE;AACrC,YAAA,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC;YAE/B,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;YAElC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;AAElC,YAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;AAChC,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EACnB,CAAA,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-editor-table/ls-editor-table.scss?tag=ls-editor-table&encapsulation=shadow","src/components/ls-editor-table/ls-editor-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  z-index: 100;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n\ntable {\n  background-color: azure;\n  border: 1px solid black\n}\n\ntd {\n  border: 1px solid black\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\n\n@Component({\n  tag: 'ls-editor-table',\n  styleUrl: 'ls-editor-table.scss',\n  shadow: true,\n})\nexport class LsEditorTable {\n  @Element() component: HTMLElement;\n  /**\n* The parent editor control.\n* {LsDocumentViewer}\n*/\n  @Prop() editor: LsDocumentViewer;\n\n  componentDidLoad() {\n    var dataTable = this.component.shadowRoot.getElementById('ls-editor-table') as HTMLCanvasElement;\n    Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {\n\n      const rowNode = document.createElement('tr');\n      const idCellNode = document.createElement('td');\n      idCellNode.innerText = fx.dataItem.id\n      rowNode.appendChild(idCellNode);\n\n      const valueCellNode = document.createElement('td');\n      valueCellNode.innerText = fx.dataItem.value\n      rowNode.appendChild(valueCellNode);\n\n      const labelCellNode = document.createElement('td');\n      labelCellNode.innerText = fx.dataItem.label\n      rowNode.appendChild(labelCellNode);\n\n      dataTable.appendChild(rowNode)\n    })\n  }\n\n  render() {\n    return (\n      <Host>\n        <table id=\"ls-editor-table\">\n        </table>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BuTI5iFf.js → p-B9ooYFOA.js}

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$2 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$1 } from './p-MvHRmlvj.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-BMhCD-zg.js';
 
 const lsTextInputCss = () => `*{box-sizing:border-box;margin:0}:host{position:relative;display:flex;width:100%}.field-icon-left{position:absolute;top:0.5rem;left:0.75rem;display:flex;align-items:center;color:var(--gray-80);z-index:1;pointer-events:none}.field-icon-left.disabled{color:var(--gray-60)}.field-icon-right{display:flex;align-items:center;color:var(--gray-80);border:1px solid var(--gray-50);border-radius:0.375rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding:0.125rem;cursor:pointer}.field-icon-right:hover{background:var(--gray-20)}.field-icon-right.disabled{color:var(--gray-40);border-color:var(--gray-40);cursor:not-allowed;background:var(--gray-10);box-shadow:none}#password-icon{padding-right:0.25rem}.icon-input{padding-left:2.5rem !important}.icon-right-input{padding-right:2.5rem !important}.button-input{padding-right:2.5rem !important}.right-items-input{padding-right:4rem !important}.input-base{display:flex;width:100%;height:2.25rem;padding:0.5rem 0.75rem;align-items:center;gap:0.5rem;align-self:stretch;border-radius:0.5rem;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem;font-style:normal;font-weight:400}.input-base:active:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);box-shadow:0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC}.input-base:focus:not(:disabled){outline:1px solid var(--Legalesign-Blue-60, #4456F6);box-shadow:0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC}.default{border:1px solid var(--gray-40, #D8D9DC);background:var(--White, #FFF);color:var(--gray-100)}.default:hover{border:1px solid var(--gray-50, #D8D9DC);background:var(--White, #FFF);color:var(--gray-110)}.disabled{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-60);cursor:not-allowed}.display-only{border:1px solid var(--gray-40, #D8D9DC);background:var(--gray-10, #F7F8FA);color:var(--gray-100);cursor:not-allowed}.invalid{border:1px solid var(--red-50, #FF5C56);background:var(--White, #FFF);color:var(--gray-100)}.invalid:focus{box-shadow:0px 0px 0px 4px var(--red-30, #FFCCCB);outline:1px solid var(--red-50, #FF5C56)}.valid{border:1px solid var(--green-50, #34D399);background:var(--White, #FFF);color:var(--green-100, #125241)}.valid:focus{box-shadow:0px 0px 0px 4px var(--green-30, #A7F3D0);outline:1px solid var(--green-50, #34D399)}.right-items{position:absolute;padding:0.25rem;height:36px;right:0;top:0;display:flex;align-items:center}.invalid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--red-60, #DC2626)}.valid-icon{display:flex;align-items:center;margin:0 0.5rem;color:var(--green-60, #059669)}.button{display:flex;height:28px;width:28px;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.375rem;border:1px solid var(--gray-50, #C8C9CC);background:var(--White, #FFF);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);color:var(--gray-90)}.button:hover{background:var(--gray-20, #EDEFF2);color:var(--gray-100)}.button:active,.button:focus{border-color:var(--Primary-Blue-Light, #4456F6);box-shadow:0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;color:var(--gray-100)}`;
 
@@ -78,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsTextInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-BuTI5iFf.js.map
+//# sourceMappingURL=p-B9ooYFOA.js.map
 
-//# sourceMappingURL=p-BuTI5iFf.js.map
+//# sourceMappingURL=p-B9ooYFOA.js.map