@aurelia-ui-toolkits/headless 1.0.0

package/dist/tree/ui-tree.js

@@ -0,0 +1,340 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, BindingMode, customElement, INode, resolve } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import { Keys } from '../base/keys';
+import template from './ui-tree.html?raw';
+let UiTree = (() => {
+    let _classDecorators = [customElement({ name: 'ui-tree', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _items_decorators;
+    let _items_initializers = [];
+    let _items_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _childrenField_decorators;
+    let _childrenField_initializers = [];
+    let _childrenField_extraInitializers = [];
+    let _valueField_decorators;
+    let _valueField_initializers = [];
+    let _valueField_extraInitializers = [];
+    let _labelField_decorators;
+    let _labelField_initializers = [];
+    let _labelField_extraInitializers = [];
+    let _disabledField_decorators;
+    let _disabledField_initializers = [];
+    let _disabledField_extraInitializers = [];
+    let _expandedField_decorators;
+    let _expandedField_initializers = [];
+    let _expandedField_extraInitializers = [];
+    let _selectionMode_decorators;
+    let _selectionMode_initializers = [];
+    let _selectionMode_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var UiTree = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _items_decorators = [bindable];
+            _value_decorators = [bindable({ mode: BindingMode.twoWay })];
+            _label_decorators = [bindable];
+            _childrenField_decorators = [bindable];
+            _valueField_decorators = [bindable];
+            _labelField_decorators = [bindable];
+            _disabledField_decorators = [bindable];
+            _expandedField_decorators = [bindable];
+            _selectionMode_decorators = [bindable];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _childrenField_decorators, { kind: "field", name: "childrenField", static: false, private: false, access: { has: obj => "childrenField" in obj, get: obj => obj.childrenField, set: (obj, value) => { obj.childrenField = value; } }, metadata: _metadata }, _childrenField_initializers, _childrenField_extraInitializers);
+            __esDecorate(null, null, _valueField_decorators, { kind: "field", name: "valueField", static: false, private: false, access: { has: obj => "valueField" in obj, get: obj => obj.valueField, set: (obj, value) => { obj.valueField = value; } }, metadata: _metadata }, _valueField_initializers, _valueField_extraInitializers);
+            __esDecorate(null, null, _labelField_decorators, { kind: "field", name: "labelField", static: false, private: false, access: { has: obj => "labelField" in obj, get: obj => obj.labelField, set: (obj, value) => { obj.labelField = value; } }, metadata: _metadata }, _labelField_initializers, _labelField_extraInitializers);
+            __esDecorate(null, null, _disabledField_decorators, { kind: "field", name: "disabledField", static: false, private: false, access: { has: obj => "disabledField" in obj, get: obj => obj.disabledField, set: (obj, value) => { obj.disabledField = value; } }, metadata: _metadata }, _disabledField_initializers, _disabledField_extraInitializers);
+            __esDecorate(null, null, _expandedField_decorators, { kind: "field", name: "expandedField", static: false, private: false, access: { has: obj => "expandedField" in obj, get: obj => obj.expandedField, set: (obj, value) => { obj.expandedField = value; } }, metadata: _metadata }, _expandedField_initializers, _expandedField_extraInitializers);
+            __esDecorate(null, null, _selectionMode_decorators, { kind: "field", name: "selectionMode", static: false, private: false, access: { has: obj => "selectionMode" in obj, get: obj => obj.selectionMode, set: (obj, value) => { obj.selectionMode = value; } }, metadata: _metadata }, _selectionMode_initializers, _selectionMode_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiTree = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        host = resolve(INode);
+        expandedValues = new Set();
+        items = __runInitializers(this, _items_initializers, []);
+        itemsChanged() {
+            this.rebuildRows();
+        }
+        value = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _value_initializers, void 0));
+        valueChanged() {
+            if (this.value !== undefined) {
+                this.activeValue = this.value;
+            }
+        }
+        label = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        childrenField = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _childrenField_initializers, 'children'));
+        childrenFieldChanged() {
+            this.rebuildRows();
+        }
+        valueField = (__runInitializers(this, _childrenField_extraInitializers), __runInitializers(this, _valueField_initializers, 'value'));
+        valueFieldChanged() {
+            this.rebuildRows();
+        }
+        labelField = (__runInitializers(this, _valueField_extraInitializers), __runInitializers(this, _labelField_initializers, 'label'));
+        labelFieldChanged() {
+            this.rebuildRows();
+        }
+        disabledField = (__runInitializers(this, _labelField_extraInitializers), __runInitializers(this, _disabledField_initializers, 'disabled'));
+        disabledFieldChanged() {
+            this.rebuildRows();
+        }
+        expandedField = (__runInitializers(this, _disabledField_extraInitializers), __runInitializers(this, _expandedField_initializers, 'expanded'));
+        expandedFieldChanged() {
+            this.rebuildRows(true);
+        }
+        selectionMode = (__runInitializers(this, _expandedField_extraInitializers), __runInitializers(this, _selectionMode_initializers, 'single'));
+        disabled = (__runInitializers(this, _selectionMode_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        visibleRows = (__runInitializers(this, _disabled_extraInitializers), []);
+        activeValue;
+        binding() {
+            this.rebuildRows(true);
+        }
+        onRowClick(row) {
+            this.focusRow(row);
+            this.selectRow(row);
+        }
+        onToggleClick(row, event) {
+            event.stopPropagation();
+            this.focusRow(row);
+            this.toggleRow(row);
+        }
+        onKeyDown(event) {
+            if (this.disabled) {
+                return;
+            }
+            const row = this.getFocusedRow();
+            if (!row) {
+                return;
+            }
+            if (event.key === Keys.ArrowDown) {
+                event.preventDefault();
+                this.focusSibling(row, 1);
+                return;
+            }
+            if (event.key === Keys.ArrowUp) {
+                event.preventDefault();
+                this.focusSibling(row, -1);
+                return;
+            }
+            if (event.key === Keys.ArrowRight) {
+                event.preventDefault();
+                this.expandOrEnter(row);
+                return;
+            }
+            if (event.key === Keys.ArrowLeft) {
+                event.preventDefault();
+                this.collapseOrExit(row);
+                return;
+            }
+            if (event.key === Keys.Home) {
+                event.preventDefault();
+                this.focusFirst();
+                return;
+            }
+            if (event.key === Keys.End) {
+                event.preventDefault();
+                this.focusLast();
+                return;
+            }
+            if (event.key === Keys.Enter || event.key === Keys.Space) {
+                event.preventDefault();
+                this.selectRow(row);
+            }
+        }
+        rebuildRows(applyInitialExpanded = false) {
+            if (applyInitialExpanded) {
+                this.expandedValues.clear();
+            }
+            const roots = Array.isArray(this.items) ? this.items : [];
+            const rows = this.buildRows(roots, 0, undefined, '0', applyInitialExpanded);
+            this.visibleRows = this.flattenVisibleRows(rows);
+            if (this.activeValue === undefined) {
+                this.activeValue = this.value ?? this.visibleRows.find(row => !row.disabled)?.value;
+            }
+        }
+        buildRows(items, depth, parent, path, applyInitialExpanded) {
+            return items.map((item, index) => {
+                const value = this.getFieldValue(item, this.valueField) ?? item;
+                const children = this.getChildren(item);
+                if (applyInitialExpanded && this.getBooleanFieldValue(item, this.expandedField)) {
+                    this.expandedValues.add(value);
+                }
+                const row = {
+                    id: `${path}-${index}`,
+                    item,
+                    value,
+                    label: this.getLabel(item),
+                    depth,
+                    parent,
+                    children: [],
+                    expanded: this.expandedValues.has(value),
+                    disabled: this.getBooleanFieldValue(item, this.disabledField),
+                    posInSet: index + 1,
+                    setSize: items.length,
+                    element: undefined,
+                    slotHost: undefined
+                };
+                row.slotHost = { item, row };
+                row.children = this.buildRows(children, depth + 1, row, row.id, applyInitialExpanded);
+                return row;
+            });
+        }
+        flattenVisibleRows(rows) {
+            const visible = [];
+            for (const row of rows) {
+                visible.push(row);
+                if (row.expanded && row.children.length) {
+                    visible.push(...this.flattenVisibleRows(row.children));
+                }
+            }
+            return visible;
+        }
+        getChildren(item) {
+            const children = this.getFieldValue(item, this.childrenField);
+            return Array.isArray(children) ? children : [];
+        }
+        getLabel(item) {
+            const label = this.getFieldValue(item, this.labelField);
+            return label === undefined || label === null ? '' : String(label);
+        }
+        getBooleanFieldValue(item, field) {
+            return !!this.getFieldValue(item, field);
+        }
+        getFieldValue(item, field) {
+            if (typeof field === 'function') {
+                return field(item);
+            }
+            if (item && typeof item === 'object') {
+                return item[field];
+            }
+            return undefined;
+        }
+        getFocusedRow() {
+            const element = document.activeElement instanceof HTMLElement ? document.activeElement.closest('[data-tree-row-id]') : null;
+            const id = element?.getAttribute('data-tree-row-id');
+            return this.visibleRows.find(row => row.id === id) ?? this.visibleRows.find(row => row.value === this.activeValue);
+        }
+        focusSibling(row, direction) {
+            const rows = this.enabledRows;
+            const index = rows.indexOf(row);
+            if (index < 0) {
+                return;
+            }
+            this.focusRow(rows[Math.max(0, Math.min(rows.length - 1, index + direction))]);
+        }
+        expandOrEnter(row) {
+            if (!row.children.length) {
+                return;
+            }
+            if (!row.expanded) {
+                this.expandRow(row);
+                return;
+            }
+            const child = row.children.find(item => !item.disabled);
+            if (child) {
+                this.focusRow(child);
+            }
+        }
+        collapseOrExit(row) {
+            if (row.children.length && row.expanded) {
+                this.collapseRow(row);
+                return;
+            }
+            if (row.parent) {
+                this.focusRow(row.parent);
+            }
+        }
+        focusFirst() {
+            const row = this.enabledRows[0];
+            if (row) {
+                this.focusRow(row);
+            }
+        }
+        focusLast() {
+            const rows = this.enabledRows;
+            const row = rows[rows.length - 1];
+            if (row) {
+                this.focusRow(row);
+            }
+        }
+        get enabledRows() {
+            return this.visibleRows.filter(row => !row.disabled);
+        }
+        focusRow(row) {
+            if (row.disabled) {
+                return;
+            }
+            this.activeValue = row.value;
+            row.element?.focus();
+        }
+        selectRow(row) {
+            if (this.disabled || row.disabled || this.selectionMode === 'none' || this.value === row.value) {
+                return;
+            }
+            this.value = row.value;
+            this.activeValue = row.value;
+            this.host.dispatchEvent(new CustomEvent('tree-select', { bubbles: true, detail: row.item }));
+            this.dispatchValueEvent('input');
+            this.dispatchValueEvent('change');
+        }
+        toggleRow(row) {
+            if (!row.children.length || row.disabled) {
+                return;
+            }
+            if (row.expanded) {
+                this.collapseRow(row);
+            }
+            else {
+                this.expandRow(row);
+            }
+        }
+        expandRow(row) {
+            this.expandedValues.add(row.value);
+            this.host.dispatchEvent(new CustomEvent('tree-expand', { bubbles: true, detail: row.item }));
+            this.activeValue = row.value;
+            this.rebuildRows();
+            this.restoreFocus(row.value);
+        }
+        collapseRow(row) {
+            this.expandedValues.delete(row.value);
+            this.host.dispatchEvent(new CustomEvent('tree-collapse', { bubbles: true, detail: row.item }));
+            this.activeValue = row.value;
+            this.rebuildRows();
+            this.restoreFocus(row.value);
+        }
+        restoreFocus(value) {
+            const row = this.visibleRows.find(item => item.value === value);
+            if (row?.element) {
+                row.element.focus();
+                return;
+            }
+            queueMicrotask(() => {
+                this.visibleRows.find(item => item.value === value)?.element?.focus();
+            });
+        }
+        dispatchValueEvent(type) {
+            this.host.dispatchEvent(new Event(type, { bubbles: true }));
+        }
+    };
+    return UiTree = _classThis;
+})();
+export { UiTree };
+//# sourceMappingURL=ui-tree.js.map

