@umbraco-ui/uui 1.17.0 → 2.0.0-alpha.1

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

@@ -0,0 +1,16 @@
+import { UUIEvent } from "../../internal/events/UUIEvent.js";
+const _UUIComboboxListEvent = class _UUIComboboxListEvent extends UUIEvent {
+  constructor(evName, eventInit = {}) {
+    super(evName, {
+      bubbles: true,
+      ...eventInit
+    });
+  }
+};
+_UUIComboboxListEvent.CHANGE = "change";
+_UUIComboboxListEvent.INNER_SLOT_CHANGE = "inner-slot-change";
+let UUIComboboxListEvent = _UUIComboboxListEvent;
+export {
+  UUIComboboxListEvent
+};
+//# sourceMappingURL=UUIComboboxListEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UUIComboboxListEvent.js","sources":["../../../src/components/combobox-list/UUIComboboxListEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIComboboxListElement } from './combobox-list.element.js';\n\nexport class UUIComboboxListEvent extends UUIEvent<UUIComboboxListElement> {\n  public static readonly CHANGE: string = 'change';\n  public static readonly INNER_SLOT_CHANGE: string = 'inner-slot-change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAGO,MAAM,wBAAN,MAAM,8BAA6B,SAAiC;AAAA,EAIzE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AATE,sBAAuB,SAAiB;AACxC,sBAAuB,oBAA4B;AAF9C,IAAM,uBAAN;"}

