@umbraco-ui/uui 2.0.0-rc.2 → 2.0.1

package/dist/components/combobox-list/combobox-list.element.js

@@ -1,282 +1,225 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _UUIComboboxListElement_instances, updateActiveElement_fn;
-import { LitElement, html, css } from "lit";
-import { property, queryAssignedElements, state } from "lit/decorators.js";
-import { UUIComboboxListEvent } from "./UUIComboboxListEvent.js";
 import { UUISelectableEvent } from "../../internal/events/UUISelectableEvent.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const _UUIComboboxListElement = class _UUIComboboxListElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _UUIComboboxListElement_instances);
-    this.displayValue = "";
-    this.multiple = false;
-    this._value = "";
-    this._activeElementValue = null;
-    this._selectedValues = [];
-    this._selectedElements = [];
-    this._onSlotChange = () => {
-      __privateMethod(this, _UUIComboboxListElement_instances, updateActiveElement_fn).call(this);
-      for (const option of this._options) {
-        option.multiple = this.multiple;
-      }
-      this._updateSelection();
-      this.dispatchEvent(
-        new UUIComboboxListEvent(UUIComboboxListEvent.INNER_SLOT_CHANGE)
-      );
-    };
-    this._onSelected = (e) => {
-      const option = e.composedPath()[0];
-      if (this.multiple) {
-        option.deselectable = true;
-        this._selectedElements.push(option);
-        this._selectedValues = [...this._selectedValues, option.value || ""];
-      } else {
-        if (this._selectedElement) {
-          this._selectedElement.selected = false;
-          this._selectedElement.active = false;
-          this._selectedElement = void 0;
-        }
-        this._selectedElement = option;
-        this.value = option.value || "";
-        this.displayValue = option.displayValue || "";
-      }
-      this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));
-    };
-    this._onDeselected = (e) => {
-      const el = e.composedPath()[0];
-      if (this.multiple) {
-        this._selectedElements = this._selectedElements.filter((opt) => opt !== el);
-        this._selectedValues = this._selectedValues.filter(
-          (v) => v !== (el.value || "")
-        );
-      } else {
-        if (this._selectedElement === el) {
-          this.value = "";
-          this.displayValue = "";
-        }
-      }
-      this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));
-    };
-    this._moveIndex = (distance) => {
-      const newIndex = Math.min(
-        Math.max(this._getActiveIndex + distance, 0),
-        this._options.length - 1
-      );
-      this._goToIndex(newIndex);
-    };
-    this._onKeyDown = (e) => {
-      if (this._options.length <= 0) return;
-      switch (e.code) {
-        case "ArrowUp":
-          e.preventDefault();
-          if (e.ctrlKey) {
-            this._moveIndex(-10);
-          } else {
-            this._moveIndex(-1);
-          }
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          if (e.ctrlKey) {
-            this._moveIndex(10);
-          } else {
-            this._moveIndex(1);
-          }
-          break;
-        case "Home": {
-          e.preventDefault();
-          this._goToIndex(0);
-          break;
-        }
-        case "Enter": {
-          e.preventDefault();
-          this._getActiveElement?.click();
-          break;
-        }
-        case "End": {
-          e.preventDefault();
-          this._goToIndex(this._options.length - 1);
-          break;
-        }
-      }
-    };
-  }
-  get value() {
-    return this._value;
-  }
-  set value(newValue) {
-    if (this._value === newValue) return;
-    const oldValue = this._value;
-    this._value = newValue;
-    this._updateSelection();
-    this.requestUpdate("value", oldValue);
-  }
-  get for() {
-    return this._for;
-  }
-  set for(newValue) {
-    if (this._for) {
-      this._for.removeEventListener("keydown", this._onKeyDown);
-    }
-    this._for = newValue;
-    if (this._for) {
-      this._for.addEventListener("keydown", this._onKeyDown);
-    }
-  }
-  /**
-   * Array of selected option values. Only relevant when multiple is true.
-   * @type {string[]}
-   */
-  get selectedValues() {
-    return this._selectedValues;
-  }
-  /**
-   * Array of display values for selected options. Only relevant when multiple is true.
-   * @type {string[]}
-   */
-  get selectedDisplayValues() {
-    return this._selectedElements.map((el) => el.displayValue || el.value || "");
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._for ??= this;
-    this.addEventListener(UUISelectableEvent.SELECTED, this._onSelected);
-    this.addEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("keydown", this._onKeyDown);
-    this.removeEventListener(UUISelectableEvent.SELECTED, this._onSelected);
-    this.removeEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);
-  }
-  _updateSelection() {
-    if (this.multiple) {
-      for (const option of this._options) {
-        if (this._selectedValues.includes(option.value)) {
-          option.selected = true;
-          option.deselectable = true;
-        }
-      }
-      this._selectedElements = this._options.filter(
-        (opt) => this._selectedValues.includes(opt.value)
-      );
-    } else {
-      this.displayValue = "";
-      for (const option of this._options) {
-        if (option.value === this._value) {
-          this.displayValue = option.displayValue || "";
-          option.selected = true;
-        } else {
-          option.selected = false;
-        }
-      }
-    }
-  }
-  resetSelection() {
-    this._selectedValues = [];
-    this._selectedElements = [];
-  }
-  get _getActiveIndex() {
-    if (this._activeElementValue === null) return -1;
-    return this._options.findIndex(
-      (element) => element.value === this._activeElementValue
-    );
-  }
-  get _getActiveElement() {
-    if (this._activeElementValue === null) return null;
-    return this._options.find(
-      (element) => element.value === this._activeElementValue
-    );
-  }
-  _goToIndex(index) {
-    if (this._options.length === 0) return;
-    index = Math.min(Math.max(index, 0), this._options.length - 1);
-    const activeElement = this._options[index];
-    this._activeElementValue = activeElement.value;
-    __privateMethod(this, _UUIComboboxListElement_instances, updateActiveElement_fn).call(this);
-    if (activeElement) {
-      activeElement.scrollIntoView({
-        behavior: "auto",
-        block: "nearest",
-        inline: "nearest"
-      });
-    }
-  }
-  render() {
-    return html` <slot @slotchange=${this._onSlotChange}></slot> `;
-  }
-};
-_UUIComboboxListElement_instances = new WeakSet();
-updateActiveElement_fn = function() {
-  for (const option of this._activeOptions) {
-    option.active = false;
-  }
-  const activeElement = this._getActiveElement;
-  if (activeElement) {
-    activeElement.active = true;
-  } else {
-    this._goToIndex(0);
-  }
-};
-_UUIComboboxListElement.styles = [
-  css`
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { UUIComboboxListEvent } from "./UUIComboboxListEvent.js";
+import { LitElement, css, html } from "lit";
+import { property, queryAssignedElements, state } from "lit/decorators.js";
+//#region src/components/combobox-list/combobox-list.element.ts
+/**
+* @element uui-combobox-list
+* @fires {UUIComboboxListEvent} change - fires when selection is changed
+* @slot - for uui-combobox-list-options
+* @description - A list that uses uui-combobox-list-options and handles keyboard navigation and selection.
+*/
+var UUIComboboxListElement = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.displayValue = "";
+		this.multiple = false;
+		this._value = "";
+		this._activeElementValue = null;
+		this._selectedValues = [];
+		this._selectedElements = [];
+		this._onSlotChange = () => {
+			this.#updateActiveElement();
+			for (const option of this._options) option.multiple = this.multiple;
+			this._updateSelection();
+			this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.INNER_SLOT_CHANGE));
+		};
+		this._onSelected = (e) => {
+			const option = e.composedPath()[0];
+			if (this.multiple) {
+				option.deselectable = true;
+				this._selectedElements.push(option);
+				this._selectedValues = [...this._selectedValues, option.value || ""];
+			} else {
+				if (this._selectedElement) {
+					this._selectedElement.selected = false;
+					this._selectedElement.active = false;
+					this._selectedElement = void 0;
+				}
+				this._selectedElement = option;
+				this.value = option.value || "";
+				this.displayValue = option.displayValue || "";
+			}
+			this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));
+		};
+		this._onDeselected = (e) => {
+			const el = e.composedPath()[0];
+			if (this.multiple) {
+				this._selectedElements = this._selectedElements.filter((opt) => opt !== el);
+				this._selectedValues = this._selectedValues.filter((v) => v !== (el.value || ""));
+			} else if (this._selectedElement === el) {
+				this.value = "";
+				this.displayValue = "";
+			}
+			this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));
+		};
+		this._moveIndex = (distance) => {
+			const newIndex = Math.min(Math.max(this._getActiveIndex + distance, 0), this._options.length - 1);
+			this._goToIndex(newIndex);
+		};
+		this._onKeyDown = (e) => {
+			if (this._options.length <= 0) return;
+			switch (e.code) {
+				case "ArrowUp":
+					e.preventDefault();
+					if (e.ctrlKey) this._moveIndex(-10);
+					else this._moveIndex(-1);
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					if (e.ctrlKey) this._moveIndex(10);
+					else this._moveIndex(1);
+					break;
+				case "Home":
+					e.preventDefault();
+					this._goToIndex(0);
+					break;
+				case "Enter":
+					e.preventDefault();
+					this._getActiveElement?.click();
+					break;
+				case "End":
+					e.preventDefault();
+					this._goToIndex(this._options.length - 1);
+					break;
+				default: break;
+			}
+		};
+	}
+	/**
+	* Value of selected option.
+	* @type {FormDataEntryValue | FormData}
+	* @attr
+	* @default ""
+	*/
+	get value() {
+		return this._value;
+	}
+	set value(newValue) {
+		if (this._value === newValue) return;
+		const oldValue = this._value;
+		this._value = newValue;
+		this._updateSelection();
+		this.requestUpdate("value", oldValue);
+	}
+	/**
+	* provide another element of which keyboard navigation
+	* @type {HTMLElement}
+	* @attr
+	* @default this
+	*/
+	get for() {
+		return this._for;
+	}
+	set for(newValue) {
+		if (this._for) this._for.removeEventListener("keydown", this._onKeyDown);
+		this._for = newValue;
+		if (this._for) this._for.addEventListener("keydown", this._onKeyDown);
+	}
+	/**
+	* Array of selected option values. Only relevant when multiple is true.
+	* @type {string[]}
+	*/
+	get selectedValues() {
+		return this._selectedValues;
+	}
+	/**
+	* Array of display values for selected options. Only relevant when multiple is true.
+	* @type {string[]}
+	*/
+	get selectedDisplayValues() {
+		return this._selectedElements.map((el) => el.displayValue || el.value || "");
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._for ??= this;
+		this.addEventListener(UUISelectableEvent.SELECTED, this._onSelected);
+		this.addEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		document.removeEventListener("keydown", this._onKeyDown);
+		this.removeEventListener(UUISelectableEvent.SELECTED, this._onSelected);
+		this.removeEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);
+	}
+	_updateSelection() {
+		if (this.multiple) {
+			for (const option of this._options) if (this._selectedValues.includes(option.value)) {
+				option.selected = true;
+				option.deselectable = true;
+			}
+			this._selectedElements = this._options.filter((opt) => this._selectedValues.includes(opt.value));
+		} else {
+			this.displayValue = "";
+			for (const option of this._options) if (option.value === this._value) {
+				this.displayValue = option.displayValue || "";
+				option.selected = true;
+			} else option.selected = false;
+		}
+	}
+	#updateActiveElement() {
+		for (const option of this._activeOptions) option.active = false;
+		const activeElement = this._getActiveElement;
+		if (activeElement) activeElement.active = true;
+		else this._goToIndex(0);
+	}
+	resetSelection() {
+		this._selectedValues = [];
+		this._selectedElements = [];
+	}
+	get _getActiveIndex() {
+		if (this._activeElementValue === null) return -1;
+		return this._options.findIndex((element) => element.value === this._activeElementValue);
+	}
+	get _getActiveElement() {
+		if (this._activeElementValue === null) return null;
+		return this._options.find((element) => element.value === this._activeElementValue);
+	}
+	_goToIndex(index) {
+		if (this._options.length === 0) return;
+		index = Math.min(Math.max(index, 0), this._options.length - 1);
+		const activeElement = this._options[index];
+		this._activeElementValue = activeElement.value;
+		this.#updateActiveElement();
+		if (activeElement) activeElement.scrollIntoView({
+			behavior: "auto",
+			block: "nearest",
+			inline: "nearest"
+		});
+	}
+	render() {
+		return html` <slot @slotchange=${this._onSlotChange}></slot> `;
+	}
+	static {
+		this.styles = [css`
       :host {
         display: flex;
         flex-direction: column;
         box-sizing: border-box;
       }
-    `
-];
-let UUIComboboxListElement = _UUIComboboxListElement;
-__decorateClass([
-  property()
-], UUIComboboxListElement.prototype, "value", 1);
-__decorateClass([
-  property({ type: String })
-], UUIComboboxListElement.prototype, "displayValue", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UUIComboboxListElement.prototype, "multiple", 2);
-__decorateClass([
-  property({ attribute: false })
-], UUIComboboxListElement.prototype, "for", 1);
-__decorateClass([
-  queryAssignedElements({
-    flatten: true,
-    selector: "uui-combobox-list-option:not([disabled])"
-  })
-], UUIComboboxListElement.prototype, "_options", 2);
-__decorateClass([
-  queryAssignedElements({
-    flatten: true,
-    selector: "uui-combobox-list-option[active]"
-  })
-], UUIComboboxListElement.prototype, "_activeOptions", 2);
-__decorateClass([
-  state()
-], UUIComboboxListElement.prototype, "_value", 2);
-__decorateClass([
-  state()
-], UUIComboboxListElement.prototype, "_activeElementValue", 2);
-__decorateClass([
-  state()
-], UUIComboboxListElement.prototype, "_selectedValues", 2);
-export {
-  UUIComboboxListElement
+    `];
+	}
 };