package/dist/tree/ui-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-tree.js","sourceRoot":"","sources":["../../src/tree/ui-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { bindable, BindingMode, customElement, INode, resolve } from 'aurelia';\r\nimport { booleanAttr } from '../base/boolean-attr';\r\nimport { Keys } from '../base/keys';\r\nimport template from './ui-tree.html?raw';\r\n\r\ntype TreeField<T> = string | ((item: T) => unknown);\r\ntype TreeSelectionMode = 'single' | 'none';\r\n\r\nexport interface UiTreeRow {\r\n  id: string;\r\n  item: unknown;\r\n  value: unknown;\r\n  label: string;\r\n  depth: number;\r\n  parent: UiTreeRow | undefined;\r\n  children: UiTreeRow[];\r\n  expanded: boolean;\r\n  disabled: boolean;\r\n  posInSet: number;\r\n  setSize: number;\r\n  element: HTMLElement | undefined;\r\n  slotHost: UiTreeRowSlotHost;\r\n}\r\n\r\nexport interface UiTreeRowSlotHost {\r\n  item: unknown;\r\n  row: UiTreeRow;\r\n}\r\n\r\n@customElement({ name: 'ui-tree', template })\r\nexport class UiTree {\r\n  private readonly host = resolve(INode) as HTMLElement;\r\n  private expandedValues = new Set<unknown>();\r\n\r\n  @bindable\r\n  items: unknown[] = [];\r\n  itemsChanged(): void {\r\n    this.rebuildRows();\r\n  }\r\n\r\n  @bindable({ mode: BindingMode.twoWay })\r\n  value: unknown;\r\n  valueChanged(): void {\r\n    if (this.value !== undefined) {\r\n      this.activeValue = this.value;\r\n    }\r\n  }\r\n\r\n  @bindable\r\n  label: string | undefined;\r\n\r\n  @bindable\r\n  childrenField: TreeField<unknown> = 'children';\r\n  childrenFieldChanged(): void {\r\n    this.rebuildRows();\r\n  }\r\n\r\n  @bindable\r\n  valueField: TreeField<unknown> = 'value';\r\n  valueFieldChanged(): void {\r\n    this.rebuildRows();\r\n  }\r\n\r\n  @bindable\r\n  labelField: TreeField<unknown> = 'label';\r\n  labelFieldChanged(): void {\r\n    this.rebuildRows();\r\n  }\r\n\r\n  @bindable\r\n  disabledField: TreeField<unknown> = 'disabled';\r\n  disabledFieldChanged(): void {\r\n    this.rebuildRows();\r\n  }\r\n\r\n  @bindable\r\n  expandedField: TreeField<unknown> = 'expanded';\r\n  expandedFieldChanged(): void {\r\n    this.rebuildRows(true);\r\n  }\r\n\r\n  @bindable\r\n  selectionMode: TreeSelectionMode = 'single';\r\n\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean = false;\r\n\r\n  visibleRows: UiTreeRow[] = [];\r\n  activeValue: unknown;\r\n\r\n  binding(): void {\r\n    this.rebuildRows(true);\r\n  }\r\n\r\n  onRowClick(row: UiTreeRow): void {\r\n    this.focusRow(row);\r\n    this.selectRow(row);\r\n  }\r\n\r\n  onToggleClick(row: UiTreeRow, event: Event): void {\r\n    event.stopPropagation();\r\n    this.focusRow(row);\r\n    this.toggleRow(row);\r\n  }\r\n\r\n  onKeyDown(event: KeyboardEvent): void {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n\r\n    const row = this.getFocusedRow();\r\n    if (!row) {\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.ArrowDown) {\r\n      event.preventDefault();\r\n      this.focusSibling(row, 1);\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.ArrowUp) {\r\n      event.preventDefault();\r\n      this.focusSibling(row, -1);\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.ArrowRight) {\r\n      event.preventDefault();\r\n      this.expandOrEnter(row);\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.ArrowLeft) {\r\n      event.preventDefault();\r\n      this.collapseOrExit(row);\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.Home) {\r\n      event.preventDefault();\r\n      this.focusFirst();\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.End) {\r\n      event.preventDefault();\r\n      this.focusLast();\r\n      return;\r\n    }\r\n\r\n    if (event.key === Keys.Enter || event.key === Keys.Space) {\r\n      event.preventDefault();\r\n      this.selectRow(row);\r\n    }\r\n  }\r\n\r\n  private rebuildRows(applyInitialExpanded = false): void {\r\n    if (applyInitialExpanded) {\r\n      this.expandedValues.clear();\r\n    }\r\n\r\n    const roots = Array.isArray(this.items) ? this.items : [];\r\n    const rows = this.buildRows(roots, 0, undefined, '0', applyInitialExpanded);\r\n    this.visibleRows = this.flattenVisibleRows(rows);\r\n    if (this.activeValue === undefined) {\r\n      this.activeValue = this.value ?? this.visibleRows.find(row => !row.disabled)?.value;\r\n    }\r\n  }\r\n\r\n  private buildRows(items: unknown[], depth: number, parent: UiTreeRow | undefined, path: string, applyInitialExpanded: boolean): UiTreeRow[] {\r\n    return items.map((item, index) => {\r\n      const value = this.getFieldValue(item, this.valueField) ?? item;\r\n      const children = this.getChildren(item);\r\n      if (applyInitialExpanded && this.getBooleanFieldValue(item, this.expandedField)) {\r\n        this.expandedValues.add(value);\r\n      }\r\n\r\n      const row = {\r\n        id: `${path}-${index}`,\r\n        item,\r\n        value,\r\n        label: this.getLabel(item),\r\n        depth,\r\n        parent,\r\n        children: [] as UiTreeRow[],\r\n        expanded: this.expandedValues.has(value),\r\n        disabled: this.getBooleanFieldValue(item, this.disabledField),\r\n        posInSet: index + 1,\r\n        setSize: items.length,\r\n        element: undefined,\r\n        slotHost: undefined as unknown as UiTreeRowSlotHost\r\n      } satisfies UiTreeRow;\r\n      row.slotHost = { item, row };\r\n      row.children = this.buildRows(children, depth + 1, row, row.id, applyInitialExpanded);\r\n      return row;\r\n    });\r\n  }\r\n\r\n  private flattenVisibleRows(rows: UiTreeRow[]): UiTreeRow[] {\r\n    const visible: UiTreeRow[] = [];\r\n    for (const row of rows) {\r\n      visible.push(row);\r\n      if (row.expanded && row.children.length) {\r\n        visible.push(...this.flattenVisibleRows(row.children));\r\n      }\r\n    }\r\n    return visible;\r\n  }\r\n\r\n  private getChildren(item: unknown): unknown[] {\r\n    const children = this.getFieldValue(item, this.childrenField);\r\n    return Array.isArray(children) ? children : [];\r\n  }\r\n\r\n  private getLabel(item: unknown): string {\r\n    const label = this.getFieldValue(item, this.labelField);\r\n    return label === undefined || label === null ? '' : String(label);\r\n  }\r\n\r\n  private getBooleanFieldValue(item: unknown, field: TreeField<unknown>): boolean {\r\n    return !!this.getFieldValue(item, field);\r\n  }\r\n\r\n  private getFieldValue(item: unknown, field: TreeField<unknown>): unknown {\r\n    if (typeof field === 'function') {\r\n      return field(item);\r\n    }\r\n\r\n    if (item && typeof item === 'object') {\r\n      return (item as Record<string, unknown>)[field];\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private getFocusedRow(): UiTreeRow | undefined {\r\n    const element = document.activeElement instanceof HTMLElement ? document.activeElement.closest('[data-tree-row-id]') : null;\r\n    const id = element?.getAttribute('data-tree-row-id');\r\n    return this.visibleRows.find(row => row.id === id) ?? this.visibleRows.find(row => row.value === this.activeValue);\r\n  }\r\n\r\n  private focusSibling(row: UiTreeRow, direction: 1 | -1): void {\r\n    const rows = this.enabledRows;\r\n    const index = rows.indexOf(row);\r\n    if (index < 0) {\r\n      return;\r\n    }\r\n\r\n    this.focusRow(rows[Math.max(0, Math.min(rows.length - 1, index + direction))]);\r\n  }\r\n\r\n  private expandOrEnter(row: UiTreeRow): void {\r\n    if (!row.children.length) {\r\n      return;\r\n    }\r\n\r\n    if (!row.expanded) {\r\n      this.expandRow(row);\r\n      return;\r\n    }\r\n\r\n    const child = row.children.find(item => !item.disabled);\r\n    if (child) {\r\n      this.focusRow(child);\r\n    }\r\n  }\r\n\r\n  private collapseOrExit(row: UiTreeRow): void {\r\n    if (row.children.length && row.expanded) {\r\n      this.collapseRow(row);\r\n      return;\r\n    }\r\n\r\n    if (row.parent) {\r\n      this.focusRow(row.parent);\r\n    }\r\n  }\r\n\r\n  private focusFirst(): void {\r\n    const row = this.enabledRows[0];\r\n    if (row) {\r\n      this.focusRow(row);\r\n    }\r\n  }\r\n\r\n  private focusLast(): void {\r\n    const rows = this.enabledRows;\r\n    const row = rows[rows.length - 1];\r\n    if (row) {\r\n      this.focusRow(row);\r\n    }\r\n  }\r\n\r\n  private get enabledRows(): UiTreeRow[] {\r\n    return this.visibleRows.filter(row => !row.disabled);\r\n  }\r\n\r\n  private focusRow(row: UiTreeRow): void {\r\n    if (row.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.activeValue = row.value;\r\n    row.element?.focus();\r\n  }\r\n\r\n  private selectRow(row: UiTreeRow): void {\r\n    if (this.disabled || row.disabled || this.selectionMode === 'none' || this.value === row.value) {\r\n      return;\r\n    }\r\n\r\n    this.value = row.value;\r\n    this.activeValue = row.value;\r\n    this.host.dispatchEvent(new CustomEvent('tree-select', { bubbles: true, detail: row.item }));\r\n    this.dispatchValueEvent('input');\r\n    this.dispatchValueEvent('change');\r\n  }\r\n\r\n  private toggleRow(row: UiTreeRow): void {\r\n    if (!row.children.length || row.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (row.expanded) {\r\n      this.collapseRow(row);\r\n    } else {\r\n      this.expandRow(row);\r\n    }\r\n  }\r\n\r\n  private expandRow(row: UiTreeRow): void {\n    this.expandedValues.add(row.value);\n    this.host.dispatchEvent(new CustomEvent('tree-expand', { bubbles: true, detail: row.item }));\n    this.activeValue = row.value;\n    this.rebuildRows();\n    this.restoreFocus(row.value);\n  }\n\n  private collapseRow(row: UiTreeRow): void {\n    this.expandedValues.delete(row.value);\n    this.host.dispatchEvent(new CustomEvent('tree-collapse', { bubbles: true, detail: row.item }));\n    this.activeValue = row.value;\n    this.rebuildRows();\n    this.restoreFocus(row.value);\n  }\n\n  private restoreFocus(value: unknown): void {\n    const row = this.visibleRows.find(item => item.value === value);\n    if (row?.element) {\n      row.element.focus();\n      return;\n    }\n\n    queueMicrotask(() => {\n      this.visibleRows.find(item => item.value === value)?.element?.focus();\n    });\n  }\n\r\n  private dispatchValueEvent(type: 'input' | 'change'): void {\r\n    this.host.dispatchEvent(new Event(type, { bubbles: true }));\r\n  }\r\n}\r\n"]}

package/dist/types/alert/ui-alert.d.ts

@@ -0,0 +1,11 @@
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+export declare class UiAlert {
+    private readonly host;
+    tone: AlertTone;
+    title: string | undefined;
+    role: 'status' | 'alert' | 'note';
+    open: boolean;
+    dismissible: boolean;
+    actionNodes: readonly Node[];
+    close(): void;
+}

package/dist/types/alert-service/alert-configuration.d.ts

@@ -0,0 +1,8 @@
+export declare class AlertConfiguration {
+    defaultAlertModal: new (...args: never[]) => object;
+    defaultPromptDialog: new (...args: never[]) => object;
+    okText: string;
+    cancelText: string;
+    yesText: string;
+    noText: string;
+}

package/dist/types/alert-service/alert-modal/alert-modal.d.ts

@@ -0,0 +1,7 @@
+import { IAlertModalPayload } from './i-alert-modal-payload';
+export declare class AlertModal {
+    private readonly dialog;
+    payload: IAlertModalPayload;
+    activate(payload: IAlertModalPayload): void;
+    close(action: string | undefined): Promise<unknown>;
+}

package/dist/types/alert-service/alert-modal/i-alert-modal-payload.d.ts

@@ -0,0 +1,14 @@
+export interface IAlertModalPayload {
+    icon?: string;
+    tone?: 'info' | 'success' | 'warning' | 'danger';
+    caption?: string;
+    message?: string;
+    html?: string;
+    button1Text?: string;
+    button2Text?: string;
+    button1Action?: string;
+    button2Action?: string;
+    defaultAction?: string;
+    successAction?: string;
+    defensive?: boolean;
+}

package/dist/types/alert-service/alert-service.d.ts

@@ -0,0 +1,17 @@
+import { IAlertModalPayload } from './alert-modal/i-alert-modal-payload';
+import { IPromptDialogData } from './prompt-dialog/prompt-dialog';
+export declare class AlertService {
+    private readonly dialogService;
+    private readonly exceptionsTracker;
+    private readonly configuration;
+    private progressDepth;
+    showProgress(): void;
+    hideProgress(): void;
+    usingProgress<T, E = never>(action: () => Promise<T>, catchHandler?: (e: unknown) => Promise<E> | E): Promise<T | E>;
+    showModal(model: Partial<IAlertModalPayload>): Promise<string | undefined>;
+    alert(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    confirm(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    prompt(data: Partial<IPromptDialogData>): Promise<boolean>;
+    error(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    criticalError(message: string | Partial<IAlertModalPayload>, error: Error): Promise<boolean>;
+}

package/dist/types/alert-service/decorators/confirm-action.d.ts

@@ -0,0 +1,3 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { IWithAlertService } from './using-progress';
+export declare function confirmAction(message: string | Partial<IAlertModalPayload>): <This extends IWithAlertService, Args extends unknown[], Return>(originalMethod: (this: This, ...args: Args) => Return, _context: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) => (this: This, ...args: Args) => Promise<Return | undefined>;

package/dist/types/alert-service/decorators/using-progress.d.ts

@@ -0,0 +1,6 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { AlertService } from '../alert-service';
+export interface IWithAlertService {
+    alertService: AlertService;
+}
+export declare function usingProgress(errorMessage?: string | Partial<IAlertModalPayload> | ((e: unknown) => string | Partial<IAlertModalPayload>)): <This extends IWithAlertService, Args extends unknown[], Return>(originalMethod: (this: This, ...args: Args) => Return, _context: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) => (this: This, ...args: Args) => Promise<Return>;

package/dist/types/alert-service/exceptions-tracker.d.ts

@@ -0,0 +1,3 @@
+export declare class ExceptionsTracker {
+    track(_error: Error): void;
+}

package/dist/types/alert-service/prompt-dialog/prompt-dialog.d.ts

@@ -0,0 +1,17 @@
+export interface IPromptDialogData {
+    title?: string;
+    label?: string;
+    text?: string;
+    required?: boolean;
+    textarea?: boolean;
+    okText?: string;
+    cancelText?: string;
+}
+export declare class PromptDialog {
+    private readonly dialog;
+    data: IPromptDialogData;
+    invalid: boolean;
+    activate(data: IPromptDialogData): void;
+    cancel(): Promise<unknown>;
+    ok(): Promise<unknown> | void;
+}

package/dist/types/badge/ui-badge.d.ts

@@ -0,0 +1,7 @@
+type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+export declare class UiBadge {
+    tone: BadgeTone;
+    pill: boolean;
+    outlined: boolean;
+}
+export {};

package/dist/types/base/boolean-attr.d.ts

@@ -0,0 +1 @@
+export declare function booleanAttr(val: unknown): boolean;

package/dist/types/base/i-validated-element.d.ts

@@ -0,0 +1,10 @@
+/** @hidden */
+export interface IError {
+    message: string | undefined;
+}
+/** @hidden */
+export interface IValidatedElement extends HTMLElement {
+    addError(error: IError): void;
+    removeError(error: IError): void;
+    valid: boolean;
+}

package/dist/types/base/keys.d.ts

@@ -0,0 +1,12 @@
+export declare enum Keys {
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    End = "End",
+    Escape = "Escape",
+    Enter = "Enter",
+    Home = "Home",
+    Space = " ",
+    Tab = "Tab"
+}

package/dist/types/breadcrumbs/ui-breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+export interface UiBreadcrumbItem {
+    label: string;
+    href?: string;
+    current?: boolean;
+}
+export declare class UiBreadcrumbs {
+    items: readonly UiBreadcrumbItem[];
+}

package/dist/types/button/enhance-ui-button.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceUiButton {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}

package/dist/types/button/ui-button.d.ts

@@ -0,0 +1,16 @@
+export declare class UiButton {
+    disabled: boolean;
+    primary: boolean;
+    outlined: boolean;
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    onPointerDown(): void;
+    onPointerUp(): void;
+    onPointerLeave(): void;
+    onClick(event: MouseEvent): void;
+}

package/dist/types/button/ui-icon-button.d.ts

@@ -0,0 +1,18 @@
+type IconButtonSize = 'small' | 'medium' | 'large';
+export declare class UiIconButton {
+    disabled: boolean;
+    size: IconButtonSize;
+    outlined: boolean;
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    onPointerDown(): void;
+    onPointerUp(): void;
+    onPointerLeave(): void;
+    onClick(event: MouseEvent): void;
+}
+export {};

package/dist/types/checkbox/ui-checkbox.d.ts

@@ -0,0 +1,32 @@
+export declare class UiCheckbox {
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+    id: string;
+    tabIndex: number;
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    changing: boolean;
+    controlEl: HTMLInputElement;
+    private changingFrame;
+    onClick(event: MouseEvent): void;
+    onInputClick(event: MouseEvent): void;
+    onInputChange(event: Event): void;
+    onKeyUp(event: KeyboardEvent): void;
+    onKeyPress(event: KeyboardEvent): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    onPointerDown(): void;
+    onPointerUp(): void;
+    onPointerLeave(): void;
+    detaching(): void;
+    attached(): void;
+    indeterminateChanged(): void;
+    private toggle;
+    private submitClosestForm;
+    private syncControlIndeterminate;
+    private dispatchValueEvent;
+}

package/dist/types/chip/ui-chip.d.ts

@@ -0,0 +1,26 @@
+type ChipTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+export declare class UiChip {
+    private readonly host;
+    selected: boolean;
+    disabled: boolean;
+    removable: boolean;
+    value: unknown;
+    tone: ChipTone;
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onRemoveClick(event: MouseEvent): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    onPointerDown(): void;
+    onPointerUp(): void;
+    onPointerLeave(): void;
+    private toggleSelected;
+    private remove;
+    private isRemoveTarget;
+}
+export {};

package/dist/types/combobox/enhance-ui-combobox.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceUiCombobox {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}