package/dist/components/combobox-list/combobox-list-option.element.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+declare const UUIComboboxListOptionElement_base: (new (...args: any[]) => import("../../index.js").UUISelectableMixinInterface) & (new (...args: any[]) => import("../../index.js").UUIActiveMixinInterface) & typeof LitElement;
+/**
+ * @element uui-combobox-list-option
+ * @slot - For option content
+ * @description - An option to be used within uui-combobox-list
+ */
+export declare class UUIComboboxListOptionElement extends UUIComboboxListOptionElement_base {
+    private _value;
+    private _disabled;
+    _displayValue: string;
+    /**
+     * Value of the option.
+     * @type {string}
+     * @attr
+     * @default ""
+     */
+    get value(): string;
+    set value(newValue: string);
+    /**
+     * A readable value.
+     * @type {string}
+     * @attr
+     * @default ""
+     */
+    get displayValue(): string;
+    set displayValue(newValue: string);
+    /**
+     * Determines if the options is disabled. If true the option can't be selected
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    get disabled(): boolean;
+    set disabled(newValue: boolean);
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+export {};

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

@@ -0,0 +1,150 @@
+import { LitElement, html, css } from "lit";
+import { state, property } from "lit/decorators.js";
+import { SelectableMixin } from "../../internal/mixins/SelectableMixin.js";
+import { ActiveMixin } from "../../internal/mixins/ActiveMixin.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 _UUIComboboxListOptionElement = class _UUIComboboxListOptionElement extends SelectableMixin(
+  ActiveMixin(LitElement)
+) {
+  constructor() {
+    super();
+    this._disabled = false;
+    this._displayValue = "";
+    this.selectable = true;
+    this.deselectable = false;
+  }
+  get value() {
+    return this._value ? this._value : this.textContent?.trim() || "";
+  }
+  set value(newValue) {
+    const oldValue = this._value;
+    this._value = newValue;
+    this.requestUpdate("value", oldValue);
+  }
+  get displayValue() {
+    return this._displayValue ? this._displayValue : this.textContent?.trim() || "";
+  }
+  set displayValue(newValue) {
+    const oldValue = this._displayValue;
+    this._displayValue = newValue;
+    this.requestUpdate("displayValue", oldValue);
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(newValue) {
+    const oldValue = this._disabled;
+    this._disabled = newValue;
+    this.selectable = !this._disabled;
+    this.requestUpdate("disabled", oldValue);
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+_UUIComboboxListOptionElement.styles = [
+  css`
+      :host {
+        position: relative;
+        cursor: pointer;
+        margin: 1px var(--uui-size-2);
+        border-radius: var(--uui-border-radius);
+        outline: 2px solid transparent;
+        outline-offset: -2px;
+        padding: var(--uui-size-1);
+        padding-left: var(--uui-size-2);
+      }
+
+      :host(:first-child) {
+        margin-top: 6px;
+      }
+      :host(:last-child) {
+        margin-bottom: 6px;
+      }
+
+      :host([selected]):host([active])::after {
+        display: block;
+        content: '';
+        position: absolute;
+        inset: 0px;
+        outline: var(--uui-color-surface) solid 2px;
+        outline-offset: -4px;
+      }
+      /*
+      :host::before {
+        display: block;
+        content: '';
+        opacity: 0;
+        position: absolute;
+        inset: 0;
+        background-color: var(--uui-color-selected);
+      }
+
+      :host(:hover)::before {
+        opacity: 0.15;
+        border-radius: var(--uui-border-radius);
+      } */
+
+      :host(:hover) {
+        background-color: var(--uui-color-surface-emphasis);
+        color: var(--uui-color-interactive-emphasis);
+      }
+
+      :host([disabled]) {
+        cursor: auto;
+        color: var(--uui-color-disabled-contrast);
+        background-color: var(--uui-color-disabled);
+      }
+
+      :host([disabled]:hover) {
+        background-color: var(--uui-color-disabled);
+      }
+
+      :host([active]) {
+        outline-color: var(--uui-color-focus);
+      }
+
+      :host([selected]) {
+        color: var(--uui-color-selected-contrast);
+        background-color: var(--uui-color-selected);
+      }
+
+      :host([selected]:hover) {
+        color: var(--uui-color-selected-contrast);
+        background-color: var(--uui-color-selected-emphasis);
+      }
+      :host([selected][disabled]) {
+        color: var(--uui-color-disabled-contrast);
+        background-color: var(--uui-color-disabled);
+      }
+    `
+];
+let UUIComboboxListOptionElement = _UUIComboboxListOptionElement;
+__decorateClass([
+  state()
+], UUIComboboxListOptionElement.prototype, "_disabled", 2);
+__decorateClass([
+  state()
+], UUIComboboxListOptionElement.prototype, "_displayValue", 2);
+__decorateClass([
+  property({ type: String })
+], UUIComboboxListOptionElement.prototype, "value", 1);
+__decorateClass([
+  property({ type: String, attribute: "display-value" })
+], UUIComboboxListOptionElement.prototype, "displayValue", 1);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], UUIComboboxListOptionElement.prototype, "disabled", 1);
+export {
+  UUIComboboxListOptionElement
+};
+//# sourceMappingURL=combobox-list-option.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-list-option.element.js","sources":["../../../src/components/combobox-list/combobox-list-option.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ActiveMixin, SelectableMixin } from '../../internal/mixins/index.js';\n\n/**\n * @element uui-combobox-list-option\n * @slot - For option content\n * @description - An option to be used within uui-combobox-list\n */\nexport class UUIComboboxListOptionElement extends SelectableMixin(\n  ActiveMixin(LitElement),\n) {\n  private _value: string | undefined;\n\n  @state()\n  private _disabled = false;\n\n  @state() _displayValue = '';\n\n  /**\n   * Value of the option.\n   * @type {string}\n   * @attr\n   * @default \"\"\n   */\n  @property({ type: String })\n  public get value(): string {\n    return this._value ? this._value : this.textContent?.trim() || '';\n  }\n  public set value(newValue: string) {\n    const oldValue = this._value;\n    this._value = newValue;\n    this.requestUpdate('value', oldValue);\n  }\n\n  /**\n   * A readable value.\n   * @type {string}\n   * @attr\n   * @default \"\"\n   */\n  @property({ type: String, attribute: 'display-value' })\n  public get displayValue() {\n    return this._displayValue\n      ? this._displayValue\n      : this.textContent?.trim() || '';\n  }\n  public set displayValue(newValue) {\n    const oldValue = this._displayValue;\n    this._displayValue = newValue;\n    this.requestUpdate('displayValue', oldValue);\n  }\n\n  /**\n   * Determines if the options is disabled. If true the option can't be selected\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public get disabled() {\n    return this._disabled;\n  }\n  public set disabled(newValue) {\n    const oldValue = this._disabled;\n    this._disabled = newValue;\n    this.selectable = !this._disabled;\n    this.requestUpdate('disabled', oldValue);\n  }\n\n  constructor() {\n    super();\n    this.selectable = true;\n    this.deselectable = false;\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        position: relative;\n        cursor: pointer;\n        margin: 1px var(--uui-size-2);\n        border-radius: var(--uui-border-radius);\n        outline: 2px solid transparent;\n        outline-offset: -2px;\n        padding: var(--uui-size-1);\n        padding-left: var(--uui-size-2);\n      }\n\n      :host(:first-child) {\n        margin-top: 6px;\n      }\n      :host(:last-child) {\n        margin-bottom: 6px;\n      }\n\n      :host([selected]):host([active])::after {\n        display: block;\n        content: '';\n        position: absolute;\n        inset: 0px;\n        outline: var(--uui-color-surface) solid 2px;\n        outline-offset: -4px;\n      }\n      /*\n      :host::before {\n        display: block;\n        content: '';\n        opacity: 0;\n        position: absolute;\n        inset: 0;\n        background-color: var(--uui-color-selected);\n      }\n\n      :host(:hover)::before {\n        opacity: 0.15;\n        border-radius: var(--uui-border-radius);\n      } */\n\n      :host(:hover) {\n        background-color: var(--uui-color-surface-emphasis);\n        color: var(--uui-color-interactive-emphasis);\n      }\n\n      :host([disabled]) {\n        cursor: auto;\n        color: var(--uui-color-disabled-contrast);\n        background-color: var(--uui-color-disabled);\n      }\n\n      :host([disabled]:hover) {\n        background-color: var(--uui-color-disabled);\n      }\n\n      :host([active]) {\n        outline-color: var(--uui-color-focus);\n      }\n\n      :host([selected]) {\n        color: var(--uui-color-selected-contrast);\n        background-color: var(--uui-color-selected);\n      }\n\n      :host([selected]:hover) {\n        color: var(--uui-color-selected-contrast);\n        background-color: var(--uui-color-selected-emphasis);\n      }\n      :host([selected][disabled]) {\n        color: var(--uui-color-disabled-contrast);\n        background-color: var(--uui-color-disabled);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASO,MAAM,gCAAN,MAAM,sCAAqC;AAAA,EAChD,YAAY,UAAU;AACxB,EAAE;AAAA,EA2DA,cAAc;AACZ,UAAA;AAxDF,SAAQ,YAAY;AAEX,SAAA,gBAAgB;AAuDvB,SAAK,aAAa;AAClB,SAAK,eAAe;AAAA,EACtB;AAAA,EAhDA,IAAW,QAAgB;AACzB,WAAO,KAAK,SAAS,KAAK,SAAS,KAAK,aAAa,UAAU;AAAA,EACjE;AAAA,EACA,IAAW,MAAM,UAAkB;AACjC,UAAM,WAAW,KAAK;AACtB,SAAK,SAAS;AACd,SAAK,cAAc,SAAS,QAAQ;AAAA,EACtC;AAAA,EASA,IAAW,eAAe;AACxB,WAAO,KAAK,gBACR,KAAK,gBACL,KAAK,aAAa,UAAU;AAAA,EAClC;AAAA,EACA,IAAW,aAAa,UAAU;AAChC,UAAM,WAAW,KAAK;AACtB,SAAK,gBAAgB;AACrB,SAAK,cAAc,gBAAgB,QAAQ;AAAA,EAC7C;AAAA,EASA,IAAW,WAAW;AACpB,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,UAAU;AAC5B,UAAM,WAAW,KAAK;AACtB,SAAK,YAAY;AACjB,SAAK,aAAa,CAAC,KAAK;AACxB,SAAK,cAAc,YAAY,QAAQ;AAAA,EACzC;AAAA,EAQA,SAAS;AACP,WAAO;AAAA,EACT;AA+EF;AA7EE,8BAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxEG,IAAM,+BAAN;AAMG,gBAAA;AAAA,EADP,MAAA;AAAM,GALI,6BAMH,WAAA,aAAA,CAAA;AAEC,gBAAA;AAAA,EAAR,MAAA;AAAM,GARI,6BAQF,WAAA,iBAAA,CAAA;AASE,gBAAA;AAAA,EADV,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBf,6BAiBA,WAAA,SAAA,CAAA;AAgBA,gBAAA;AAAA,EADV,SAAS,EAAE,MAAM,QAAQ,WAAW,iBAAiB;AAAA,GAhC3C,6BAiCA,WAAA,gBAAA,CAAA;AAkBA,gBAAA;AAAA,EADV,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAlD/B,6BAmDA,WAAA,YAAA,CAAA;"}

package/dist/components/combobox-list/combobox-list.d.ts

@@ -0,0 +1,12 @@
+import { UUIComboboxListOptionElement } from './combobox-list-option.element.js';
+import { UUIComboboxListElement } from './combobox-list.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-combobox-list-option': UUIComboboxListOptionElement;
+        'uui-combobox-list': UUIComboboxListElement;
+    }
+}
+export * from './combobox-list-option.element.js';
+export * from './combobox-list.element.js';
+export * from './UUIComboboxListEvent.js';
+export { UUIComboboxListElement as default } from './combobox-list.element.js';

package/dist/components/combobox-list/combobox-list.element.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+/**
+ * @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.
+ */
+export declare class UUIComboboxListElement extends LitElement {
+    #private;
+    /**
+     * Value of selected option.
+     * @type {FormDataEntryValue | FormData}
+     * @attr
+     * @default ""
+     */
+    get value(): FormDataEntryValue | FormData;
+    set value(newValue: FormDataEntryValue | FormData);
+    /**
+     * A readable value to display to show the selected value.
+     * @type {string}
+     * @attr
+     * @default ""
+     */
+    displayValue: string;
+    private _for?;
+    /**
+     * provide another element of which keyboard navigation
+     * @type {HTMLElement}
+     * @attr
+     * @default this
+     */
+    get for(): HTMLElement | undefined;
+    set for(newValue: HTMLElement | undefined);
+    private readonly _options;
+    private readonly _activeOptions;
+    private _value;
+    private _activeElementValue;
+    private _selectedElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _updateSelection;
+    private readonly _onSlotChange;
+    private readonly _onSelected;
+    private readonly _onDeselected;
+    private get _getActiveIndex();
+    private get _getActiveElement();
+    private readonly _moveIndex;
+    private _goToIndex;
+    private readonly _onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,233 @@
+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._value = "";
+    this._activeElementValue = null;
+    this._onSlotChange = () => {
+      __privateMethod(this, _UUIComboboxListElement_instances, updateActiveElement_fn).call(this);
+      this._updateSelection();
+      this.dispatchEvent(
+        new UUIComboboxListEvent(UUIComboboxListEvent.INNER_SLOT_CHANGE)
+      );
+    };
+    this._onSelected = (e) => {
+      if (this._selectedElement) {
+        this._selectedElement.selected = false;
+        this._selectedElement.active = false;
+        this._selectedElement = void 0;
+      }
+      this._selectedElement = e.composedPath()[0];
+      this.value = this._selectedElement.value || "";
+      this.displayValue = this._selectedElement.displayValue || "";
+      this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));
+    };
+    this._onDeselected = (e) => {
+      const el = e.composedPath()[0];
+      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;
+        }
+        //Space key
+        case "Space": {
+          e.preventDefault();
+          e.stopPropagation();
+          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);
+    }
+  }
+  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() {
+    this.displayValue = "";
+    for (const option of this._options) {
+      if (option.value === this._value) {
+        this.displayValue = option.displayValue || "";
+        option.selected = true;
+      } else {
+        option.selected = false;
+      }
+    }
+  }
+  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`
+      :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({ 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);
+export {
+  UUIComboboxListElement
+};
+//# sourceMappingURL=combobox-list.element.js.map

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

@@ -0,0 +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  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  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    this.displayValue = '';\n\n    // Ensure the right items are selected.\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  private readonly _onSlotChange = () => {\n    // Get index from first active, remove active from the rest.\n    this.#updateActiveElement();\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    if (this._selectedElement) {\n      this._selectedElement.selected = false;\n      this._selectedElement.active = false;\n      this._selectedElement = undefined;\n    }\n    this._selectedElement = e.composedPath()[0] as UUIComboboxListOptionElement;\n\n    this.value = this._selectedElement.value || '';\n    this.displayValue = this._selectedElement.displayValue || '';\n\n    this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n  };\n  private readonly _onDeselected = (e: Event) => {\n    const el = e.composedPath()[0] as UUIComboboxListOptionElement;\n    if (this._selectedElement === el) {\n      this.value = '';\n      this.displayValue = '';\n      this.dispatchEvent(new UUIComboboxListEvent(UUIComboboxListEvent.CHANGE));\n    }\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      //Space key\n      case 'Space': {\n        e.preventDefault();\n        e.stopPropagation();\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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"}

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

@@ -0,0 +1,13 @@
+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";
+defineElement("uui-combobox-list-option", UUIComboboxListOptionElement);
+defineElement("uui-combobox-list", UUIComboboxListElement);
+export {
+  UUIComboboxListElement,
+  UUIComboboxListEvent,
+  UUIComboboxListOptionElement,
+  UUIComboboxListElement as default
+};
+//# sourceMappingURL=combobox-list.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { UUIDialogElement } from './dialog.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-dialog': UUIDialogElement;
+    }
+}
+export * from './dialog.element.js';
+export { UUIDialogElement as default } from './dialog.element.js';

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

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+/**
+ *  @element uui-dialog
+ *  @slot - The slot for dialog content
+ *  @description - All-round dialog
+ */
+export declare class UUIDialogElement extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/dialog/dialog.element.js