-//# sourceMappingURL=combobox-list.element.js.map
+__decorate([property()], UUIComboboxListElement.prototype, "value", null);
+__decorate([property({ type: String })], UUIComboboxListElement.prototype, "displayValue", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], UUIComboboxListElement.prototype, "multiple", void 0);
+__decorate([property({ attribute: false })], UUIComboboxListElement.prototype, "for", null);
+__decorate([queryAssignedElements({
+	flatten: true,
+	selector: "uui-combobox-list-option:not([disabled])"
+})], UUIComboboxListElement.prototype, "_options", void 0);
+__decorate([queryAssignedElements({
+	flatten: true,
+	selector: "uui-combobox-list-option[active]"
+})], UUIComboboxListElement.prototype, "_activeOptions", void 0);
+__decorate([state()], UUIComboboxListElement.prototype, "_value", void 0);
+__decorate([state()], UUIComboboxListElement.prototype, "_activeElementValue", void 0);
+__decorate([state()], UUIComboboxListElement.prototype, "_selectedValues", void 0);
+//#endregion
+export { UUIComboboxListElement };
+
+//# sourceMappingURL=combobox-list.element.js.map

package/dist/components/combobox-list/combobox-list.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-list.element.js","sources":["../../../src/components/combobox-list/combobox-list.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { UUISelectableEvent } from '../../internal/events/index.js';\nimport type { UUIComboboxListOptionElement } from './combobox-list-option.element.js';\nimport { UUIComboboxListEvent } from './UUIComboboxListEvent.js';\n\n/**\n * @element uui-combobox-list\n * @fires {UUIComboboxListEvent} change - fires when selection is changed\n * @slot - for uui-combobox-list-options\n * @description - A list that uses uui-combobox-list-options and handles keyboard navigation and selection.\n */\nexport class UUIComboboxListElement extends LitElement {\n  /**\n   * Value of selected option.\n   * @type {FormDataEntryValue | FormData}\n   * @attr\n   * @default \"\"\n   */\n  @property()\n  public get value() {\n    return this._value;\n  }\n  public set value(newValue) {\n    if (this._value === newValue) return;\n\n    const oldValue = this._value;\n    this._value = newValue;\n\n    this._updateSelection();\n    this.requestUpdate('value', oldValue);\n  }\n\n  /**\n   * A readable value to display to show the selected value.\n   * @type {string}\n   * @attr\n   * @default \"\"\n   */\n  @property({ type: String })\n  public displayValue = '';\n\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  private _for?: HTMLElement;\n  /**\n   * provide another element of which keyboard navigation\n   * @type {HTMLElement}\n   * @attr\n   * @default this\n   */\n  @property({ attribute: false })\n  public get for() {\n    return this._for;\n  }\n  public set for(newValue: HTMLElement | undefined) {\n    if (this._for) {\n      this._for.removeEventListener('keydown', this._onKeyDown);\n    }\n\n    this._for = newValue;\n    if (this._for) {\n      this._for.addEventListener('keydown', this._onKeyDown);\n    }\n  }\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'uui-combobox-list-option:not([disabled])',\n  })\n  private readonly _options!: UUIComboboxListOptionElement[];\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'uui-combobox-list-option[active]',\n  })\n  private readonly _activeOptions!: UUIComboboxListOptionElement[];\n\n  @state()\n  private _value: FormDataEntryValue | FormData = '';\n\n  @state()\n  private _activeElementValue: string | null = null;\n\n  private _selectedElement: UUIComboboxListOptionElement | undefined;\n\n  @state()\n  private _selectedValues: string[] = [];\n  private _selectedElements: UUIComboboxListOptionElement[] = [];\n  /**\n   * Array of selected option values. Only relevant when multiple is true.\n   * @type {string[]}\n   */\n  public get selectedValues(): string[] {\n    return this._selectedValues;\n  }\n\n  /**\n   * Array of display values for selected options. Only relevant when multiple is true.\n   * @type {string[]}\n   */\n  public get selectedDisplayValues(): string[] {\n    return this._selectedElements.map(el => el.displayValue || el.value || '');\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._for ??= this;\n\n    this.addEventListener(UUISelectableEvent.SELECTED, this._onSelected);\n    this.addEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('keydown', this._onKeyDown);\n\n    this.removeEventListener(UUISelectableEvent.SELECTED, this._onSelected);\n    this.removeEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);\n  }\n\n  private _updateSelection() {\n    if (this.multiple) {\n      for (const option of this._options) {\n        if (this._selectedValues.includes(option.value)) {\n          option.selected = true;\n          option.deselectable = true;\n        }\n      }\n      this._selectedElements = this._options.filter(opt =>\n        this._selectedValues.includes(opt.value),\n      );\n    } else {\n      this.displayValue = '';\n      for (const option of this._options) {\n        if (option.value === this._value) {\n          this.displayValue = option.displayValue || '';\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      }\n    }\n  }\n\n  private readonly _onSlotChange = () => {\n    // Get index from first active, remove active from the rest.\n    this.#updateActiveElement();\n\n    for (const option of this._options) {\n      option.multiple = this.multiple;\n    }\n\n    this._updateSelection();\n    this.dispatchEvent(\n      new UUIComboboxListEvent(UUIComboboxListEvent.INNER_SLOT_CHANGE),\n    );\n  };\n\n  #updateActiveElement() {\n    for (const option of this._activeOptions) {\n      option.active = false;\n    }\n\n    const activeElement = this._getActiveElement;\n    if (activeElement) {\n      activeElement.active = true;\n    } else {\n      this._goToIndex(0);\n    }\n  }\n\n  private readonly _onSelected = (e: Event) => {\n    const option = e.composedPath()[0] as UUIComboboxListOptionElement;\n\n    if (this.multiple) {\n      // Allow this option to be toggled off on next click\n      option.deselectable = true;\n      // Add to array\n      this._selectedElements.push(option);\n      this._selectedValues = [...this._selectedValues, option.value || ''];\n    } else {\n      // Existing single-select logic\n      if (this._selectedElement) {\n        this._selectedElement.selected = false;\n        this._selectedElement.active = false;\n        this._selectedElement = undefined;\n      }\n      this._selectedElement = option;\n      this.value = option.value || '';\n      this.displayValue = option.displayValue || '';\n    }\n\n    this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n  };\n\n  private readonly _onDeselected = (e: Event) => {\n    const el = e.composedPath()[0] as UUIComboboxListOptionElement;\n    if (this.multiple) {\n      // Remove from arrays\n      this._selectedElements = this._selectedElements.filter(opt => opt !== el);\n      this._selectedValues = this._selectedValues.filter(\n        v => v !== (el.value || ''),\n      );\n    } else {\n      // Existing single-select logic\n      if (this._selectedElement === el) {\n        this.value = '';\n        this.displayValue = '';\n      }\n    }\n\n    this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n  };\n\n  public resetSelection() {\n    this._selectedValues = [];\n    this._selectedElements = [];\n  }\n\n  private get _getActiveIndex(): number {\n    if (this._activeElementValue === null) return -1;\n\n    return this._options.findIndex(\n      element => element.value === this._activeElementValue,\n    );\n  }\n\n  private get _getActiveElement() {\n    if (this._activeElementValue === null) return null;\n\n    return this._options.find(\n      element => element.value === this._activeElementValue,\n    );\n  }\n\n  private readonly _moveIndex = (distance: number) => {\n    const newIndex = Math.min(\n      Math.max(this._getActiveIndex + distance, 0),\n      this._options.length - 1,\n    );\n\n    this._goToIndex(newIndex);\n  };\n\n  private _goToIndex(index: number) {\n    if (this._options.length === 0) return;\n\n    index = Math.min(Math.max(index, 0), this._options.length - 1); // Makes sure the index stays within array length\n    const activeElement = this._options[index];\n    this._activeElementValue = activeElement.value;\n    this.#updateActiveElement();\n\n    if (activeElement) {\n      activeElement.scrollIntoView({\n        behavior: 'auto',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  }\n\n  private readonly _onKeyDown = (e: KeyboardEvent) => {\n    if (this._options.length <= 0) return;\n\n    switch (e.code) {\n      case 'ArrowUp':\n        e.preventDefault();\n        if (e.ctrlKey) {\n          this._moveIndex(-10);\n        } else {\n          this._moveIndex(-1);\n        }\n        break;\n\n      case 'ArrowDown':\n        e.preventDefault();\n        if (e.ctrlKey) {\n          this._moveIndex(10);\n        } else {\n          this._moveIndex(1);\n        }\n\n        break;\n\n      case 'Home': {\n        e.preventDefault();\n        this._goToIndex(0);\n        break;\n      }\n\n      case 'Enter': {\n        e.preventDefault();\n        this._getActiveElement?.click();\n        break;\n      }\n\n      case 'End': {\n        e.preventDefault();\n        this._goToIndex(this._options.length - 1);\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  render() {\n    return html` <slot @slotchange=${this._onSlotChange}></slot> `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox-list.element.js","names":["#updateActiveElement"],"sources":["../../../src/components/combobox-list/combobox-list.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { UUISelectableEvent } from '../../internal/events/index.js';\nimport type { UUIComboboxListOptionElement } from './combobox-list-option.element.js';\nimport { UUIComboboxListEvent } from './UUIComboboxListEvent.js';\n\n/**\n * @element uui-combobox-list\n * @fires {UUIComboboxListEvent} change - fires when selection is changed\n * @slot - for uui-combobox-list-options\n * @description - A list that uses uui-combobox-list-options and handles keyboard navigation and selection.\n */\nexport class UUIComboboxListElement extends LitElement {\n  /**\n   * Value of selected option.\n   * @type {FormDataEntryValue | FormData}\n   * @attr\n   * @default \"\"\n   */\n  @property()\n  public get value() {\n    return this._value;\n  }\n  public set value(newValue) {\n    if (this._value === newValue) return;\n\n    const oldValue = this._value;\n    this._value = newValue;\n\n    this._updateSelection();\n    this.requestUpdate('value', oldValue);\n  }\n\n  /**\n   * A readable value to display to show the selected value.\n   * @type {string}\n   * @attr\n   * @default \"\"\n   */\n  @property({ type: String })\n  public displayValue = '';\n\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  private _for?: HTMLElement;\n  /**\n   * provide another element of which keyboard navigation\n   * @type {HTMLElement}\n   * @attr\n   * @default this\n   */\n  @property({ attribute: false })\n  public get for() {\n    return this._for;\n  }\n  public set for(newValue: HTMLElement | undefined) {\n    if (this._for) {\n      this._for.removeEventListener('keydown', this._onKeyDown);\n    }\n\n    this._for = newValue;\n    if (this._for) {\n      this._for.addEventListener('keydown', this._onKeyDown);\n    }\n  }\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'uui-combobox-list-option:not([disabled])',\n  })\n  private readonly _options!: UUIComboboxListOptionElement[];\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'uui-combobox-list-option[active]',\n  })\n  private readonly _activeOptions!: UUIComboboxListOptionElement[];\n\n  @state()\n  private _value: FormDataEntryValue | FormData = '';\n\n  @state()\n  private _activeElementValue: string | null = null;\n\n  private _selectedElement: UUIComboboxListOptionElement | undefined;\n\n  @state()\n  private _selectedValues: string[] = [];\n  private _selectedElements: UUIComboboxListOptionElement[] = [];\n  /**\n   * Array of selected option values. Only relevant when multiple is true.\n   * @type {string[]}\n   */\n  public get selectedValues(): string[] {\n    return this._selectedValues;\n  }\n\n  /**\n   * Array of display values for selected options. Only relevant when multiple is true.\n   * @type {string[]}\n   */\n  public get selectedDisplayValues(): string[] {\n    return this._selectedElements.map(el => el.displayValue || el.value || '');\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._for ??= this;\n\n    this.addEventListener(UUISelectableEvent.SELECTED, this._onSelected);\n    this.addEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('keydown', this._onKeyDown);\n\n    this.removeEventListener(UUISelectableEvent.SELECTED, this._onSelected);\n    this.removeEventListener(UUISelectableEvent.DESELECTED, this._onDeselected);\n  }\n\n  private _updateSelection() {\n    if (this.multiple) {\n      for (const option of this._options) {\n        if (this._selectedValues.includes(option.value)) {\n          option.selected = true;\n          option.deselectable = true;\n        }\n      }\n      this._selectedElements = this._options.filter(opt =>\n        this._selectedValues.includes(opt.value),\n      );\n    } else {\n      this.displayValue = '';\n      for (const option of this._options) {\n        if (option.value === this._value) {\n          this.displayValue = option.displayValue || '';\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      }\n    }\n  }\n\n  private readonly _onSlotChange = () => {\n    // Get index from first active, remove active from the rest.\n    this.#updateActiveElement();\n\n    for (const option of this._options) {\n      option.multiple = this.multiple;\n    }\n\n    this._updateSelection();\n    this.dispatchEvent(\n      new UUIComboboxListEvent(UUIComboboxListEvent.INNER_SLOT_CHANGE),\n    );\n  };\n\n  #updateActiveElement() {\n    for (const option of this._activeOptions) {\n      option.active = false;\n    }\n\n    const activeElement = this._getActiveElement;\n    if (activeElement) {\n      activeElement.active = true;\n    } else {\n      this._goToIndex(0);\n    }\n  }\n\n  private readonly _onSelected = (e: Event) => {\n    const option = e.composedPath()[0] as UUIComboboxListOptionElement;\n\n    if (this.multiple) {\n      // Allow this option to be toggled off on next click\n      option.deselectable = true;\n      // Add to array\n      this._selectedElements.push(option);\n      this._selectedValues = [...this._selectedValues, option.value || ''];\n    } else {\n      // Existing single-select logic\n      if (this._selectedElement) {\n        this._selectedElement.selected = false;\n        this._selectedElement.active = false;\n        this._selectedElement = undefined;\n      }\n      this._selectedElement = option;\n      this.value = option.value || '';\n      this.displayValue = option.displayValue || '';\n    }\n\n    this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n  };\n\n  private readonly _onDeselected = (e: Event) => {\n    const el = e.composedPath()[0] as UUIComboboxListOptionElement;\n    if (this.multiple) {\n      // Remove from arrays\n      this._selectedElements = this._selectedElements.filter(opt => opt !== el);\n      this._selectedValues = this._selectedValues.filter(\n        v => v !== (el.value || ''),\n      );\n    } else if (this._selectedElement === el) {\n      // Existing single-select logic\n      this.value = '';\n      this.displayValue = '';\n    }\n\n    this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n  };\n\n  public resetSelection() {\n    this._selectedValues = [];\n    this._selectedElements = [];\n  }\n\n  private get _getActiveIndex(): number {\n    if (this._activeElementValue === null) return -1;\n\n    return this._options.findIndex(\n      element => element.value === this._activeElementValue,\n    );\n  }\n\n  private get _getActiveElement() {\n    if (this._activeElementValue === null) return null;\n\n    return this._options.find(\n      element => element.value === this._activeElementValue,\n    );\n  }\n\n  private readonly _moveIndex = (distance: number) => {\n    const newIndex = Math.min(\n      Math.max(this._getActiveIndex + distance, 0),\n      this._options.length - 1,\n    );\n\n    this._goToIndex(newIndex);\n  };\n\n  private _goToIndex(index: number) {\n    if (this._options.length === 0) return;\n\n    index = Math.min(Math.max(index, 0), this._options.length - 1); // Makes sure the index stays within array length\n    const activeElement = this._options[index];\n    this._activeElementValue = activeElement.value;\n    this.#updateActiveElement();\n\n    if (activeElement) {\n      activeElement.scrollIntoView({\n        behavior: 'auto',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  }\n\n  private readonly _onKeyDown = (e: KeyboardEvent) => {\n    if (this._options.length <= 0) return;\n\n    switch (e.code) {\n      case 'ArrowUp':\n        e.preventDefault();\n        if (e.ctrlKey) {\n          this._moveIndex(-10);\n        } else {\n          this._moveIndex(-1);\n        }\n        break;\n\n      case 'ArrowDown':\n        e.preventDefault();\n        if (e.ctrlKey) {\n          this._moveIndex(10);\n        } else {\n          this._moveIndex(1);\n        }\n\n        break;\n\n      case 'Home': {\n        e.preventDefault();\n        this._goToIndex(0);\n        break;\n      }\n\n      case 'Enter': {\n        e.preventDefault();\n        this._getActiveElement?.click();\n        break;\n      }\n\n      case 'End': {\n        e.preventDefault();\n        this._goToIndex(this._options.length - 1);\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  render() {\n    return html` <slot @slotchange=${this._onSlotChange}></slot> `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n    `,\n  ];\n}\n"],"mappings":"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"}

package/dist/components/combobox-list/combobox-list.js

@@ -1,13 +1,11 @@
 import { defineElement } from "../../internal/registration/index.js";
 import { UUIComboboxListOptionElement } from "./combobox-list-option.element.js";
-import { UUIComboboxListElement } from "./combobox-list.element.js";
 import { UUIComboboxListEvent } from "./UUIComboboxListEvent.js";
+import { UUIComboboxListElement } from "./combobox-list.element.js";
+//#region src/components/combobox-list/combobox-list.ts
 defineElement("uui-combobox-list-option", UUIComboboxListOptionElement);
 defineElement("uui-combobox-list", UUIComboboxListElement);
-export {
-  UUIComboboxListElement,
-  UUIComboboxListEvent,
-  UUIComboboxListOptionElement,
-  UUIComboboxListElement as default
-};
-//# sourceMappingURL=combobox-list.js.map
+//#endregion
+export { UUIComboboxListElement, UUIComboboxListEvent, UUIComboboxListOptionElement };
+
+//# sourceMappingURL=combobox-list.js.map

package/dist/components/combobox-list/combobox-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-list.js","sources":["../../../src/components/combobox-list/combobox-list.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIComboboxListOptionElement } from './combobox-list-option.element.js';\nimport { UUIComboboxListElement } from './combobox-list.element.js';\n\ndefineElement('uui-combobox-list-option', UUIComboboxListOptionElement);\ndefineElement('uui-combobox-list', UUIComboboxListElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-combobox-list-option': UUIComboboxListOptionElement;\n    'uui-combobox-list': UUIComboboxListElement;\n  }\n}\n\nexport * from './combobox-list-option.element.js';\nexport * from './combobox-list.element.js';\nexport * from './UUIComboboxListEvent.js';\nexport { UUIComboboxListElement as default } from './combobox-list.element.js';\n"],"names":[],"mappings":";;;;AAIA,cAAc,4BAA4B,4BAA4B;AACtE,cAAc,qBAAqB,sBAAsB;"}
+{"version":3,"file":"combobox-list.js","names":[],"sources":["../../../src/components/combobox-list/combobox-list.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIComboboxListOptionElement } from './combobox-list-option.element.js';\nimport { UUIComboboxListElement } from './combobox-list.element.js';\n\ndefineElement('uui-combobox-list-option', UUIComboboxListOptionElement);\ndefineElement('uui-combobox-list', UUIComboboxListElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-combobox-list-option': UUIComboboxListOptionElement;\n    'uui-combobox-list': UUIComboboxListElement;\n  }\n}\n\nexport * from './combobox-list-option.element.js';\nexport * from './combobox-list.element.js';\nexport * from './UUIComboboxListEvent.js';\n"],"mappings":";;;;;AAIA,cAAc,4BAA4B,4BAA4B;AACtE,cAAc,qBAAqB,sBAAsB"}

package/dist/components/dialog/dialog.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './dialog.element.js';
-export { UUIDialogElement as default } from './dialog.element.js';