le-kit 0.5.3 → 0.6.0

package/dist/esm/le-code-input.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-code-input.entry.js","sources":["src/components/le-code-input/le-code-input.css?tag=le-code-input&encapsulation=shadow","src/components/le-code-input/le-code-input.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --le-input-bg: var(--le-color-surface, #ffffff);\n  --le-input-color: var(--le-color-text-primary, #333333);\n  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);\n  --le-input-radius: var(--le-radius-sm, 4px);\n  --le-input-border-focus: 2px solid var(--le-color-focus);\n  --le-input-border-focus-offset: 2px;\n}\n\n.le-code-input-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.le-input-label {\n  display: block;\n  margin-bottom: var(--le-spacing-2, 0.5rem);\n  color: var(--le-text-color, inherit);\n  font-size: var(--le-font-size-sm, 0.875rem);\n  font-weight: 500;\n}\n\n.input-group {\n  position: relative;\n  display: inline-flex;\n  width: fit-content;\n}\n\n.ghost-input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  z-index: 10;\n  cursor: text;\n  color: transparent;\n  background: transparent;\n  caret-color: transparent;\n  border: none;\n  outline: none;\n  letter-spacing: 1em; /* Try to match boxes? */\n}\n\n.ghost-input:disabled {\n  cursor: not-allowed;\n}\n\n.visual-container {\n  display: flex;\n  gap: var(--le-spacing-2, 8px);\n  pointer-events: none; /* Let clicks pass to ghost input */\n}\n\n.code-box {\n  position: relative;\n  width: var(--le-code-box-size, 32px);\n  height: var(--le-code-box-size, 42px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--le-input-bg);\n  border: var(--le-input-border);\n  border-radius: var(--le-input-radius);\n  color: var(--le-input-color);\n  font-size: 1.2rem;\n  transition: all 0.15s ease-in-out;\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.code-box.active {\n  outline: var(--le-input-border-focus);\n  outline-offset: var(--le-input-border-focus-offset);\n  z-index: 1;\n}\n\n.code-box.selected {\n  background-color: SelectedItem;\n  outline: var(--le-input-border-focus);\n  outline-offset: var(--le-input-border-focus-offset);\n}\n\n.input-group.has-error .code-box {\n  border: var(--le-input-border-error, 1px solid #ef4444);\n}\n\n.input-group.has-error .code-box.active {\n  border-width: 2px;\n}\n\n:host(.disabled) .code-box {\n  background-color: var(--le-color-disabled-bg, #f3f4f6);\n  color: var(--le-color-disabled-text, #9ca3af);\n  border-color: var(--le-color-disabled-border, #e5e7eb);\n}\n\n.le-input-description,\n:host(p) {\n  margin-top: var(--le-spacing-1, 0.25rem);\n  color: var(--le-text-muted, #6b7280);\n  font-size: var(--le-font-size-sm, 0.875rem);\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Element, Watch } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A one-time code input component with individual frames for each character.\n * Supports standard copy/paste and range selection behaviors.\n *\n * @slot description - Additional description text displayed below the input\n *\n * @cssprop --le-code-box-size - Size of each character box (default: 40px width, 48px height)\n * @cssprop --le-input-bg - Input background color\n * @cssprop --le-input-color - Input text color\n * @cssprop --le-input-border - Input border style\n * @cssprop --le-input-border-focus - Input border style when focused\n * @cssprop --le-input-border-error - Input border style when invalid\n * @cssprop --le-input-radius - Input border radius\n */\n@Component({\n  tag: 'le-code-input',\n  styleUrl: 'le-code-input.css',\n  shadow: true,\n})\nexport class LeCodeInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * The value of the input\n   */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n\n  /**\n   * The name of the input\n   */\n  @Prop() name: string;\n\n  /**\n   * Label for the input\n   */\n  @Prop() label: string;\n\n  /**\n   * Length of the code (number of characters)\n   */\n  @Prop() length: number = 6;\n\n  /**\n   * Description text displayed below the input\n   * in case there is a more complex markup,\n   * it can be provided via slot as well\n   */\n  @Prop() description?: string;\n\n  /**\n   * The type of code (numeric or alphanumeric)\n   * This affects the keyboard layout on mobile devices.\n   */\n  @Prop() type: 'text' | 'number' = 'text';\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * External ID for linking with external systems\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Internal validation state (can be set externally manually or via simple check)\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Emitted when the value changes (on blur or Enter)\n   */\n  @Event() leChange: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  /**\n   * Emitted when the input value changes (on keystroke)\n   */\n  @Event() leInput: EventEmitter<{ value: string; name: string; externalId: string }>;\n\n  /**\n   * Emitted when the input is focused\n   */\n  @Event() leFocus: EventEmitter<void>;\n\n  /**\n   * Emitted when the input is blurred\n   */\n  @Event() leBlur: EventEmitter<void>;\n\n  @State() private isFocused: boolean = false;\n  @State() private selectionStart: number = 0;\n  @State() private selectionEnd: number = 0;\n\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue && newValue.length > this.length) {\n      this.value = newValue.slice(0, this.length);\n    }\n  }\n\n  componentWillLoad() {\n    if (this.value && this.value.length > this.length) {\n      this.value = this.value.slice(0, this.length);\n    }\n  }\n\n  private handleInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    let val = input.value;\n\n    // Enforce length limit\n    if (val.length > this.length) {\n      val = val.slice(0, this.length);\n      // We need to force update the input value if it exceeded length\n      // because Stencil prop update might not happen if value is same as prop but input is different\n      input.value = val;\n    }\n\n    this.value = val;\n    this.updateSelection(input);\n\n    this.leInput.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n    });\n  };\n\n  private handleChange = () => {\n    this.leChange.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n    });\n  };\n\n  private handleFocus = (ev: Event) => {\n    this.isFocused = true;\n    const input = ev.target as HTMLInputElement;\n\n    // Move cursor to the end on focus so typing appends to current value\n    window.requestAnimationFrame(() => {\n      const len = input.value.length;\n      input.setSelectionRange(len, len);\n      this.updateSelection(input);\n    });\n\n    this.leFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.isFocused = false;\n    this.leBlur.emit();\n    // Trigger change on blur\n    this.handleChange();\n  };\n\n  private handleSelect = (ev: Event) => {\n    this.updateSelection(ev.target as HTMLInputElement);\n  };\n\n  private updateSelection(input: HTMLInputElement) {\n    this.selectionStart = input.selectionStart || 0;\n    this.selectionEnd = input.selectionEnd || 0;\n  }\n\n  /**\n   * Helper to determine active index for focus ring\n   */\n  private getActiveIndex(): number {\n    if (!this.isFocused) return -1;\n\n    // If we have a range selection, usually focus ring is not shown or shown around selection?\n    // We'll stick to showing it at the cursor end (selectionEnd) or start?\n    // If range selected, `selectionStart` is start of range.\n\n    // If cursor is at the very end (pos == length), we highlight the last box\n    if (this.selectionStart === this.length && this.length > 0) {\n      return this.length - 1;\n    }\n\n    return this.selectionStart;\n  }\n\n  private renderBoxes() {\n    const boxes = [];\n    const activeIndex = this.getActiveIndex();\n    const isRangeSelection = this.selectionEnd - this.selectionStart > 0;\n\n    for (let i = 0; i < this.length; i++) {\n      const char = this.value ? this.value[i] : '';\n      const isActive = this.isFocused && !isRangeSelection && i === activeIndex;\n      const isSelected =\n        this.isFocused && isRangeSelection && i >= this.selectionStart && i < this.selectionEnd;\n\n      boxes.push(\n        <div\n          class={classnames('code-box', {\n            'active': isActive,\n            'selected': isSelected,\n            'has-value': !!char,\n          })}\n        >\n          {char}\n        </div>,\n      );\n    }\n    return boxes;\n  }\n\n  render() {\n    return (\n      <le-component\n        component=\"le-code-input\"\n        hostClass={classnames({ 'disabled': this.disabled, 'has-error': this.error })}\n      >\n        <div class=\"le-code-input-wrapper\">\n          {this.label && (\n            <label class=\"le-input-label\" htmlFor={this.name}>\n              {this.label}\n            </label>\n          )}\n\n          <div class={classnames('input-group', { 'has-error': this.error })}>\n            <input\n              class=\"ghost-input\"\n              id={this.name}\n              name={this.name}\n              type=\"text\"\n              inputMode={this.type === 'number' ? 'numeric' : 'text'}\n              pattern={this.type === 'number' ? '[0-9]*' : undefined}\n              autocomplete=\"one-time-code\"\n              value={this.value}\n              maxLength={this.length}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n              onSelect={this.handleSelect}\n              // Prevent browser autofill background from messing up visual\n              spellcheck={false}\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n            />\n\n            <div class=\"visual-container\">{this.renderBoxes()}</div>\n          </div>\n\n          {!this.error && (\n            <div class=\"le-input-description\">\n              <le-slot name=\"description\" type=\"text\" tag=\"p\" label=\"Description\">\n                <slot name=\"description\">{this.description}</slot>\n              </le-slot>\n            </div>\n          )}\n        </div>\n      </le-component>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/le-combobox.entry.js

@@ -1,208 +0,0 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DFTm5BqT.js';
-
-const leComboboxCss = () => `:host{display:inline-block;min-width:200px;--le-combobox-border-color:var(--le-color-primary, #3b82f6)}:host([disabled]){opacity:0.5;pointer-events:none}:host([full-width]){width:100%}.combobox-trigger{display:flex;align-items:center;width:100%;background:var(--le-combobox-bg, var(--le-color-surface, #fff));border:1px solid color-mix(in srgb, var(--le-combobox-border-color) 33%, transparent);border-radius:var(--le-combobox-border-radius, 0.375rem);transition:border-color 0.15s ease, box-shadow 0.15s ease}.combobox-trigger:hover:not(.is-disabled),:host(:focus-within) .combobox-trigger:not(.is-disabled){border-color:var(--le-combobox-border-color)}.combobox-trigger:focus-within{outline:2px solid var(--le-color-focus);outline-offset:2px}.combobox-trigger.is-open{border-color:var(--le-color-primary, #3b82f6)}.combobox-input{flex:1;border:none;outline:none}.combobox-input::part(container){border:none}.combobox-input::part(container):focus-within{outline:none !important}.combobox-input::placeholder{color:color-mix(in srgb, var(--le-color-text-secondary) 66%, transparent)}.combobox-trigger.is-disabled{cursor:not-allowed;background:var(--le-color-surface-disabled, #f9fafb)}.combobox-input:disabled{cursor:not-allowed}.combobox-clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;margin-right:0.25rem;color:var(--le-color-primary, #3b82f6);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;opacity:0.6;transition:opacity 0.15s ease, background-color 0.15s ease}.combobox-clear:hover{opacity:1;background:var(--le-color-surface-hover, #f3f4f6)}.combobox-clear svg{width:0.875rem;height:0.875rem}.combobox-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:100%;color:var(--le-color-primary, #3b82f6);transition:transform 0.2s ease}.combobox-arrow svg{width:1rem;height:1rem}.combobox-trigger.is-open .combobox-arrow{transform:rotate(180deg)}:host([size='small']) .combobox-trigger{--le-combobox-height:2rem}:host([size='small']) .combobox-input{--le-combobox-padding-x:0.5rem;--le-combobox-font-size:0.75rem}:host([size='large']) .combobox-trigger{--le-combobox-height:3rem}:host([size='large']) .combobox-input{--le-combobox-padding-x:1rem;--le-combobox-font-size:1rem}`;
-
-const LeCombobox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.leChange = createEvent(this, "leChange");
-        this.leInput = createEvent(this, "leInput");
-        this.leOpen = createEvent(this, "leOpen");
-        this.leClose = createEvent(this, "leClose");
-        /**
-         * The options to display in the dropdown.
-         */
-        this.options = [];
-        /**
-         * Placeholder text for the input.
-         */
-        this.placeholder = 'Type to search...';
-        /**
-         * Whether the combobox is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Whether selection is required.
-         */
-        this.required = false;
-        /**
-         * Whether the multiselect should take full width of its container.
-         */
-        this.fullWidth = false;
-        /**
-         * Size variant of the combobox.
-         */
-        this.size = 'medium';
-        /**
-         * Whether to allow custom values not in the options list.
-         */
-        this.allowCustom = false;
-        /**
-         * Minimum characters before showing filtered results.
-         */
-        this.minSearchLength = 0;
-        /**
-         * Text to show when no options match the search.
-         */
-        this.emptyText = 'No results found';
-        /**
-         * Whether the dropdown is currently open.
-         */
-        this.open = false;
-        this.inputValue = '';
-        this.filterOption = (option, query) => {
-            if (!query || query.length < this.minSearchLength)
-                return true;
-            const searchLower = query.toLowerCase();
-            return (option.label.toLowerCase().includes(searchLower) ||
-                (option.description?.toLowerCase().includes(searchLower) ?? false));
-        };
-        this.handleOptionSelect = (e) => {
-            this.value = e.detail.value;
-            this.selectedOption = e.detail.option;
-            this.inputValue = e.detail.option.label;
-            this.leChange.emit(e.detail);
-        };
-        this.handleDropdownOpen = () => {
-            this.open = true;
-            this.leOpen.emit();
-        };
-        this.handleDropdownClose = () => {
-            this.open = false;
-            this.leClose.emit();
-            // If custom values not allowed, reset input to selected option
-            if (!this.allowCustom && this.selectedOption) {
-                this.inputValue = this.selectedOption.label;
-            }
-            else if (!this.allowCustom && !this.selectedOption) {
-                this.inputValue = '';
-            }
-        };
-        this.handleInputChange = (e) => {
-            const target = e.target;
-            this.inputValue = target.value;
-            // Emit input event for custom values
-            if (this.allowCustom) {
-                this.leInput.emit({ value: this.inputValue });
-            }
-            // Open dropdown when typing
-            if (!this.open && this.inputValue.length >= this.minSearchLength) {
-                this.dropdownEl?.show();
-            }
-        };
-        this.handleInputFocus = () => {
-            if (!this.disabled) {
-                this.dropdownEl?.show();
-            }
-        };
-        this.handleInputKeyDown = (e) => {
-            if (this.disabled)
-                return;
-            switch (e.key) {
-                case 'ArrowDown':
-                    e.preventDefault();
-                    if (!this.open) {
-                        this.dropdownEl?.show();
-                    }
-                    break;
-                case 'Enter':
-                    if (this.allowCustom && this.inputValue && !this.open) {
-                        // Accept custom value
-                        this.value = this.inputValue;
-                        this.leChange.emit({
-                            value: this.inputValue,
-                            option: { label: this.inputValue, value: this.inputValue },
-                        });
-                    }
-                    break;
-                case 'Escape':
-                    if (this.open) {
-                        this.dropdownEl?.hide();
-                    }
-                    break;
-            }
-        };
-        this.handleClear = (e) => {
-            e.stopPropagation();
-            this.value = undefined;
-            this.selectedOption = undefined;
-            this.inputValue = '';
-            this.inputEl?.focus();
-            this.leChange.emit({
-                value: '',
-                option: { label: '', value: '' },
-            });
-        };
-    }
-    handleWindowClick(event) {
-        if (!this.el.contains(event.target)) {
-            this.dropdownEl?.hide();
-        }
-    }
-    handleValueChange() {
-        this.updateSelectedOption();
-    }
-    handleOptionsChange() {
-        this.updateSelectedOption();
-    }
-    componentWillLoad() {
-        this.updateSelectedOption();
-    }
-    get parsedOptions() {
-        if (typeof this.options === 'string') {
-            try {
-                return JSON.parse(this.options);
-            }
-            catch {
-                return [];
-            }
-        }
-        return this.options;
-    }
-    updateSelectedOption() {
-        if (this.value !== undefined) {
-            this.selectedOption = this.parsedOptions.find(opt => (opt.value ?? opt.label) === this.value);
-            if (this.selectedOption) {
-                this.inputValue = this.selectedOption.label;
-            }
-            else if (this.allowCustom) {
-                this.inputValue = this.value.toString();
-            }
-        }
-        else {
-            this.selectedOption = undefined;
-            this.inputValue = '';
-        }
-    }
-    /**
-     * Opens the dropdown.
-     */
-    async showDropdown() {
-        await this.dropdownEl?.show();
-    }
-    /**
-     * Closes the dropdown.
-     */
-    async hideDropdown() {
-        await this.dropdownEl?.hide();
-    }
-    /**
-     * Focuses the input element.
-     */
-    async focusInput() {
-        this.inputEl?.focus();
-    }
-    render() {
-        const hasValue = this.inputValue.length > 0;
-        return (h("le-component", { key: '2b0d151b589302147ff6a958a1bcbdd9fe973d6e', component: "le-combobox" }, h("le-dropdown-base", { key: '2916e62fe29d92274ec735719675ed4847f19aa9', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: 'b5ff8b929ce9d204327a11fd191d5c0b4a8bea70', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, h("le-string-input", { key: 'a3cb396b00e753634bd6c132fad9beea9586e0db', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (h("button", { key: '6f8cf150544c1b33c07acf2bbb51cafb359a9446', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, h("svg", { key: 'e06af09838a2c451ca322ac5aa1c6360d1b6e527', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '1d03c90b883b4a0c35b4fe6a089c95ba210287cf', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: '530f07b37ec61faac0eb5ee9bce312a4f056fc70', class: "combobox-arrow" }, h("svg", { key: 'fd6ee2352adb93ee4fed752caba5552c7a20d5bf', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '4aa7fe6c1aa02681a3fc634124227a1b7263df29', d: "M4 6l4 4 4-4" }))))), this.name && h("input", { key: '388a14c0b95a7a8b5897e684a41c1adbbcd10e46', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["handleValueChange"],
-        "options": ["handleOptionsChange"]
-    }; }
-};
-LeCombobox.style = leComboboxCss();
-
-export { LeCombobox as le_combobox };
-//# sourceMappingURL=le-combobox.entry.js.map

package/dist/esm/le-combobox.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-combobox.entry.js","sources":["src/components/le-combobox/le-combobox.css?tag=le-combobox&encapsulation=shadow","src/components/le-combobox/le-combobox.tsx"],"sourcesContent":["/**\n * le-combobox component styles\n *\n * CSS Custom Properties:\n * --le-combobox-padding-x\n * --le-combobox-font-size\n * --le-combobox-border-radius\n * --le-combobox-border-color\n * --le-combobox-bg\n * --le-combobox-color\n */\n\n:host {\n  display: inline-block;\n  min-width: 200px;\n  --le-combobox-border-color: var(--le-color-primary, #3b82f6);\n}\n\n:host([disabled]) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host([full-width]) {\n  width: 100%;\n}\n\n/* Trigger wrapper */\n.combobox-trigger {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  background: var(--le-combobox-bg, var(--le-color-surface, #fff));\n  border: 1px solid color-mix(in srgb, var(--le-combobox-border-color) 33%, transparent);\n  border-radius: var(--le-combobox-border-radius, 0.375rem);\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.combobox-trigger:hover:not(.is-disabled),\n:host(:focus-within) .combobox-trigger:not(.is-disabled) {\n  border-color: var(--le-combobox-border-color);\n}\n\n.combobox-trigger:focus-within {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.combobox-trigger.is-open {\n  border-color: var(--le-color-primary, #3b82f6);\n}\n\n/* Input */\n.combobox-input {\n  flex: 1;\n  border: none;\n  outline: none;\n}\n.combobox-input::part(container) {\n  border: none;\n}\n.combobox-input::part(container):focus-within {\n  outline: none !important;\n}\n\n.combobox-input::placeholder {\n  color: color-mix(in srgb, var(--le-color-text-secondary) 66%, transparent);\n}\n\n.combobox-trigger.is-disabled {\n  cursor: not-allowed;\n  background: var(--le-color-surface-disabled, #f9fafb);\n}\n.combobox-input:disabled {\n  cursor: not-allowed;\n}\n\n/* Clear button */\n.combobox-clear {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0;\n  margin-right: 0.25rem;\n  color: var(--le-color-primary, #3b82f6);\n  background: transparent;\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  opacity: 0.6;\n  transition: opacity 0.15s ease, background-color 0.15s ease;\n}\n\n.combobox-clear:hover {\n  opacity: 1;\n  background: var(--le-color-surface-hover, #f3f4f6);\n}\n\n.combobox-clear svg {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n/* Arrow icon */\n.combobox-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 2rem;\n  height: 100%;\n  color: var(--le-color-primary, #3b82f6);\n  transition: transform 0.2s ease;\n}\n\n.combobox-arrow svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.combobox-trigger.is-open .combobox-arrow {\n  transform: rotate(180deg);\n}\n\n/* Size variants */\n:host([size='small']) .combobox-trigger {\n  --le-combobox-height: 2rem;\n}\n\n:host([size='small']) .combobox-input {\n  --le-combobox-padding-x: 0.5rem;\n  --le-combobox-font-size: 0.75rem;\n}\n\n:host([size='large']) .combobox-trigger {\n  --le-combobox-height: 3rem;\n}\n\n:host([size='large']) .combobox-input {\n  --le-combobox-padding-x: 1rem;\n  --le-combobox-font-size: 1rem;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Element,\n  Watch,\n  h,\n  Listen,\n} from '@stencil/core';\nimport { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';\n\n/**\n * A combobox component with searchable dropdown.\n *\n * Combines a text input with a dropdown list, allowing users to\n * filter options by typing or select from the list.\n *\n * @cmsEditable true\n * @cmsCategory Form\n *\n * @example Basic combobox\n * ```html\n * <le-combobox\n *   placeholder=\"Search...\"\n *   options='[{\"label\": \"Apple\"}, {\"label\": \"Banana\"}, {\"label\": \"Cherry\"}]'\n * ></le-combobox>\n * ```\n *\n * @example Allow custom values\n * ```html\n * <le-combobox\n *   placeholder=\"Type or select...\"\n *   allow-custom\n *   options='[{\"label\": \"Red\"}, {\"label\": \"Green\"}, {\"label\": \"Blue\"}]'\n * ></le-combobox>\n * ```\n */\n@Component({\n  tag: 'le-combobox',\n  styleUrl: 'le-combobox.css',\n  shadow: true,\n})\nexport class LeCombobox {\n  @Element() el: HTMLElement;\n\n  /**\n   * The options to display in the dropdown.\n   */\n  @Prop() options: LeOption[] | string = [];\n\n  /**\n   * The currently selected value.\n   */\n  @Prop({ mutable: true }) value?: LeOptionValue;\n\n  /**\n   * Placeholder text for the input.\n   */\n  @Prop() placeholder: string = 'Type to search...';\n\n  /**\n   * Whether the combobox is disabled.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether selection is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Name attribute for form submission.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Whether the multiselect should take full width of its container.\n   */\n  @Prop({ reflect: true }) fullWidth: boolean = false;\n\n  /**\n   * Size variant of the combobox.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Whether to allow custom values not in the options list.\n   */\n  @Prop() allowCustom: boolean = false;\n\n  /**\n   * Minimum characters before showing filtered results.\n   */\n  @Prop() minSearchLength: number = 0;\n\n  /**\n   * Text to show when no options match the search.\n   */\n  @Prop() emptyText: string = 'No results found';\n\n  /**\n   * Whether the dropdown is currently open.\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Emitted when the selected value changes.\n   */\n  @Event() leChange: EventEmitter<LeOptionSelectDetail>;\n\n  /**\n   * Emitted when the input value changes (for custom values).\n   */\n  @Event() leInput: EventEmitter<{ value: string }>;\n\n  /**\n   * Emitted when the dropdown opens.\n   */\n  @Event() leOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the dropdown closes.\n   */\n  @Event() leClose: EventEmitter<void>;\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (!this.el.contains(event.target as Node)) {\n      this.dropdownEl?.hide();\n    }\n  }\n\n  @State() private inputValue: string = '';\n  @State() private selectedOption?: LeOption;\n\n  private dropdownEl?: HTMLLeDropdownBaseElement;\n  private inputEl?: HTMLInputElement;\n\n  @Watch('value')\n  handleValueChange() {\n    this.updateSelectedOption();\n  }\n\n  @Watch('options')\n  handleOptionsChange() {\n    this.updateSelectedOption();\n  }\n\n  componentWillLoad() {\n    this.updateSelectedOption();\n  }\n\n  private get parsedOptions(): LeOption[] {\n    if (typeof this.options === 'string') {\n      try {\n        return JSON.parse(this.options);\n      } catch {\n        return [];\n      }\n    }\n    return this.options;\n  }\n\n  private updateSelectedOption() {\n    if (this.value !== undefined) {\n      this.selectedOption = this.parsedOptions.find(opt => (opt.value ?? opt.label) === this.value);\n      if (this.selectedOption) {\n        this.inputValue = this.selectedOption.label;\n      } else if (this.allowCustom) {\n        this.inputValue = this.value.toString();\n      }\n    } else {\n      this.selectedOption = undefined;\n      this.inputValue = '';\n    }\n  }\n\n  private filterOption = (option: LeOption, query: string): boolean => {\n    if (!query || query.length < this.minSearchLength) return true;\n    const searchLower = query.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(searchLower) ||\n      (option.description?.toLowerCase().includes(searchLower) ?? false)\n    );\n  };\n\n  private handleOptionSelect = (e: CustomEvent<LeOptionSelectDetail>) => {\n    this.value = e.detail.value;\n    this.selectedOption = e.detail.option;\n    this.inputValue = e.detail.option.label;\n    this.leChange.emit(e.detail);\n  };\n\n  private handleDropdownOpen = () => {\n    this.open = true;\n    this.leOpen.emit();\n  };\n\n  private handleDropdownClose = () => {\n    this.open = false;\n    this.leClose.emit();\n\n    // If custom values not allowed, reset input to selected option\n    if (!this.allowCustom && this.selectedOption) {\n      this.inputValue = this.selectedOption.label;\n    } else if (!this.allowCustom && !this.selectedOption) {\n      this.inputValue = '';\n    }\n  };\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.inputValue = target.value;\n\n    // Emit input event for custom values\n    if (this.allowCustom) {\n      this.leInput.emit({ value: this.inputValue });\n    }\n\n    // Open dropdown when typing\n    if (!this.open && this.inputValue.length >= this.minSearchLength) {\n      this.dropdownEl?.show();\n    }\n  };\n\n  private handleInputFocus = () => {\n    if (!this.disabled) {\n      this.dropdownEl?.show();\n    }\n  };\n\n  private handleInputKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.open) {\n          this.dropdownEl?.show();\n        }\n        break;\n\n      case 'Enter':\n        if (this.allowCustom && this.inputValue && !this.open) {\n          // Accept custom value\n          this.value = this.inputValue;\n          this.leChange.emit({\n            value: this.inputValue,\n            option: { label: this.inputValue, value: this.inputValue },\n          });\n        }\n        break;\n\n      case 'Escape':\n        if (this.open) {\n          this.dropdownEl?.hide();\n        }\n        break;\n    }\n  };\n\n  private handleClear = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.value = undefined;\n    this.selectedOption = undefined;\n    this.inputValue = '';\n    this.inputEl?.focus();\n    this.leChange.emit({\n      value: '',\n      option: { label: '', value: '' },\n    });\n  };\n\n  /**\n   * Opens the dropdown.\n   */\n  @Method()\n  async showDropdown() {\n    await this.dropdownEl?.show();\n  }\n\n  /**\n   * Closes the dropdown.\n   */\n  @Method()\n  async hideDropdown() {\n    await this.dropdownEl?.hide();\n  }\n\n  /**\n   * Focuses the input element.\n   */\n  @Method()\n  async focusInput() {\n    this.inputEl?.focus();\n  }\n\n  render() {\n    const hasValue = this.inputValue.length > 0;\n\n    return (\n      <le-component component=\"le-combobox\">\n        <le-dropdown-base\n          ref={el => (this.dropdownEl = el)}\n          options={this.parsedOptions}\n          value={this.value}\n          disabled={this.disabled}\n          filterFn={this.filterOption}\n          filterQuery={this.inputValue}\n          emptyText={this.emptyText}\n          fullWidth={this.fullWidth}\n          closeOnClickOutside={false}\n          onLeOptionSelect={this.handleOptionSelect}\n          onLeDropdownOpen={this.handleDropdownOpen}\n          onLeDropdownClose={this.handleDropdownClose}\n        >\n          <div slot=\"trigger\" class={{ 'combobox-trigger': true, 'is-open': this.open }}>\n            <le-string-input\n              mode=\"default\"\n              hideDescription={true}\n              inputRef={el => (this.inputEl = el)}\n              type=\"text\"\n              class=\"combobox-input\"\n              value={this.inputValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              aria-haspopup=\"listbox\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              aria-autocomplete=\"list\"\n              onInput={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              onKeyDown={this.handleInputKeyDown}\n            />\n            {hasValue && !this.disabled && (\n              <button\n                type=\"button\"\n                class=\"combobox-clear\"\n                onClick={this.handleClear}\n                aria-label=\"Clear\"\n                tabIndex={-1}\n              >\n                <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M4 4l8 8M12 4l-8 8\" />\n                </svg>\n              </button>\n            )}\n            <span class=\"combobox-arrow\">\n              <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M4 6l4 4 4-4\" />\n              </svg>\n            </span>\n          </div>\n        </le-dropdown-base>\n\n        {/* Hidden input for form submission */}\n        {this.name && <input type=\"hidden\" name={this.name} value={this.value?.toString() ?? ''} />}\n      </le-component>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/le-header-placeholder.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-DFTm5BqT.js';
-
-const LeHeaderPlaceholder = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: 'b026c810ccb0d5c8df7cdc35a3830ebdf676c614', "aria-hidden": "true", style: {
-                display: 'block',
-                height: 'var(--le-header-height, 64px)',
-            } }));
-    }
-};
-
-export { LeHeaderPlaceholder as le_header_placeholder };
-//# sourceMappingURL=le-header-placeholder.entry.js.map

package/dist/esm/le-header-placeholder.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-header-placeholder.entry.js","sources":["src/components/le-header-placeholder/le-header-placeholder.tsx"],"sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n/**\n * Placeholder for `le-header`.\n *\n * Reserves space using the global CSS variable `--le-header-height`.\n * The header component updates that variable when it renders.\n *\n * @cssprop --le-header-height - Published header height (px)\n *\n * @cmsInternal true\n */\n@Component({\n  tag: 'le-header-placeholder',\n  shadow: false,\n})\nexport class LeHeaderPlaceholder {\n  render() {\n    return (\n      <Host\n        aria-hidden=\"true\"\n        style={{\n          display: 'block',\n          height: 'var(--le-header-height, 64px)',\n        }}\n      />\n    );\n  }\n}\n"],"names":[],"mappings":";;MAgBa,mBAAmB,GAAA,MAAA;;;;IAC9B,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,oEACS,MAAM,EAClB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,+BAA+B;aACxC,EAAA,CACD;;;;;;"}

package/dist/esm/le-kit.js

@@ -1,23 +0,0 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DFTm5BqT.js';
-export { s as setNonce } from './index-DFTm5BqT.js';
-
-/*
- Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
- */
-
-var patchBrowser = () => {
-  const importMeta = import.meta.url;
-  const opts = {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return promiseResolve(opts);
-};
-
-patchBrowser().then(async (options) => {
-  await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"le-bar_16\",[[257,\"le-header\",{\"isStatic\":[516,\"static\"],\"sticky\":[516],\"fixed\":[516],\"revealOnScroll\":[513,\"reveal-on-scroll\"],\"shrinkOffset\":[513,\"shrink-offset\"],\"expandOnHover\":[516,\"expand-on-hover\"],\"revealed\":[32],\"shrunk\":[32],\"placeholderHeight\":[32],\"hoverActive\":[32]},[[9,\"scroll\",\"onWindowScroll\"],[9,\"resize\",\"onWindowResize\"]],{\"revealOnScroll\":[\"onBehaviorPropsChange\"],\"shrinkOffset\":[\"onBehaviorPropsChange\"],\"fixed\":[\"onBehaviorPropsChange\"],\"sticky\":[\"onBehaviorPropsChange\"],\"isStatic\":[\"onBehaviorPropsChange\"]}],[257,\"le-current-heading\",{\"selector\":[1],\"activeText\":[32]},[[9,\"scroll\",\"onScroll\"],[9,\"resize\",\"onResize\"]],{\"selector\":[\"onSelectorChange\"]}],[257,\"le-scroll-progress\",{\"trackScrollProgress\":[513,\"track-scroll-progress\"],\"progress\":[32]},[[9,\"scroll\",\"onScroll\"],[9,\"resize\",\"onResize\"]],{\"trackScrollProgress\":[\"onTrackChange\"]}],[257,\"le-navigation\",{\"items\":[1],\"orientation\":[513],\"wrap\":[516],\"overflowMode\":[513,\"overflow-mode\"],\"minVisibleItemsForMore\":[2,\"min-visible-items-for-more\"],\"align\":[513],\"activeUrl\":[1,\"active-url\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"emptyText\":[1,\"empty-text\"],\"submenuSearchable\":[4,\"submenu-searchable\"],\"searchQuery\":[32],\"openState\":[32],\"overflowIds\":[32],\"hamburgerActive\":[32],\"submenuQueries\":[32],\"overflowPopoverOpen\":[32]},null,{\"items\":[\"handleLayoutInputsChange\"],\"orientation\":[\"handleLayoutInputsChange\"],\"wrap\":[\"handleLayoutInputsChange\"],\"overflowMode\":[\"handleLayoutInputsChange\"]}],[257,\"le-collapse\",{\"closed\":[1540],\"scrollDown\":[516,\"scroll-down\"],\"noFading\":[516,\"no-fading\"],\"collapseOnHeaderShrink\":[516,\"collapse-on-header-shrink\"],\"headerShrunk\":[32]},[[8,\"leHeaderShrinkChange\",\"handleHeaderShrink\"]],{\"open\":[\"onOpenChange\"],\"headerShrunk\":[\"onDrivenStateChange\"]}],[257,\"le-bar\",{\"overflow\":[513],\"alignItems\":[513,\"align-items\"],\"arrows\":[4],\"disablePopover\":[4,\"disable-popover\"],\"minVisibleItems\":[2,\"min-visible-items\"],\"showAllMenu\":[8,\"show-all-menu\"],\"popoverOpen\":[32],\"hamburgerActive\":[32],\"overflowingIds\":[32],\"canScrollStart\":[32],\"canScrollEnd\":[32],\"allMenuOpen\":[32],\"containerHeight\":[32],\"recalculate\":[64]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"overflow\":[\"handleOverflowChange\"]}],[257,\"le-icon\",{\"name\":[1],\"size\":[2],\"iconData\":[32],\"visible\":[32]},null,{\"name\":[\"loadIconData\"]}],[257,\"le-dropdown-base\",{\"options\":[16],\"value\":[8],\"multiple\":[4],\"open\":[1540],\"disabled\":[516],\"filterFn\":[16],\"filterQuery\":[1,\"filter-query\"],\"emptyText\":[1,\"empty-text\"],\"showCheckboxes\":[4,\"show-checkboxes\"],\"maxHeight\":[1,\"max-height\"],\"width\":[1],\"fullWidth\":[4,\"full-width\"],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"focusedIndex\":[32],\"filteredOptions\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"options\":[\"handleOptionsChange\"],\"filterQuery\":[\"handleOptionsChange\"]}],[257,\"le-button\",{\"mode\":[1537],\"variant\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"fullWidth\":[516,\"full-width\"],\"iconOnly\":[1,\"icon-only\"],\"iconStart\":[1,\"icon-start\"],\"iconEnd\":[1,\"icon-end\"],\"disabled\":[4],\"type\":[1],\"href\":[1],\"target\":[1],\"align\":[1]}],[257,\"le-checkbox\",{\"checked\":[1540],\"disabled\":[4],\"name\":[1],\"value\":[1],\"externalId\":[1,\"external-id\"]}],[257,\"le-component\",{\"component\":[1],\"displayName\":[1,\"display-name\"],\"hostClass\":[1,\"host-class\"],\"hostStyle\":[16],\"adminMode\":[32],\"componentMeta\":[32],\"propertyValues\":[32]}],[257,\"le-popup\",{\"mode\":[1537],\"open\":[1540],\"type\":[1],\"popupTitle\":[1,\"popup-title\"],\"message\":[1],\"modal\":[4],\"position\":[1],\"confirmText\":[1,\"confirm-text\"],\"cancelText\":[1,\"cancel-text\"],\"placeholder\":[1],\"defaultValue\":[1,\"default-value\"],\"closeOnBackdrop\":[4,\"close-on-backdrop\"],\"inputValue\":[32],\"show\":[64],\"hide\":[64]}],[257,\"le-select\",{\"options\":[1],\"value\":[1032],\"placeholder\":[1],\"disabled\":[516],\"required\":[4],\"name\":[1],\"fullWidth\":[4,\"full-width\"],\"size\":[513],\"variant\":[513],\"searchable\":[4],\"emptyText\":[1,\"empty-text\"],\"open\":[1540],\"selectedOption\":[32],\"searchQuery\":[32],\"showDropdown\":[64],\"hideDropdown\":[64]},null,{\"value\":[\"handleValueChange\"],\"options\":[\"handleOptionsChange\"]}],[257,\"le-slot\",{\"type\":[1],\"name\":[1],\"label\":[1],\"description\":[1],\"allowedComponents\":[1,\"allowed-components\"],\"multiple\":[4],\"required\":[4],\"placeholder\":[1],\"tag\":[1],\"slotStyle\":[1,\"slot-style\"],\"adminMode\":[32],\"textValue\":[32],\"isValidHtml\":[32],\"availableComponents\":[32],\"pickerOpen\":[32]}],[257,\"le-string-input\",{\"inputRef\":[16],\"mode\":[1537],\"value\":[1537],\"name\":[1],\"type\":[1],\"label\":[1],\"iconStart\":[1,\"icon-start\"],\"iconEnd\":[1,\"icon-end\"],\"placeholder\":[1],\"hideDescription\":[4,\"hide-description\"],\"disabled\":[4],\"readonly\":[4],\"externalId\":[1,\"external-id\"]}],[257,\"le-popover\",{\"mode\":[1537],\"open\":[1540],\"position\":[1],\"align\":[1],\"popoverTitle\":[1,\"popover-title\"],\"showClose\":[4,\"show-close\"],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"closeOnEscape\":[4,\"close-on-escape\"],\"offset\":[2],\"width\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"triggerFullWidth\":[4,\"trigger-full-width\"],\"isPositioned\":[32],\"updatePosition\":[64],\"show\":[64],\"hide\":[64],\"toggle\":[64]}]]],[\"le-breadcrumbs\",[[257,\"le-breadcrumbs\",{\"items\":[1],\"label\":[1],\"separatorIcon\":[1,\"separator-icon\"],\"overflowMode\":[1,\"overflow-mode\"],\"minVisibleItems\":[2,\"min-visible-items\"],\"hiddenIndices\":[32],\"separatorTemplate\":[32]},null,{\"items\":[\"handleInputsChange\"],\"overflowMode\":[\"handleInputsChange\"],\"minVisibleItems\":[\"handleInputsChange\"]}]]],[\"le-multiselect\",[[257,\"le-multiselect\",{\"options\":[1],\"value\":[1040],\"placeholder\":[1],\"disabled\":[516],\"required\":[4],\"name\":[1],\"fullWidth\":[516,\"full-width\"],\"size\":[513],\"maxSelections\":[2,\"max-selections\"],\"showSelectAll\":[1032,\"show-select-all\"],\"searchable\":[4],\"emptyText\":[1,\"empty-text\"],\"open\":[1540],\"selectAllLabel\":[32],\"deselectAllLabel\":[32],\"selectedOptions\":[32],\"searchQuery\":[32],\"showDropdown\":[64],\"hideDropdown\":[64],\"clearSelection\":[64]},null,{\"value\":[\"handleValueChange\"],\"options\":[\"handleOptionsChange\"],\"showSelectAll\":[\"handleShowSelectAllChange\"]}]]],[\"le-segmented-control\",[[257,\"le-segmented-control\",{\"options\":[16],\"value\":[1032],\"size\":[1],\"overflow\":[1],\"fullWidth\":[4,\"full-width\"],\"disabled\":[4],\"segmentConfigs\":[32],\"focusedIndex\":[32],\"isDeclarativeMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"options\":[\"tabsChanged\"]}]]],[\"le-side-panel\",[[257,\"le-side-panel\",{\"panelId\":[1,\"panel-id\"],\"side\":[1],\"collapseAt\":[1,\"collapse-at\"],\"narrowBehavior\":[1,\"narrow-behavior\"],\"open\":[1540],\"collapsed\":[1540],\"panelWidth\":[2,\"panel-width\"],\"minPanelWidth\":[2,\"min-panel-width\"],\"maxPanelWidth\":[2,\"max-panel-width\"],\"resizable\":[4],\"persistKey\":[1,\"persist-key\"],\"showCloseButton\":[4,\"show-close-button\"],\"autoShowOnWide\":[4,\"auto-show-on-wide\"],\"autoHideOnNarrow\":[4,\"auto-hide-on-narrow\"],\"panelLabel\":[1,\"panel-label\"],\"isNarrow\":[32],\"responsiveReady\":[32],\"overlayMounted\":[32],\"overlayVisible\":[32],\"currentWidthPx\":[32],\"resizing\":[32],\"suppressAnimation\":[32]},[[6,\"keydown\",\"onDocumentKeyDown\"],[4,\"leSidePanelRequestToggle\",\"onToggleRequest\"]],{\"panelWidth\":[\"onPanelWidthChanged\"],\"collapsed\":[\"onCollapsedChanged\"],\"open\":[\"onOpenChanged\"],\"collapseAt\":[\"onResponsivePropChanged\"],\"narrowBehavior\":[\"onResponsivePropChanged\"]}]]],[\"le-tab-bar\",[[257,\"le-tab-bar\",{\"tabs\":[16],\"selected\":[1032],\"fullWidth\":[4,\"full-width\"],\"showLabels\":[4,\"show-labels\"],\"position\":[1],\"size\":[1],\"bordered\":[4],\"tabConfigs\":[32],\"isDeclarativeMode\":[32],\"focusedIndex\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"selected\":[\"selectedChanged\"],\"tabs\":[\"tabsChanged\"]}]]],[\"le-tabs\",[[257,\"le-tabs\",{\"tabs\":[16],\"selected\":[1032],\"orientation\":[1],\"position\":[1],\"variant\":[1],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"wrap\":[4],\"overflow\":[1],\"tabConfigs\":[32],\"focusedIndex\":[32],\"isDeclarativeMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"selected\":[\"selectedChanged\"],\"tabs\":[\"tabsChanged\"]}]]],[\"le-box\",[[257,\"le-box\",{\"grow\":[2],\"shrink\":[2],\"basis\":[1],\"width\":[1],\"height\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"minHeight\":[1,\"min-height\"],\"maxHeight\":[1,\"max-height\"],\"background\":[1],\"borderRadius\":[1,\"border-radius\"],\"border\":[1],\"alignSelf\":[1,\"align-self\"],\"alignContent\":[1,\"align-content\"],\"justifyContent\":[1,\"justify-content\"],\"padding\":[1],\"order\":[2],\"displayFlex\":[4,\"display-flex\"],\"innerDirection\":[1,\"inner-direction\"],\"innerGap\":[1,\"inner-gap\"]}]]],[\"le-card\",[[257,\"le-card\",{\"variant\":[1],\"interactive\":[4]}]]],[\"le-code-input\",[[257,\"le-code-input\",{\"value\":[1537],\"name\":[1],\"label\":[1],\"length\":[2],\"description\":[1],\"type\":[1],\"disabled\":[4],\"readonly\":[4],\"externalId\":[1,\"external-id\"],\"error\":[4],\"isFocused\":[32],\"selectionStart\":[32],\"selectionEnd\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"le-combobox\",[[257,\"le-combobox\",{\"options\":[1],\"value\":[1032],\"placeholder\":[1],\"disabled\":[516],\"required\":[4],\"name\":[1],\"fullWidth\":[516,\"full-width\"],\"size\":[513],\"allowCustom\":[4,\"allow-custom\"],\"minSearchLength\":[2,\"min-search-length\"],\"emptyText\":[1,\"empty-text\"],\"open\":[1540],\"inputValue\":[32],\"selectedOption\":[32],\"showDropdown\":[64],\"hideDropdown\":[64],\"focusInput\":[64]},[[8,\"click\",\"handleWindowClick\"]],{\"value\":[\"handleValueChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"le-number-input\",[[257,\"le-number-input\",{\"value\":[1538],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"iconStart\":[1,\"icon-start\"],\"showSpinners\":[4,\"show-spinners\"],\"externalId\":[1,\"external-id\"],\"isValid\":[32],\"validationMessage\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"le-stack\",[[257,\"le-stack\",{\"direction\":[1],\"gap\":[1],\"align\":[1],\"justify\":[1],\"wrap\":[4],\"alignContent\":[1,\"align-content\"],\"reverse\":[4],\"maxItems\":[2,\"max-items\"],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"padding\":[1]}]]],[\"le-tab-panel\",[[257,\"le-tab-panel\",{\"label\":[1],\"value\":[1],\"iconStart\":[1,\"icon-start\"],\"iconEnd\":[1,\"icon-end\"],\"disabled\":[4],\"lazy\":[4],\"active\":[32],\"hasBeenActive\":[32],\"getValue\":[64],\"getTabConfig\":[64],\"setActive\":[64]},null,{\"active\":[\"activeChanged\"]}]]],[\"le-text\",[[257,\"le-text\",{\"variant\":[1537],\"align\":[513],\"color\":[1],\"truncate\":[4],\"maxLines\":[2,\"max-lines\"],\"adminMode\":[32],\"content\":[32],\"isFocused\":[32],\"selectionState\":[32]},null,{\"variant\":[\"onVariantChange\"]}]]],[\"le-header-placeholder\",[[256,\"le-header-placeholder\"]]],[\"le-round-progress\",[[257,\"le-round-progress\",{\"value\":[2],\"padding\":[2],\"paths\":[1],\"params\":[32]},null,{\"value\":[\"updateValue\"],\"padding\":[\"updatePadding\"],\"paths\":[\"updateProgressBackgrounds\"]}]]],[\"le-turntable\",[[257,\"le-turntable\",{\"center\":[1],\"value\":[2]},[[9,\"mousemove\",\"handleMouseMove\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"resize\",\"handleWindowResize\"]],{\"value\":[\"updateValue\"]}]]],[\"le-tag\",[[257,\"le-tag\",{\"label\":[1],\"mode\":[1537],\"icon\":[1],\"dismissible\":[4],\"disabled\":[516],\"size\":[513],\"variant\":[513]}]]],[\"le-side-panel-toggle\",[[257,\"le-side-panel-toggle\",{\"panelId\":[1,\"panel-id\"],\"action\":[1],\"shortcut\":[1],\"disabled\":[4],\"mode\":[1537],\"variant\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"fullWidth\":[516,\"full-width\"],\"iconOnly\":[1,\"icon-only\"],\"iconStart\":[1,\"icon-start\"],\"iconEnd\":[1,\"icon-end\"],\"type\":[1],\"href\":[1],\"target\":[1],\"align\":[1]},null,{\"shortcut\":[\"onShortcutChanged\"]}]]],[\"le-tab\",[[257,\"le-tab\",{\"mode\":[1537],\"label\":[1],\"value\":[1],\"variant\":[1],\"position\":[1],\"size\":[1],\"focusable\":[4],\"selected\":[4],\"fullWidth\":[516,\"full-width\"],\"icon\":[1],\"showLabel\":[4,\"show-label\"],\"iconStart\":[1,\"icon-start\"],\"iconEnd\":[1,\"icon-end\"],\"disabled\":[4],\"href\":[1],\"target\":[1],\"align\":[1],\"getTabConfig\":[64]}]]]]"), options);
-});
-//# sourceMappingURL=le-kit.js.map
-
-//# sourceMappingURL=le-kit.js.map

package/dist/esm/le-kit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-kit.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}