@@ -0,0 +1,32 @@
+import { LitElement, html, css } from "lit";
+const _UUIDialogElement = class _UUIDialogElement extends LitElement {
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+_UUIDialogElement.styles = [
+  css`
+      :host {
+        position: relative;
+        display: block;
+        max-width: 580px;
+        color: var(--uui-color-text);
+
+        background-color: var(
+          --uui-dialog-background-color,
+          var(--uui-color-surface)
+        );
+
+        box-shadow: var(--uui-shadow-depth-5);
+        border-radius: var(
+          --uui-dialog-border-radius,
+          var(--uui-border-radius-3)
+        );
+      }
+    `
+];
+let UUIDialogElement = _UUIDialogElement;
+export {
+  UUIDialogElement
+};
+//# sourceMappingURL=dialog.element.js.map

package/dist/components/dialog/dialog.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.element.js","sources":["../../../src/components/dialog/dialog.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\n\n/**\n *  @element uui-dialog\n *  @slot - The slot for dialog content\n *  @description - All-round dialog\n */\nexport class UUIDialogElement extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        position: relative;\n        display: block;\n        max-width: 580px;\n        color: var(--uui-color-text);\n\n        background-color: var(\n          --uui-dialog-background-color,\n          var(--uui-color-surface)\n        );\n\n        box-shadow: var(--uui-shadow-depth-5);\n        border-radius: var(\n          --uui-dialog-border-radius,\n          var(--uui-border-radius-3)\n        );\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";AAOO,MAAM,oBAAN,MAAM,0BAAyB,WAAW;AAAA,EAC/C,SAAS;AACP,WAAO;AAAA,EACT;AAuBF;AArBE,kBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AANG,IAAM,mBAAN;"}

package/dist/components/dialog/dialog.js

@@ -0,0 +1,8 @@
+import { defineElement } from "../../internal/registration/index.js";
+import { UUIDialogElement } from "./dialog.element.js";
+defineElement("uui-dialog", UUIDialogElement);
+export {
+  UUIDialogElement,
+  UUIDialogElement as default
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIDialogElement } from './dialog.element.js';\n\ndefineElement('uui-dialog', UUIDialogElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-dialog': UUIDialogElement;\n  }\n}\n\nexport * from './dialog.element.js';\nexport { UUIDialogElement as default } from './dialog.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,cAAc,gBAAgB;"}

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

@@ -0,0 +1,8 @@
+import { UUIDialogLayoutElement } from './dialog-layout.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-dialog-layout': UUIDialogLayoutElement;
+    }
+}
+export * from './dialog-layout.element.js';
+export { UUIDialogLayoutElement as default } from './dialog-layout.element.js';