legalesign-document-viewer 1.0.0 → 1.0.2

package/dist/components/{p-883oa-R7.js → p-DX7Kb9cb.js}

@@ -1,7 +1,7 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
 import { g as getFieldIcon } from './p-C5wLu85H.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { d as defineCustomElement$1 } from './p-BHeJScTh.js';
 
 const lsFieldTypeSelectCss = () => `:host{display:block;width:100%}*{margin:0}.ls-dv-fieldtype-dropdown{position:relative;width:100%}.ls-dv-fieldtype-header{border-radius:1rem;padding:0.25rem}.ls-dv-fieldtype-inner{border-radius:0.75rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.25rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-fieldtype-icon{display:flex;padding:0.25rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-fieldtype-name{flex:1;font-size:var(--text-sm);font-weight:400;color:var(--gray-100, #45484d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);text-transform:capitalize}.ls-dv-fieldtype-btn{all:unset;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.625rem;border:1px solid var(--gray-40, #d8d9dc);background:var(--white, #ffffff);color:var(--gray-80, #6f7176);cursor:pointer;flex-shrink:0}.ls-dv-fieldtype-btn:hover{border-color:var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-fieldtype-list{position:absolute;top:calc(100% + 0.25rem);left:0;right:0;display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);z-index:100;max-height:15rem;overflow-y:auto}.ls-dv-fieldtype-item{display:flex;padding:0.5rem 0.75rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;border-radius:0.75rem;cursor:pointer}.ls-dv-fieldtype-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-fieldtype-item.ls-dv-selected,.ls-dv-fieldtype-item.ls-dv-selected:hover{background:var(--background-selected, var(--gray-10, #f7f8fa))}.ls-dv-fieldtype-item-icon{display:flex;align-items:center;flex-shrink:0}.ls-dv-fieldtype-item-name{flex:1;color:var(--gray-100, #45484d);font-size:0.75rem;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.ls-dv-check-icon{color:var(--gray-40, #d8d9dc);flex-shrink:0}.ls-dv-fieldtype-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}`;
@@ -85,6 +85,8 @@ const LsFieldTypeSelect = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeSele
     disabled = false;
     /** Show mixed state when multi-select has different field types */
     mixed = false;
+    /** Pipe-delimited filter for allowed field types */
+    filtertoolbox = null;
     isOpen = false;
     fieldTypeChange;
     handleWindowClick(event) {
@@ -103,21 +105,21 @@ const LsFieldTypeSelect = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeSele
     }
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        const validTypes = getValidFieldTypes(this.roleTypes);
+        const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));
         const displayLabel = this.mixed
             ? dvI18n.t('fieldproperties.mixed')
             : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (h(Host, { key: '0da0866eb4b6bd18343587eaf132cab26717de96' }, h("div", { key: '8d33ebf8335771c8bf14116b0664b9abad29b6a4', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '673c5287584995100ed21a9be83bc87c4a41d592', class: "ls-dv-fieldtype-header", style: {
+        return (h(Host, { key: '6bfe8fdca902983b87999b331d0ab9e4348d8119' }, h("div", { key: 'd9ecf1411a4b353db022651b5312d2eed8581ce4', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '2d39319df63a4bd49117efb6f6597ca0acf4998f', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'b1ffa32896bfb90b500822c95dffd7cd987f98c1', class: "ls-dv-fieldtype-inner" }, h("div", { key: '840d54ff98e4f5f2a359b10d2533f4b5019387ea', class: "ls-dv-fieldtype-icon", style: {
+            } }, h("div", { key: '0dc0422afef8b56b4eb126cf51d5d74eadd0b035', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'e293fddbf13371be97cfae330245fc70a3d90fb6', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '9fbf4829b98dad3f1cb422421757e42fbfef25af', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: '2f354830eb5cd5c17cb46259cf4946e22fe8a822', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '807318518989e8b33fd5b2a7e1e1383bb2ae11c9', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, h("ls-icon", { key: 'd70e7c8a2166ab9a28025fdea837d4ef2548a568', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'fdac95009c85c06097d852de5e67c881614d22db', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '335160180754f0e4d7f3cb92b0dbf35700aa8ffe', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'a45d8d4afcf003134db6f99efa68402b4b3a699e', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'e3d6ef482583d3f235416287f20d77e47446d05d', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'b301132f3002fb687f22afc745791e031f0130ba', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'f8a2da27316feb75da093c9a6567dda9c491acc7', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
@@ -132,6 +134,7 @@ const LsFieldTypeSelect = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeSele
         "roleTypes": [16],
         "disabled": [4],
         "mixed": [4],
+        "filtertoolbox": [1],
         "isOpen": [32]
     }, [[8, "click", "handleWindowClick"]]]);
 function defineCustomElement() {
@@ -155,6 +158,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldTypeSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-883oa-R7.js.map
+//# sourceMappingURL=p-DX7Kb9cb.js.map
 
-//# sourceMappingURL=p-883oa-R7.js.map
+//# sourceMappingURL=p-DX7Kb9cb.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DX7Kb9cb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-type-select/ls-field-type-select.scss?tag=ls-field-type-select&encapsulation=shadow","src/components/ls-field-type-select/ls-field-type-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-fieldtype-dropdown {\n  position: relative;\n  width: 100%;\n}\n\n.ls-dv-fieldtype-header {\n  border-radius: 1rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-fieldtype-inner {\n  border-radius: 0.75rem;\n  background: $white;\n  display: flex;\n  padding: 0.25rem 0.25rem 0.25rem 0.25rem;\n  align-items: center;\n  gap: 0.875rem;\n  align-self: stretch;\n}\n\n.ls-dv-fieldtype-icon {\n  display: flex;\n  padding: 0.25rem;\n  align-items: center;\n  border-radius: 0.625rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-fieldtype-name {\n  flex: 1;\n  font-size: var(--text-sm);\n  font-weight: 400;\n  color: $gray-100;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--font-family);\n  text-transform: capitalize;\n}\n\n.ls-dv-fieldtype-btn {\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-40;\n  background: $white;\n  color: $gray-80;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-btn:hover {\n  border-color: $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-fieldtype-list {\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  z-index: 100;\n  max-height: 15rem;\n  overflow-y: auto;\n}\n\n.ls-dv-fieldtype-item {\n  display: flex;\n  padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.75rem;\n  cursor: pointer;\n}\n\n.ls-dv-fieldtype-item:hover {\n  background: $gray-10;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected,\n.ls-dv-fieldtype-item.ls-dv-selected:hover {\n  background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-fieldtype-item-icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item-name {\n  flex: 1;\n  color: $gray-100;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-transform: capitalize;\n}\n\n.ls-dv-check-icon {\n  color: $gray-40;\n  flex-shrink: 0;\n}\n\n.ls-dv-fieldtype-item.ls-dv-selected .ls-dv-check-icon {\n  color: var(--check-icon-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n  'signature': 'toolbox.signature',\n  'auto sign': 'toolbox.autosign',\n  'text': 'toolbox.text',\n  'signing date': 'toolbox.signingdate',\n  'date': 'toolbox.date',\n  'initials': 'toolbox.initials',\n  'checkbox': 'toolbox.checkbox',\n  'email': 'toolbox.email',\n  'number': 'toolbox.number',\n  'dropdown': 'toolbox.dropdown',\n  'file': 'toolbox.file',\n  'drawn field': 'toolbox.drawn',\n  'regular expression': 'toolbox.regex',\n};\n\n/** All field types in display order */\nconst ALL_FIELD_TYPES = [\n  'signature',\n  'text',\n  'signing date',\n  'date',\n  'email',\n  'initials',\n  'number',\n  'dropdown',\n  'checkbox',\n  'file',\n  'drawn field',\n  'regular expression',\n];\n\n/**\n * Returns the list of valid field types given role types of the selected fields.\n * - Sender: no signature, no initials, no file\n * - Approver: no signature, no auto sign, no initials, no file\n * - Signer/Witness: all except auto sign\n */\nconst getValidFieldTypes = (roleTypes: string[]): string[] => {\n  let excluded: Set<string> = new Set();\n\n  for (const roleType of roleTypes) {\n    switch (roleType) {\n      case 'SENDER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        excluded.add('signing date');\n        excluded.add('drawn field');\n        excluded.add('regular expression');\n        break;\n      case 'APPROVER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        break;\n      default: // SIGNER, WITNESS\n        break;\n    }\n  }\n\n  return ALL_FIELD_TYPES.filter(ft => !excluded.has(ft));\n};\n\n@Component({\n  tag: 'ls-field-type-select',\n  styleUrl: 'ls-field-type-select.scss',\n  shadow: true,\n})\nexport class LsFieldTypeSelect {\n  @Element() el: HTMLElement;\n\n  /** Current field type (e.g. 'text', 'signature') */\n  @Prop() fieldType: string = 'text';\n  /** Signer index for colour */\n  @Prop() assignee: number = 1;\n  /** Roles from the template for determining valid types */\n  @Prop() roles: LSApiRole[] = [];\n  /** Role types of the selected field(s) — used to filter valid types */\n  @Prop() roleTypes: string[] = ['SIGNER'];\n  /** Whether the select is disabled */\n  @Prop() disabled: boolean = false;\n  /** Show mixed state when multi-select has different field types */\n  @Prop() mixed: boolean = false;\n  /** Pipe-delimited filter for allowed field types */\n  @Prop() filtertoolbox: string = null;\n\n  @State() isOpen: boolean = false;\n\n  @Event() fieldTypeChange: EventEmitter<string>;\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private selectFieldType(type: string) {\n    this.isOpen = false;\n    this.fieldTypeChange.emit(type);\n  }\n\n  render() {\n    const color = defaultRolePalette[this.assignee % 100];\n    const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));\n    const displayLabel = this.mixed\n      ? dvI18n.t('fieldproperties.mixed')\n      : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');\n\n    return (\n      <Host>\n        <div class=\"ls-dv-fieldtype-dropdown\">\n          <div\n            class=\"ls-dv-fieldtype-header\"\n            style={{\n              border: `1px dashed ${color.s30}`,\n              background: color.s10,\n            }}\n          >\n            <div class=\"ls-dv-fieldtype-inner\">\n              <div\n                class=\"ls-dv-fieldtype-icon\"\n                style={{\n                  border: `1px solid ${color.s60}`,\n                  color: color.s60,\n                  background: color.s10,\n                }}\n              >\n                <ls-icon name={this.mixed ? 'view-grid-icon' as any : getFieldIcon(this.fieldType) as any} size={20} />\n              </div>\n              <span class=\"ls-dv-fieldtype-name\">{displayLabel}</span>\n              {!this.disabled && (\n                <button\n                  class=\"ls-dv-fieldtype-btn\"\n                  onClick={e => {\n                    e.stopPropagation();\n                    this.toggleDropdown();\n                  }}\n                  data-tooltip-id=\"ls-dv-tooltip\"\n                  data-tooltip-content={dvI18n.t('fieldproperties.changefieldtype')}\n                >\n                  <ls-icon name=\"switch-horizontal-icon\" size={16} />\n                </button>\n              )}\n            </div>\n          </div>\n          {this.isOpen && (\n            <div class=\"ls-dv-fieldtype-list\">\n              {validTypes.map(type => (\n                <div\n                  class={`ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`}\n                  style={{\n                    '--background-selected': color.s10,\n                    '--check-icon-selected': color.s50,\n                  }}\n                  onClick={() => this.selectFieldType(type)}\n                >\n                  <div\n                    class=\"ls-dv-fieldtype-item-icon\"\n                    style={{\n                      color: color.s60,\n                    }}\n                  >\n                    <ls-icon name={getFieldIcon(type) as any} size={16} />\n                  </div>\n                  <span class=\"ls-dv-fieldtype-item-name\">\n                    {dvI18n.t(fieldTypeKeyMap[type] || 'toolbox.text')}\n                  </span>\n                  <ls-icon\n                    class=\"ls-dv-check-icon\"\n                    name={type === this.fieldType && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n                    solid={type === this.fieldType && !this.mixed}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DUhCihul.js → p-Dab8K5mi.js}

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
@@ -98,6 +98,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPlacement as L, defineCustomElement as d };
-//# sourceMappingURL=p-DUhCihul.js.map
+//# sourceMappingURL=p-Dab8K5mi.js.map
 
-//# sourceMappingURL=p-DUhCihul.js.map
+//# sourceMappingURL=p-Dab8K5mi.js.map

package/dist/components/{p-DUhCihul.js.map → p-Dab8K5mi.js.map}

@@ -1 +1 @@
-{"file":"p-DUhCihul.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-placement/ls-field-placement.scss?tag=ls-field-placement&encapsulation=shadow","src/components/ls-field-placement/ls-field-placement.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n  color: $gray-50;\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-field-placement',\n  styleUrl: 'ls-field-placement.scss',\n  shadow: true,\n})\nexport class LsFieldPlacement {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  getMultiValue(key: string): number | undefined {\n    if (!this.isMultiple(this.dataItem)) return undefined;\n    const first = this.dataItem[0][key];\n    return this.dataItem.every(item => item[key] === first) ? first : undefined;\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n      });\n\n      this.dataItem = diffs.map(d => d.data as LSApiElement);\n      this.mutate.emit(diffs);\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n      this.dataItem = singleDiff.data as LSApiElement;\n      this.mutate.emit([singleDiff]);\n    }\n  }\n\n  center() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.width / 2 - item.width / 2;\n  }\n\n  right() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.width - item.width;\n  }\n\n  middle() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.height / 2 - item.height / 2;\n  }\n\n  bottom() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.height - item.height;\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.isMultiple(this.dataItem) && (\n          <div class={'ls-dv-field-properties-section'}>\n            <div class={'ls-dv-field-properties-section-text'}>\n              <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n              <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n            </div>\n            <div class={'ls-dv-input-row'}>\n              <div class={'ls-dv-input-wrapper'}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"top-location\"\n                  id=\"top-location\"\n                  value={this.getMultiValue('left')}\n                  placeholder={this.getMultiValue('left') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ left: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n              <div class={'ls-dv-input-wrapper'}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"left-location\"\n                  id=\"left-location\"\n                  value={this.getMultiValue('top')}\n                  placeholder={this.getMultiValue('top') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ top: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n            </div>\n          </div>\n        )}\n        {this.isSingle(this.dataItem) && (\n          <div class={'ls-dv-field-set'}>\n            {/* @Alex I couldn't get this to work?? Only Top and Left */}\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n              </div>\n              <div class={'ls-dv-multi-button-group-row'}>\n                <div class={'ls-dv-button-group'}>\n                  <button onClick={() => { this.alter({ left: 0 }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ left: this.center() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ left: this.right() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n                  </button>\n                </div>\n                <div class={'ls-dv-button-group'}>\n                  <button onClick={() => this.alter({ top: 0 })} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ top: this.middle() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ top: this.bottom() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"top-location\"\n                    id=\"top-location\"\n                    value={this.dataItem?.left}\n                    onChange={e => this.alter({ left: parseInt((e.target as HTMLInputElement).value) })}\n                    disabled={this.readonly}\n                  />\n                </div>\n                <div class={'ls-dv-input-wrapper'}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"left-location\"\n                    id=\"left-location\"\n                    value={this.dataItem?.top}\n                    onChange={e => this.alter({ top: parseInt((e.target as HTMLInputElement).value) })}\n                    width=\"30\"\n                    disabled={this.readonly}\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n              </div>\n              <div class={'ls-dv-button-group'}>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n                  <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n                  <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n                </button>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n                  <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-vertically-icon\"></ls-icon>\n                  <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"vertical-gap\" id=\"vertical-gap\" disabled />\n                </div>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n                  <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n                  <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"horizontal-gap\" id=\"horizontal-gap\" disabled />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dab8K5mi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-placement/ls-field-placement.scss?tag=ls-field-placement&encapsulation=shadow","src/components/ls-field-placement/ls-field-placement.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n  color: $gray-50;\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-field-placement',\n  styleUrl: 'ls-field-placement.scss',\n  shadow: true,\n})\nexport class LsFieldPlacement {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  getMultiValue(key: string): number | undefined {\n    if (!this.isMultiple(this.dataItem)) return undefined;\n    const first = this.dataItem[0][key];\n    return this.dataItem.every(item => item[key] === first) ? first : undefined;\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n      });\n\n      this.dataItem = diffs.map(d => d.data as LSApiElement);\n      this.mutate.emit(diffs);\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n      this.dataItem = singleDiff.data as LSApiElement;\n      this.mutate.emit([singleDiff]);\n    }\n  }\n\n  center() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.width / 2 - item.width / 2;\n  }\n\n  right() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.width - item.width;\n  }\n\n  middle() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.height / 2 - item.height / 2;\n  }\n\n  bottom() {\n    const item = this.dataItem as LSApiElement;\n    return item.pageDimensions.height - item.height;\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.isMultiple(this.dataItem) && (\n          <div class={'ls-dv-field-properties-section'}>\n            <div class={'ls-dv-field-properties-section-text'}>\n              <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n              <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n            </div>\n            <div class={'ls-dv-input-row'}>\n              <div class={'ls-dv-input-wrapper'}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"top-location\"\n                  id=\"top-location\"\n                  value={this.getMultiValue('left')}\n                  placeholder={this.getMultiValue('left') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ left: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n              <div class={'ls-dv-input-wrapper'}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"left-location\"\n                  id=\"left-location\"\n                  value={this.getMultiValue('top')}\n                  placeholder={this.getMultiValue('top') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ top: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n            </div>\n          </div>\n        )}\n        {this.isSingle(this.dataItem) && (\n          <div class={'ls-dv-field-set'}>\n            {/* @Alex I couldn't get this to work?? Only Top and Left */}\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n              </div>\n              <div class={'ls-dv-multi-button-group-row'}>\n                <div class={'ls-dv-button-group'}>\n                  <button onClick={() => { this.alter({ left: 0 }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ left: this.center() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ left: this.right() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n                  </button>\n                </div>\n                <div class={'ls-dv-button-group'}>\n                  <button onClick={() => this.alter({ top: 0 })} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ top: this.middle() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n                  </button>\n                  <button onClick={() => { this.alter({ top: this.bottom() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')} disabled={this.readonly}>\n                    <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"top-location\"\n                    id=\"top-location\"\n                    value={this.dataItem?.left}\n                    onChange={e => this.alter({ left: parseInt((e.target as HTMLInputElement).value) })}\n                    disabled={this.readonly}\n                  />\n                </div>\n                <div class={'ls-dv-input-wrapper'}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"left-location\"\n                    id=\"left-location\"\n                    value={this.dataItem?.top}\n                    onChange={e => this.alter({ top: parseInt((e.target as HTMLInputElement).value) })}\n                    width=\"30\"\n                    disabled={this.readonly}\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n              </div>\n              <div class={'ls-dv-button-group'}>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n                  <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n                  <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n                </button>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n                  <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-vertically-icon\"></ls-icon>\n                  <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"vertical-gap\" id=\"vertical-gap\" disabled />\n                </div>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n                  <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n                  <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"horizontal-gap\" id=\"horizontal-gap\" disabled />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-C0fuTQ5C.js → p-DkV1l_zw.js}

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
@@ -121,6 +121,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldDimensions as L, defineCustomElement as d };
-//# sourceMappingURL=p-C0fuTQ5C.js.map
+//# sourceMappingURL=p-DkV1l_zw.js.map
 
-//# sourceMappingURL=p-C0fuTQ5C.js.map
+//# sourceMappingURL=p-DkV1l_zw.js.map

package/dist/components/{p-C0fuTQ5C.js.map → p-DkV1l_zw.js.map}

@@ -1 +1 @@
-{"file":"p-C0fuTQ5C.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n  tag: 'ls-field-dimensions',\n  styleUrl: 'ls-field-dimensions.scss',\n  shadow: true,\n})\nexport class LsFieldDimensions {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop() template: any; // LSApiTemplate\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  getMultiValue(key: string): number | undefined {\n    if (!this.isMultiple(this.dataItem)) return undefined;\n    const first = this.dataItem[0][key];\n    return this.dataItem.every(item => item[key] === first) ? first : undefined;\n  }\n\n  getDataItem(): LSApiElement {\n    if (this.isSingle(this.dataItem)) {\n      return this.dataItem;\n    }\n    return this.dataItem[0];\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff);\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n      });\n\n      this.dataItem = diffs.map(d => d.data as LSApiElement);\n      this.mutate.emit(diffs);\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n      this.dataItem = singleDiff.data as LSApiElement;\n      this.mutate.emit([singleDiff]);\n    }\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.isMultiple(this.dataItem) && (\n          <div class={'ls-dv-field-properties-section'}>\n            <div class={'ls-dv-field-properties-section-text'}>\n              <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n              <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n            </div>\n            <div class={'ls-dv-input-row'}>\n              <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"field-width\"\n                  id=\"field-width\"\n                  value={this.getMultiValue('width')}\n                  placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n              <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"field-height\"\n                  id=\"field-height\"\n                  value={this.getMultiValue('height')}\n                  placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n            </div>\n\n            {/* <div>\n              Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n            </div>\n            <div>\n              Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n            </div> */}\n          </div>\n        )}\n        {this.isSingle(this.dataItem) && (\n          <div class={'ls-dv-field-set'}>\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"field-width\"\n                    id=\"field-width\"\n                    min={5}\n                    max={this.dataItem.pageDimensions.width - this.dataItem.width}\n                    value={this.dataItem?.width}\n                    onChange={e => {\n                      const di = this.getDataItem();\n                      const newWidth = parseInt((e.target as HTMLInputElement).value);\n                      if (newWidth > di.pageDimensions.width - di.left) {\n                        return;\n                      }\n                      // If signature field with fixed scale, auto-adjust height\n                      if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n                        const newHeight = Math.round(newWidth / 3.8);\n                        this.alter({ width: newWidth, height: newHeight });\n                      } else {\n                        this.alter({ width: newWidth });\n                      }\n                    }}\n                    disabled={this.readonly}\n                  />\n                </div>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"field-height\"\n                    id=\"field-height\"\n                    value={this.dataItem?.height}\n                    onChange={e => {\n                      const di = this.getDataItem();\n                      const newHeight = parseInt((e.target as HTMLInputElement).value);\n                      if (newHeight > di.pageDimensions.height - di.top) {\n                        return;\n                      }\n                      // If signature field with fixed scale, auto-adjust width\n                      if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n                        const newWidth = Math.round(newHeight * 3.8);\n                        this.alter({ height: newHeight, width: newWidth });\n                      } else {\n                        this.alter({ height: newHeight });\n                      }\n                    }}\n                    disabled={this.readonly}\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n              </div>\n              <div class={'ls-dv-button-group'}>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n                  <ls-icon name=\"field-scale-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n                  <ls-icon name=\"field-match-width-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n                  <ls-icon name=\"field-match-height-icon\"></ls-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DkV1l_zw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.scss?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { Element } from '@stencil/core';\n\n@Component({\n  tag: 'ls-field-dimensions',\n  styleUrl: 'ls-field-dimensions.scss',\n  shadow: true,\n})\nexport class LsFieldDimensions {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop() template: any; // LSApiTemplate\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  getMultiValue(key: string): number | undefined {\n    if (!this.isMultiple(this.dataItem)) return undefined;\n    const first = this.dataItem[0][key];\n    return this.dataItem.every(item => item[key] === first) ? first : undefined;\n  }\n\n  getDataItem(): LSApiElement {\n    if (this.isSingle(this.dataItem)) {\n      return this.dataItem;\n    }\n    return this.dataItem[0];\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff);\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n      });\n\n      this.dataItem = diffs.map(d => d.data as LSApiElement);\n      this.mutate.emit(diffs);\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n      this.dataItem = singleDiff.data as LSApiElement;\n      this.mutate.emit([singleDiff]);\n    }\n  }\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.isMultiple(this.dataItem) && (\n          <div class={'ls-dv-field-properties-section'}>\n            <div class={'ls-dv-field-properties-section-text'}>\n              <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n              <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n            </div>\n            <div class={'ls-dv-input-row'}>\n              <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"field-width\"\n                  id=\"field-width\"\n                  value={this.getMultiValue('width')}\n                  placeholder={this.getMultiValue('width') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ width: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n              <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n                <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n                <input\n                  type=\"number\"\n                  class={'ls-dv-has-leading-icon'}\n                  aria=\"field-height\"\n                  id=\"field-height\"\n                  value={this.getMultiValue('height')}\n                  placeholder={this.getMultiValue('height') === undefined ? dvI18n.t('fieldproperties.mixed') : undefined}\n                  onChange={e => this.alter({ height: parseInt((e.target as HTMLInputElement).value) })}\n                  disabled={this.readonly}\n                />\n              </div>\n            </div>\n\n            {/* <div>\n              Top: <input value={''} onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" />\n            </div>\n            <div>\n              Left: <input value={''} onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" />\n            </div> */}\n          </div>\n        )}\n        {this.isSingle(this.dataItem) && (\n          <div class={'ls-dv-field-set'}>\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.heightandwidth')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.heightandwidthdescription')}</p>\n              </div>\n              <div class={'ls-dv-input-row'}>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setwidthtooltip')}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"field-match-width-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"field-width\"\n                    id=\"field-width\"\n                    min={5}\n                    max={this.dataItem.pageDimensions.width - this.dataItem.width}\n                    value={this.dataItem?.width}\n                    onChange={e => {\n                      const di = this.getDataItem();\n                      const newWidth = parseInt((e.target as HTMLInputElement).value);\n                      if (newWidth > di.pageDimensions.width - di.left) {\n                        return;\n                      }\n                      // If signature field with fixed scale, auto-adjust height\n                      if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n                        const newHeight = Math.round(newWidth / 3.8);\n                        this.alter({ width: newWidth, height: newHeight });\n                      } else {\n                        this.alter({ width: newWidth });\n                      }\n                    }}\n                    disabled={this.readonly}\n                  />\n                </div>\n                <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('dimensions.setheighttooltip')}>\n                  <ls-icon id=\"selectLeadingIcon\" name=\"field-match-height-icon\"></ls-icon>\n                  <input\n                    type=\"number\"\n                    class={'ls-dv-has-leading-icon'}\n                    aria=\"field-height\"\n                    id=\"field-height\"\n                    value={this.dataItem?.height}\n                    onChange={e => {\n                      const di = this.getDataItem();\n                      const newHeight = parseInt((e.target as HTMLInputElement).value);\n                      if (newHeight > di.pageDimensions.height - di.top) {\n                        return;\n                      }\n                      // If signature field with fixed scale, auto-adjust width\n                      if (di.formElementType === 'signature' && this.template?.fixSignatureScale) {\n                        const newWidth = Math.round(newHeight * 3.8);\n                        this.alter({ height: newHeight, width: newWidth });\n                      } else {\n                        this.alter({ height: newHeight });\n                      }\n                    }}\n                    disabled={this.readonly}\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n              </div>\n              <div class={'ls-dv-button-group'}>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplescale')}>\n                  <ls-icon name=\"field-scale-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultiplewidth')}>\n                  <ls-icon name=\"field-match-width-icon\"></ls-icon>\n                </button>\n                <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipleheight')}>\n                  <ls-icon name=\"field-match-height-icon\"></ls-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Rqv3ICkT.js → p-Dl8z1tmj.js}

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
@@ -238,6 +238,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsSelectMenu as L, defineCustomElement as d };
-//# sourceMappingURL=p-Rqv3ICkT.js.map
+//# sourceMappingURL=p-Dl8z1tmj.js.map
 
-//# sourceMappingURL=p-Rqv3ICkT.js.map
+//# sourceMappingURL=p-Dl8z1tmj.js.map

package/dist/components/{p-Rqv3ICkT.js.map → p-Dl8z1tmj.js.map}

@@ -1 +1 @@
-{"file":"p-Rqv3ICkT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n  position: relative;\n}\n\n.ls-select-menu-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  height: 2rem;\n  width: 2rem;\n  min-height: unset;\n  min-width: unset;\n  border-radius: 0.625rem;\n  background: $primary-10;\n  border: 1px solid $primary-60;\n  color: $primary-60;\n  cursor: pointer;\n  overflow: hidden;\n  white-space: nowrap;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-weight: 400;\n  color: $primary-60;\n  max-width: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n  width: auto;\n  gap: 0.375rem;\n  padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n  outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n  max-width: 8rem;\n  opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n  position: absolute;\n  top: 2.5rem;\n  left: 0;\n  min-width: 14rem;\n  padding: 0.25rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-20;\n  background: $white;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  z-index: 1000;\n}\n\n.ls-select-menu-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  border: none;\n  border-radius: 0.75rem;\n  background: transparent;\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-weight: 400;\n  cursor: pointer;\n  text-align: left;\n  min-height: unset;\n  white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n  background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n  color: $gray-40;\n  cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n  height: 1px;\n  margin: 0.25rem -0.75rem;\n  background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-select-menu',\n  styleUrl: 'ls-select-menu.scss',\n  shadow: true,\n})\nexport class LsSelectMenu {\n  @Element() el: HTMLElement;\n\n  @Prop() selected: any[] = [];\n  @Prop() pageNum: number;\n  @Prop() editor: any;\n  @Prop() floating: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() isVisible: boolean = false;\n  @State() isHeldDown: boolean = false;\n  @State() floatingTop: number = 0;\n  @State() floatingLeft: number = 0;\n\n  private scrollHandler: () => void;\n  private frameMouseDownHandler: () => void;\n  private frameMouseUpHandler: () => void;\n  private frameKeyDownHandler: (e: KeyboardEvent) => void;\n  private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n  @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n  componentDidLoad() {\n    ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n      this.el.addEventListener(eventType, e => {\n        e.stopPropagation();\n      });\n    });\n\n    if (this.floating) {\n      this.scrollHandler = () => this.updateFloatingVisibility();\n      const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n      if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n      const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n      if (frame) {\n        this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n        this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n        frame.addEventListener('mousedown', this.frameMouseDownHandler);\n        frame.addEventListener('mouseup', this.frameMouseUpHandler);\n      }\n\n      const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n      this.frameKeyDownHandler = (e: KeyboardEvent) => {\n        if (arrowKeys.has(e.key)) this.isHeldDown = true;\n      };\n      this.frameKeyUpHandler = (e: KeyboardEvent) => {\n        if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n      };\n      document.addEventListener('keydown', this.frameKeyDownHandler);\n      document.addEventListener('keyup', this.frameKeyUpHandler);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.floating) {\n      const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n      if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n      const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n      if (frame) {\n        if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n        if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n      }\n      if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n      if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n    }\n  }\n\n  @Watch('selected')\n  @Watch('pageNum')\n  onSelectionChange() {\n    if (this.floating) {\n      this.updateFloatingVisibility();\n    }\n  }\n\n  private updateFloatingVisibility() {\n    if (!this.floating || !this.editor) {\n      this.isVisible = false;\n      return;\n    }\n\n    const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n    if (!pageSelected || pageSelected.length === 0) {\n      this.isVisible = false;\n      return;\n    }\n\n    // Check if main select menu button is out of view\n    const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n    if (!mainMenu) {\n      this.isVisible = false;\n      return;\n    }\n\n    const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n    if (!wrapper) {\n      this.isVisible = false;\n      return;\n    }\n\n    const wrapperRect = wrapper.getBoundingClientRect();\n    const mainRect = mainMenu.getBoundingClientRect();\n    const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n                       mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n    if (mainInView) {\n      this.isVisible = false;\n      return;\n    }\n\n    // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n    const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n    if (!frame) {\n      this.isVisible = false;\n      return;\n    }\n    const frameRect = frame.getBoundingClientRect();\n\n    let maxRight = -Infinity;\n    let minTop = Infinity;\n    pageSelected.forEach(f => {\n      const rect = f.getBoundingClientRect();\n      const right = rect.right - frameRect.left;\n      const top = rect.top - frameRect.top;\n      if (right > maxRight) maxRight = right;\n      if (top < minTop) minTop = top;\n    });\n\n    this.floatingTop = minTop + frame.scrollTop;\n    this.floatingLeft = maxRight + frame.scrollLeft + 8;\n    this.isVisible = true;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private get hasSelection(): boolean {\n    return this.selected?.length > 0;\n  }\n\n  private getAllFields(): any[] {\n    return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') || []);\n  }\n\n  private selectAll() {\n    const fields = this.getAllFields();\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectAllOnPage() {\n    const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameParticipant() {\n    if (!this.hasSelection) return;\n    const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n    const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameType() {\n    if (!this.hasSelection) return;\n    const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n    const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameParticipantAndType() {\n    if (!this.hasSelection) return;\n    const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n    const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  render() {\n    if (this.floating && (!this.isVisible || this.isHeldDown)) return null;\n\n    const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n    if (this.floating) {\n      this.el.style.position = 'absolute';\n      this.el.style.top = this.floatingTop + 'px';\n      this.el.style.left = this.floatingLeft + 'px';\n    }\n\n    return (\n      <div class=\"ls-select-menu\">\n        <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n        >\n          <ls-icon name=\"cursor-click-icon\" />\n          <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n        </button>\n        {this.isOpen && (\n          <div class=\"ls-select-menu-dropdown\">\n            <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n              {dvI18n.t('selectmenu.selectall')}\n            </button>\n            <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n              {dvI18n.t('selectmenu.selectallonpage')}\n            </button>\n            <div class=\"ls-select-menu-divider\" />\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameParticipant()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sameparticipant')}\n            </button>\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameType()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sametype')}\n            </button>\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameParticipantAndType()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sameparticipantandtype')}\n            </button>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dl8z1tmj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-select-menu/ls-select-menu.scss?tag=ls-select-menu&encapsulation=shadow","src/components/ls-select-menu/ls-select-menu.tsx"],"sourcesContent":[".ls-select-menu {\n  position: relative;\n}\n\n.ls-select-menu-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  height: 2rem;\n  width: 2rem;\n  min-height: unset;\n  min-width: unset;\n  border-radius: 0.625rem;\n  background: $primary-10;\n  border: 1px solid $primary-60;\n  color: $primary-60;\n  cursor: pointer;\n  overflow: hidden;\n  white-space: nowrap;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease, gap 0.2s ease;\n}\n\n.ls-select-menu-trigger-text {\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-weight: 400;\n  color: $primary-60;\n  max-width: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-width 0.2s ease, opacity 0.15s ease;\n}\n\n.ls-select-menu-trigger:hover,\n.ls-select-menu-trigger-expanded {\n  width: auto;\n  gap: 0.375rem;\n  padding: 0.125rem 0.625rem 0.125rem 0.5rem;\n}\n\n.ls-select-menu-trigger-expanded {\n  outline: 4px solid $primary-30;\n}\n\n.ls-select-menu-trigger:hover .ls-select-menu-trigger-text,\n.ls-select-menu-trigger-expanded .ls-select-menu-trigger-text {\n  max-width: 8rem;\n  opacity: 1;\n}\n\n.ls-select-menu-dropdown {\n  position: absolute;\n  top: 2.5rem;\n  left: 0;\n  min-width: 14rem;\n  padding: 0.25rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-20;\n  background: $white;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  z-index: 1000;\n}\n\n.ls-select-menu-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  border: none;\n  border-radius: 0.75rem;\n  background: transparent;\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-weight: 400;\n  cursor: pointer;\n  text-align: left;\n  min-height: unset;\n  white-space: nowrap;\n}\n\n.ls-select-menu-item:hover:not(:disabled) {\n  background: $gray-10;\n}\n\n.ls-select-menu-disabled {\n  color: $gray-40;\n  cursor: not-allowed;\n}\n\n.ls-select-menu-divider {\n  height: 1px;\n  margin: 0.25rem -0.75rem;\n  background: $gray-20;\n}\n","import { Component, Element, Prop, State, Event, EventEmitter, Listen, Watch, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-select-menu',\n  styleUrl: 'ls-select-menu.scss',\n  shadow: true,\n})\nexport class LsSelectMenu {\n  @Element() el: HTMLElement;\n\n  @Prop() selected: any[] = [];\n  @Prop() pageNum: number;\n  @Prop() editor: any;\n  @Prop() floating: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() isVisible: boolean = false;\n  @State() isHeldDown: boolean = false;\n  @State() floatingTop: number = 0;\n  @State() floatingLeft: number = 0;\n\n  private scrollHandler: () => void;\n  private frameMouseDownHandler: () => void;\n  private frameMouseUpHandler: () => void;\n  private frameKeyDownHandler: (e: KeyboardEvent) => void;\n  private frameKeyUpHandler: (e: KeyboardEvent) => void;\n\n  @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<any[]>;\n\n  componentDidLoad() {\n    ['mousedown', 'mouseup', 'mousemove', 'click', 'dblclick'].forEach(eventType => {\n      this.el.addEventListener(eventType, e => {\n        e.stopPropagation();\n      });\n    });\n\n    if (this.floating) {\n      this.scrollHandler = () => this.updateFloatingVisibility();\n      const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n      if (wrapper) wrapper.addEventListener('scroll', this.scrollHandler);\n\n      const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n      if (frame) {\n        this.frameMouseDownHandler = () => { this.isHeldDown = true; };\n        this.frameMouseUpHandler = () => { this.isHeldDown = false; this.updateFloatingVisibility(); };\n        frame.addEventListener('mousedown', this.frameMouseDownHandler);\n        frame.addEventListener('mouseup', this.frameMouseUpHandler);\n      }\n\n      const arrowKeys = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']);\n      this.frameKeyDownHandler = (e: KeyboardEvent) => {\n        if (arrowKeys.has(e.key)) this.isHeldDown = true;\n      };\n      this.frameKeyUpHandler = (e: KeyboardEvent) => {\n        if (arrowKeys.has(e.key)) { this.isHeldDown = false; this.updateFloatingVisibility(); }\n      };\n      document.addEventListener('keydown', this.frameKeyDownHandler);\n      document.addEventListener('keyup', this.frameKeyUpHandler);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.floating) {\n      const wrapper = this.editor?.component?.shadowRoot?.getElementById('document-frame-wrapper');\n      if (wrapper && this.scrollHandler) wrapper.removeEventListener('scroll', this.scrollHandler);\n      const frame = this.editor?.component?.shadowRoot?.getElementById('ls-document-frame');\n      if (frame) {\n        if (this.frameMouseDownHandler) frame.removeEventListener('mousedown', this.frameMouseDownHandler);\n        if (this.frameMouseUpHandler) frame.removeEventListener('mouseup', this.frameMouseUpHandler);\n      }\n      if (this.frameKeyDownHandler) document.removeEventListener('keydown', this.frameKeyDownHandler);\n      if (this.frameKeyUpHandler) document.removeEventListener('keyup', this.frameKeyUpHandler);\n    }\n  }\n\n  @Watch('selected')\n  @Watch('pageNum')\n  onSelectionChange() {\n    if (this.floating) {\n      this.updateFloatingVisibility();\n    }\n  }\n\n  private updateFloatingVisibility() {\n    if (!this.floating || !this.editor) {\n      this.isVisible = false;\n      return;\n    }\n\n    const pageSelected = this.selected?.filter(f => f.dataItem?.page === this.pageNum);\n    if (!pageSelected || pageSelected.length === 0) {\n      this.isVisible = false;\n      return;\n    }\n\n    // Check if main select menu button is out of view\n    const mainMenu = this.editor.component?.shadowRoot?.querySelector('.ls-dv-select-menu-position') as HTMLElement;\n    if (!mainMenu) {\n      this.isVisible = false;\n      return;\n    }\n\n    const wrapper = this.editor.component?.shadowRoot?.getElementById('document-frame-wrapper');\n    if (!wrapper) {\n      this.isVisible = false;\n      return;\n    }\n\n    const wrapperRect = wrapper.getBoundingClientRect();\n    const mainRect = mainMenu.getBoundingClientRect();\n    const mainInView = mainRect.top >= wrapperRect.top && mainRect.bottom <= wrapperRect.bottom &&\n                       mainRect.left >= wrapperRect.left && mainRect.right <= wrapperRect.right;\n\n    if (mainInView) {\n      this.isVisible = false;\n      return;\n    }\n\n    // Calculate position: top-right of selection bounds using getBoundingClientRect for accuracy\n    const frame = this.editor.component?.shadowRoot?.getElementById('ls-document-frame');\n    if (!frame) {\n      this.isVisible = false;\n      return;\n    }\n    const frameRect = frame.getBoundingClientRect();\n\n    let maxRight = -Infinity;\n    let minTop = Infinity;\n    pageSelected.forEach(f => {\n      const rect = f.getBoundingClientRect();\n      const right = rect.right - frameRect.left;\n      const top = rect.top - frameRect.top;\n      if (right > maxRight) maxRight = right;\n      if (top < minTop) minTop = top;\n    });\n\n    this.floatingTop = minTop + frame.scrollTop;\n    this.floatingLeft = maxRight + frame.scrollLeft + 8;\n    this.isVisible = true;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private get hasSelection(): boolean {\n    return this.selected?.length > 0;\n  }\n\n  private getAllFields(): any[] {\n    return Array.from(this.editor?.component?.shadowRoot?.querySelectorAll('ls-editor-field') || []);\n  }\n\n  private selectAll() {\n    const fields = this.getAllFields();\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectAllOnPage() {\n    const fields = this.getAllFields().filter(f => f.dataItem?.page === this.pageNum);\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameParticipant() {\n    if (!this.hasSelection) return;\n    const signers = new Set(this.selected.map(f => f.dataItem?.signer));\n    const fields = this.getAllFields().filter(f => signers.has(f.dataItem?.signer));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameType() {\n    if (!this.hasSelection) return;\n    const types = new Set(this.selected.map(f => f.dataItem?.formElementType));\n    const fields = this.getAllFields().filter(f => types.has(f.dataItem?.formElementType));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  private selectBySameParticipantAndType() {\n    if (!this.hasSelection) return;\n    const keys = new Set(this.selected.map(f => `${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n    const fields = this.getAllFields().filter(f => keys.has(`${f.dataItem?.signer}::${f.dataItem?.formElementType}`));\n    this.selectFields.emit(fields.map(f => f.dataItem));\n    this.isOpen = false;\n  }\n\n  render() {\n    if (this.floating && (!this.isVisible || this.isHeldDown)) return null;\n\n    const disabledTooltip = dvI18n.t('selectmenu.disabledtooltip');\n\n    if (this.floating) {\n      this.el.style.position = 'absolute';\n      this.el.style.top = this.floatingTop + 'px';\n      this.el.style.left = this.floatingLeft + 'px';\n    }\n\n    return (\n      <div class=\"ls-select-menu\">\n        <button class={{ 'ls-select-menu-trigger': true, 'ls-select-menu-trigger-expanded': this.isOpen }} onClick={() => (this.isOpen = !this.isOpen)}\n        >\n          <ls-icon name=\"cursor-click-icon\" />\n          <span class=\"ls-select-menu-trigger-text\">{this.floating ? dvI18n.t('selectmenu.titlefloating') : dvI18n.t('selectmenu.title')}</span>\n        </button>\n        {this.isOpen && (\n          <div class=\"ls-select-menu-dropdown\">\n            <button class=\"ls-select-menu-item\" onClick={() => this.selectAll()}>\n              {dvI18n.t('selectmenu.selectall')}\n            </button>\n            <button class=\"ls-select-menu-item\" onClick={() => this.selectAllOnPage()}>\n              {dvI18n.t('selectmenu.selectallonpage')}\n            </button>\n            <div class=\"ls-select-menu-divider\" />\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameParticipant()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sameparticipant')}\n            </button>\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameType()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sametype')}\n            </button>\n            <button\n              class={{ 'ls-select-menu-item': true, 'ls-select-menu-disabled': !this.hasSelection }}\n              disabled={!this.hasSelection}\n              onClick={() => this.selectBySameParticipantAndType()}\n              data-tooltip-id=\"ls-select-menu-tooltip\"\n              data-tooltip-content={!this.hasSelection ? disabledTooltip : null}\n              data-tooltip-place=\"left\"\n            >\n              {dvI18n.t('selectmenu.sameparticipantandtype')}\n            </button>\n          </div>\n        )}\n        <ls-tooltip tooltipId=\"ls-select-menu-tooltip\" />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D9mePwWa.js → p-Dy-dPxzq.js}

@@ -1,14 +1,14 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$n } from './p-C-5L6LAY.js';
+import { d as defineCustomElement$n } from './p-CgoyKNia.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$l } from './p-Bxlq9ywP.js';
-import { d as defineCustomElement$k } from './p-BiQfNAXm.js';
-import { d as defineCustomElement$j } from './p-C0fuTQ5C.js';
-import { d as defineCustomElement$i } from './p-MKp33FTH.js';
-import { d as defineCustomElement$h } from './p-DUhCihul.js';
-import { d as defineCustomElement$g } from './p-CJIhr6ns.js';
-import { d as defineCustomElement$f } from './p-C7WYjjf5.js';
-import { d as defineCustomElement$e } from './p-883oa-R7.js';
+import { d as defineCustomElement$l } from './p-CvMzUIlC.js';
+import { d as defineCustomElement$k } from './p-DNx0Ngpa.js';
+import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
+import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
+import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
+import { d as defineCustomElement$g } from './p-BgIA-QAy.js';
+import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
+import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -36,14 +36,16 @@ const LsFieldPropertiesText = /*@__PURE__*/ proxyCustomElement(class LsFieldProp
     dataItem;
     roles = [];
     readonly = false;
+    filtertoolbox = null;
     render() {
-        return (h(Host, { key: '1990cfcc7301046afbc2c664a3539a43b3677518' }, h("ls-field-properties-container", { key: 'f29c7cc95219c6fce831f40dfef7427dec803864', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5e5ff24ea6e9e4b428dbbe9ef3f1fdda17158e0f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '7326177fabaa07de20bd2f6b05fe7c3c43594855', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '3cc01c99d325828f40b9363a7f648ec28de98ab3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '5d04961a8cc3432cf890b5495ab12ffce46e6f2e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'fe2da9e8b7f5443c792bfc6d164a61bcb2bd06b7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '6e11e2d5dd87bf9779244f229f8429f0f7d5e913', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'd923eca171670980920beefcc5926f3fea0ef6c2', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'eb13dc49bb6f377b59ce039f1553c7bdb913afd7', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '57219b2a99d90b64587ae33a744d6af81fea9e3d' }, h("ls-field-properties-container", { key: 'ab6ee3f4564fcfb9ddb31c0a32f67935505dcbda', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ecc22318126e92b54c8696d94812ded394084d12', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '3b4b0b841a36b3d170962ab194de9be48a3e6df0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '3a8193327c773938c912f281841b8d7e5d2d01e6', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '36c0e139d30d6c7d453029613eba0a263df3ea3e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '75646ab5bd9e109efb1c8a45fdf65c0dc2a95780', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '9c424eb72b7eaf28dfcdd4a603d218f6f43862dd', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'c5dfa0d2256b6bad91bfdf57f16f74d545138fa2', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b2ab8604c791c3160342382b2cd55024de259f5b', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get style() { return lsFieldPropertiesTextCss(); }
 }, [769, "ls-field-properties-text", {
         "dataItem": [16],
         "roles": [16],
-        "readonly": [4]
+        "readonly": [4],
+        "filtertoolbox": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -176,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesText as L, defineCustomElement as d };
-//# sourceMappingURL=p-D9mePwWa.js.map
+//# sourceMappingURL=p-Dy-dPxzq.js.map
 
-//# sourceMappingURL=p-D9mePwWa.js.map
+//# sourceMappingURL=p-Dy-dPxzq.js.map