igniteui-webcomponents 4.0.0 → 4.1.0

package/components/combo/controllers/navigation.d.ts

@@ -0,0 +1,43 @@
+import { ReactiveController } from 'lit';
+import IgcComboListComponent from '../combo-list.js';
+import { ComboRecord, ComboHost } from '../types.js';
+declare enum DIRECTION {
+    Up = -1,
+    Down = 1
+}
+export declare class NavigationController<T extends object> implements ReactiveController {
+    protected host: ComboHost<T>;
+    protected hostHandlers: Map<string, (() => void) | (() => void)>;
+    protected searchInputHandlers: Map<string, (() => void) | ((container: IgcComboListComponent) => void)>;
+    protected listHandlers: Map<string, (() => void) | ((container: IgcComboListComponent) => void) | ((container: IgcComboListComponent) => void) | (() => void) | (() => void) | ((container: IgcComboListComponent) => void) | ((container: IgcComboListComponent) => void)>;
+    protected _active: number;
+    get input(): import("../../input/input.js").default;
+    get dataState(): ComboRecord<T>[];
+    show(): void;
+    hide(): void;
+    toggleSelect(index: number): void;
+    protected get currentItem(): number;
+    protected get firstItem(): number;
+    protected get lastItem(): number;
+    get active(): number;
+    set active(node: number);
+    constructor(host: ComboHost<T>);
+    protected home(container: IgcComboListComponent): void;
+    protected end(container: IgcComboListComponent): void;
+    protected space(): void;
+    protected escape(): void;
+    protected enter(): void;
+    protected inputArrowDown(container: IgcComboListComponent): void;
+    protected hostArrowDown(): void;
+    protected arrowDown(container: IgcComboListComponent): void;
+    protected arrowUp(container: IgcComboListComponent): void;
+    protected getNextItem(direction: DIRECTION): void;
+    protected getNearestItem(startIndex: number, direction: number): number;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    navigateTo(item: T, container: IgcComboListComponent): void;
+    navigateHost(event: KeyboardEvent): void;
+    navigateInput(event: KeyboardEvent, container: IgcComboListComponent): void;
+    navigateList(event: KeyboardEvent, container: IgcComboListComponent): void;
+}
+export {};

package/components/combo/controllers/navigation.js

@@ -0,0 +1,155 @@
+const START_INDEX = -1;
+var DIRECTION;
+(function (DIRECTION) {
+    DIRECTION[DIRECTION["Up"] = -1] = "Up";
+    DIRECTION[DIRECTION["Down"] = 1] = "Down";
+})(DIRECTION || (DIRECTION = {}));
+export class NavigationController {
+    get input() {
+        return this.host.input;
+    }
+    get dataState() {
+        return this.host.dataState;
+    }
+    show() {
+        this.host._show(true);
+    }
+    hide() {
+        this.host._hide(true);
+    }
+    toggleSelect(index) {
+        this.host.toggleSelect(index);
+    }
+    get currentItem() {
+        const item = this.active;
+        return item === START_INDEX ? START_INDEX : item;
+    }
+    get firstItem() {
+        return this.dataState.findIndex((i) => i.header !== true);
+    }
+    get lastItem() {
+        return this.dataState.length - 1;
+    }
+    get active() {
+        return this._active;
+    }
+    set active(node) {
+        this._active = node;
+        this.host.requestUpdate();
+    }
+    constructor(host) {
+        this.host = host;
+        this.hostHandlers = new Map(Object.entries({
+            Escape: this.escape,
+            ArrowDown: this.hostArrowDown,
+        }));
+        this.searchInputHandlers = new Map(Object.entries({
+            Escape: this.escape,
+            ArrowUp: this.escape,
+            ArrowDown: this.inputArrowDown,
+            Tab: this.inputArrowDown,
+        }));
+        this.listHandlers = new Map(Object.entries({
+            ArrowDown: this.arrowDown,
+            ArrowUp: this.arrowUp,
+            ' ': this.space,
+            Enter: this.enter,
+            Escape: this.escape,
+            Tab: this.escape,
+            Home: this.home,
+            End: this.end,
+        }));
+        this._active = START_INDEX;
+        this.host.addController(this);
+    }
+    home(container) {
+        this.active = this.firstItem;
+        container.scrollToIndex(this.active, 'center');
+    }
+    end(container) {
+        this.active = this.lastItem;
+        container.scrollToIndex(this.active, 'center');
+    }
+    space() {
+        const item = this.dataState[this.active];
+        if (!item.header) {
+            this.toggleSelect(this.active);
+        }
+    }
+    escape() {
+        this.hide();
+    }
+    enter() {
+        this.space();
+        this.hide();
+    }
+    inputArrowDown(container) {
+        container.focus();
+        this.arrowDown(container);
+    }
+    hostArrowDown() {
+        this.show();
+    }
+    arrowDown(container) {
+        this.getNextItem(DIRECTION.Down);
+        container.scrollToIndex(this.active, 'center');
+    }
+    arrowUp(container) {
+        this.getNextItem(DIRECTION.Up);
+        container.scrollToIndex(this.active, 'center');
+    }
+    getNextItem(direction) {
+        const next = this.getNearestItem(this.currentItem, direction);
+        if (next === -1) {
+            if (this.active === this.firstItem) {
+                this.input.focus();
+                this.active = START_INDEX;
+            }
+            return;
+        }
+        this.active = next;
+    }
+    getNearestItem(startIndex, direction) {
+        var _a;
+        let index = startIndex;
+        const items = this.dataState;
+        while ((_a = items[index + direction]) === null || _a === void 0 ? void 0 : _a.header) {
+            index += direction;
+        }
+        index += direction;
+        if (index >= 0 && index < items.length) {
+            return index;
+        }
+        else {
+            return -1;
+        }
+    }
+    hostConnected() { }
+    hostDisconnected() {
+        this.active = START_INDEX;
+    }
+    navigateTo(item, container) {
+        this.active = this.dataState.findIndex((i) => i === item);
+        container.scrollToIndex(this.active);
+    }
+    navigateHost(event) {
+        if (this.hostHandlers.has(event.key)) {
+            event.preventDefault();
+            this.hostHandlers.get(event.key).call(this);
+        }
+    }
+    navigateInput(event, container) {
+        event.stopPropagation();
+        if (this.searchInputHandlers.has(event.key)) {
+            event.preventDefault();
+            this.searchInputHandlers.get(event.key).call(this, container);
+        }
+    }
+    navigateList(event, container) {
+        if (this.listHandlers.has(event.key)) {
+            event.preventDefault();
+            this.listHandlers.get(event.key).call(this, container);
+        }
+    }
+}
+//# sourceMappingURL=navigation.js.map

package/components/combo/controllers/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\nimport IgcComboListComponent from '../combo-list.js';\nimport { ComboRecord, ComboHost } from '../types.js';\n\nconst START_INDEX: Readonly<number> = -1;\n\nenum DIRECTION {\n  Up = -1,\n  Down = 1,\n}\n\nexport class NavigationController<T extends object>\n  implements ReactiveController\n{\n  protected hostHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowDown: this.hostArrowDown,\n    })\n  );\n\n  protected searchInputHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowUp: this.escape,\n      ArrowDown: this.inputArrowDown,\n      Tab: this.inputArrowDown,\n    })\n  );\n\n  protected listHandlers = new Map(\n    Object.entries({\n      ArrowDown: this.arrowDown,\n      ArrowUp: this.arrowUp,\n      ' ': this.space,\n      Enter: this.enter,\n      Escape: this.escape,\n      Tab: this.escape,\n      Home: this.home,\n      End: this.end,\n    })\n  );\n\n  protected _active = START_INDEX;\n\n  public get input() {\n    // @ts-expect-error protected access\n    return this.host.input;\n  }\n\n  public get dataState() {\n    // @ts-expect-error protected access\n    return this.host.dataState;\n  }\n\n  public show() {\n    // @ts-expect-error protected access\n    this.host._show(true);\n  }\n\n  public hide() {\n    // @ts-expect-error protected access\n    this.host._hide(true);\n  }\n\n  public toggleSelect(index: number) {\n    // @ts-expect-error protected access\n    this.host.toggleSelect(index);\n  }\n\n  protected get currentItem() {\n    const item = this.active;\n    return item === START_INDEX ? START_INDEX : item;\n  }\n\n  protected get firstItem() {\n    return this.dataState.findIndex((i: ComboRecord<T>) => i.header !== true);\n  }\n\n  protected get lastItem() {\n    return this.dataState.length - 1;\n  }\n\n  public get active() {\n    return this._active;\n  }\n\n  public set active(node: number) {\n    this._active = node;\n    this.host.requestUpdate();\n  }\n\n  constructor(protected host: ComboHost<T>) {\n    this.host.addController(this);\n  }\n\n  protected home(container: IgcComboListComponent) {\n    this.active = this.firstItem;\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected end(container: IgcComboListComponent) {\n    this.active = this.lastItem;\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected space() {\n    const item = this.dataState[this.active];\n\n    if (!item.header) {\n      this.toggleSelect(this.active);\n    }\n  }\n\n  protected escape() {\n    this.hide();\n  }\n\n  protected enter() {\n    this.space();\n    this.hide();\n  }\n\n  protected inputArrowDown(container: IgcComboListComponent) {\n    container.focus();\n    this.arrowDown(container);\n  }\n\n  protected hostArrowDown() {\n    this.show();\n  }\n\n  protected arrowDown(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Down);\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected arrowUp(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Up);\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected getNextItem(direction: DIRECTION) {\n    const next = this.getNearestItem(this.currentItem, direction);\n\n    if (next === -1) {\n      if (this.active === this.firstItem) {\n        this.input.focus();\n        this.active = START_INDEX;\n      }\n      return;\n    }\n\n    this.active = next;\n  }\n\n  protected getNearestItem(startIndex: number, direction: number) {\n    let index = startIndex;\n    const items = this.dataState;\n\n    while (items[index + direction]?.header) {\n      index += direction;\n    }\n\n    index += direction;\n\n    if (index >= 0 && index < items.length) {\n      return index;\n    } else {\n      return -1;\n    }\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {\n    this.active = START_INDEX;\n  }\n\n  public navigateTo(item: T, container: IgcComboListComponent) {\n    this.active = this.dataState.findIndex((i) => i === item);\n    container.scrollToIndex(this.active);\n  }\n\n  public navigateHost(event: KeyboardEvent) {\n    if (this.hostHandlers.has(event.key)) {\n      event.preventDefault();\n      this.hostHandlers.get(event.key)!.call(this);\n    }\n  }\n\n  public navigateInput(event: KeyboardEvent, container: IgcComboListComponent) {\n    event.stopPropagation();\n\n    if (this.searchInputHandlers.has(event.key)) {\n      event.preventDefault();\n      this.searchInputHandlers.get(event.key)!.call(this, container);\n    }\n  }\n\n  public navigateList(event: KeyboardEvent, container: IgcComboListComponent) {\n    if (this.listHandlers.has(event.key)) {\n      event.preventDefault();\n      this.listHandlers.get(event.key)!.call(this, container);\n    }\n  }\n}\n"]}

package/components/combo/controllers/selection.d.ts

@@ -0,0 +1,23 @@
+import { ReactiveController } from 'lit';
+import { ComboRecord, ComboHost, Values } from '../types.js';
+export declare class SelectionController<T extends object> implements ReactiveController {
+    protected host: ComboHost<T>;
+    private _selected;
+    get dataState(): ComboRecord<T>[];
+    getValue(items: T[]): string;
+    private handleChange;
+    private getItemsByValueKey;
+    private selectValueKeys;
+    private deselectValueKeys;
+    private selectObjects;
+    private deselectObjects;
+    private selectAll;
+    private deselectAll;
+    select(items?: T[] | Values<T>[], emit?: boolean): Promise<void>;
+    deselect(items?: T[] | Values<T>[], emit?: boolean): Promise<void>;
+    get selected(): Set<T>;
+    changeSelection(index: number): void;
+    constructor(host: ComboHost<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/components/combo/controllers/selection.js

@@ -0,0 +1,157 @@
+export class SelectionController {
+    get dataState() {
+        return this.host.dataState;
+    }
+    getValue(items) {
+        return items
+            .map((value) => {
+            if (typeof value === 'object' && value !== null) {
+                return this.host.displayKey
+                    ? String(value[this.host.displayKey])
+                    : String(value);
+            }
+            else {
+                return String(value);
+            }
+        })
+            .join(', ');
+    }
+    handleChange(detail) {
+        this.host.requestUpdate('value');
+        return this.host.emitEvent('igcChange', { cancelable: true, detail });
+    }
+    getItemsByValueKey(keys) {
+        return keys.map((key) => this.dataState.find((i) => i[this.host.valueKey] === key));
+    }
+    selectValueKeys(keys) {
+        if (keys.length === 0)
+            return;
+        this.getItemsByValueKey(keys).forEach((item) => {
+            return item && this._selected.add(item);
+        });
+    }
+    deselectValueKeys(keys) {
+        if (keys.length === 0)
+            return;
+        this.getItemsByValueKey(keys).forEach((item) => {
+            return item && this._selected.delete(item);
+        });
+    }
+    selectObjects(items) {
+        if (items.length === 0)
+            return;
+        items.forEach((item) => {
+            const i = this.dataState.includes(item);
+            if (i) {
+                this._selected.add(item);
+            }
+        });
+    }
+    deselectObjects(items) {
+        if (items.length === 0)
+            return;
+        items.forEach((item) => {
+            const i = this.dataState.includes(item);
+            if (i) {
+                this._selected.delete(item);
+            }
+        });
+    }
+    selectAll() {
+        this.dataState
+            .filter((i) => !i.header)
+            .forEach((item) => {
+            this._selected.add(item);
+        });
+        this.host.requestUpdate();
+    }
+    deselectAll() {
+        this._selected.clear();
+        this.host.requestUpdate();
+    }
+    async select(items, emit = false) {
+        if (!items || items.length === 0) {
+            this.selectAll();
+            return;
+        }
+        const values = this.host.valueKey
+            ? this.getItemsByValueKey(items)
+            : items;
+        const selected = Array.from(this._selected.values());
+        const payload = [...values, ...selected];
+        if (emit &&
+            !this.handleChange({
+                newValue: this.getValue(payload),
+                items: values,
+                type: 'selection',
+            })) {
+            return;
+        }
+        if (this.host.valueKey) {
+            this.selectValueKeys(items);
+        }
+        else {
+            this.selectObjects(items);
+        }
+        this.host.requestUpdate();
+    }
+    async deselect(items, emit = false) {
+        if (!items || items.length === 0) {
+            if (emit &&
+                !this.handleChange({
+                    newValue: '',
+                    items: Array.from(this.selected),
+                    type: 'deselection',
+                })) {
+                return;
+            }
+            this.deselectAll();
+            return;
+        }
+        const values = this.host.valueKey
+            ? this.getItemsByValueKey(items)
+            : items;
+        const selected = Array.from(this._selected.values());
+        const payload = structuredClone(selected);
+        payload.splice(selected.indexOf(values[0]));
+        if (emit &&
+            !this.handleChange({
+                newValue: this.getValue(payload),
+                items: values,
+                type: 'deselection',
+            })) {
+            return;
+        }
+        if (this.host.valueKey) {
+            this.deselectValueKeys(items);
+        }
+        else {
+            this.deselectObjects(items);
+        }
+        this.host.requestUpdate();
+    }
+    get selected() {
+        return this._selected;
+    }
+    changeSelection(index) {
+        const item = this.dataState[index];
+        if (this.host.valueKey) {
+            !this.selected.has(item)
+                ? this.select([item[this.host.valueKey]], true)
+                : this.deselect([item[this.host.valueKey]], true);
+        }
+        else {
+            !this.selected.has(item)
+                ? this.select([item], true)
+                : this.deselect([item], true);
+        }
+    }
+    constructor(host) {
+        this.host = host;
+        this._selected = new Set();
+        this.host.addController(this);
+    }
+    hostConnected() { }
+    hostDisconnected() { }
+}
+//# sourceMappingURL=selection.js.map

package/components/combo/controllers/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/selection.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\nimport {\n  ComboRecord,\n  ComboHost,\n  Values,\n  IgcComboChangeEventArgs,\n} from '../types.js';\n\nexport class SelectionController<T extends object>\n  implements ReactiveController\n{\n  private _selected: Set<T> = new Set();\n\n  public get dataState() {\n    // @ts-expect-error protected access\n    return this.host.dataState;\n  }\n\n  public getValue(items: T[]) {\n    return items\n      .map((value) => {\n        if (typeof value === 'object' && value !== null) {\n          return this.host.displayKey\n            ? String(value[this.host.displayKey])\n            : String(value);\n        } else {\n          return String(value);\n        }\n      })\n      .join(', ');\n  }\n\n  private handleChange(detail: IgcComboChangeEventArgs) {\n    this.host.requestUpdate('value');\n    return this.host.emitEvent('igcChange', { cancelable: true, detail });\n  }\n\n  private getItemsByValueKey(keys: Values<T>[]) {\n    return keys.map((key) =>\n      this.dataState.find((i) => i[this.host.valueKey!] === key)\n    );\n  }\n\n  private selectValueKeys(keys: Values<T>[]) {\n    if (keys.length === 0) return;\n\n    this.getItemsByValueKey(keys).forEach((item) => {\n      return item && this._selected.add(item);\n    });\n  }\n\n  private deselectValueKeys(keys: Values<T>[]) {\n    if (keys.length === 0) return;\n\n    this.getItemsByValueKey(keys).forEach((item) => {\n      return item && this._selected.delete(item);\n    });\n  }\n\n  private selectObjects(items: T[]) {\n    if (items.length === 0) return;\n\n    items.forEach((item) => {\n      const i = this.dataState.includes(item as ComboRecord<T>);\n      if (i) {\n        this._selected.add(item);\n      }\n    });\n  }\n\n  private deselectObjects(items: T[]) {\n    if (items.length === 0) return;\n\n    items.forEach((item) => {\n      const i = this.dataState.includes(item as ComboRecord<T>);\n      if (i) {\n        this._selected.delete(item);\n      }\n    });\n  }\n\n  private selectAll() {\n    this.dataState\n      .filter((i) => !i.header)\n      .forEach((item) => {\n        this._selected.add(item);\n      });\n    this.host.requestUpdate();\n  }\n\n  private deselectAll() {\n    this._selected.clear();\n    this.host.requestUpdate();\n  }\n\n  public async select(items?: T[] | Values<T>[], emit = false) {\n    if (!items || items.length === 0) {\n      this.selectAll();\n      return;\n    }\n\n    const values = this.host.valueKey\n      ? this.getItemsByValueKey(items as Values<T>[])\n      : items;\n    const selected = Array.from(this._selected.values());\n    const payload = [...values, ...selected] as T[];\n\n    if (\n      emit &&\n      !this.handleChange({\n        newValue: this.getValue(payload),\n        items: values as T[],\n        type: 'selection',\n      })\n    ) {\n      return;\n    }\n\n    if (this.host.valueKey) {\n      this.selectValueKeys(items as Values<T>[]);\n    } else {\n      this.selectObjects(items as T[]);\n    }\n\n    this.host.requestUpdate();\n  }\n\n  public async deselect(items?: T[] | Values<T>[], emit = false) {\n    if (!items || items.length === 0) {\n      if (\n        emit &&\n        !this.handleChange({\n          newValue: '',\n          items: Array.from(this.selected),\n          type: 'deselection',\n        })\n      ) {\n        return;\n      }\n      this.deselectAll();\n      return;\n    }\n\n    const values = this.host.valueKey\n      ? this.getItemsByValueKey(items as Values<T>[])\n      : items;\n    const selected = Array.from(this._selected.values());\n    const payload = structuredClone(selected);\n\n    payload.splice(selected.indexOf(values[0] as T));\n\n    if (\n      emit &&\n      !this.handleChange({\n        newValue: this.getValue(payload),\n        items: values as T[],\n        type: 'deselection',\n      })\n    ) {\n      return;\n    }\n\n    if (this.host.valueKey) {\n      this.deselectValueKeys(items as Values<T>[]);\n    } else {\n      this.deselectObjects(items as T[]);\n    }\n\n    this.host.requestUpdate();\n  }\n\n  public get selected(): Set<T> {\n    return this._selected;\n  }\n\n  public changeSelection(index: number) {\n    const item = this.dataState[index];\n\n    if (this.host.valueKey) {\n      !this.selected.has(item)\n        ? this.select([item[this.host.valueKey]], true)\n        : this.deselect([item[this.host.valueKey]], true);\n    } else {\n      !this.selected.has(item)\n        ? this.select([item], true)\n        : this.deselect([item], true);\n    }\n  }\n\n  constructor(protected host: ComboHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {}\n}\n"]}

package/components/combo/operations/filter.d.ts

@@ -0,0 +1,4 @@
+import { DataController } from '../controllers/data.js';
+export default class FilterDataOperation<T extends object> {
+    apply(data: T[], controller: DataController<T>): T[];
+}

package/components/combo/operations/filter.js

@@ -0,0 +1,15 @@
+export default class FilterDataOperation {
+    apply(data, controller) {
+        const { searchTerm, filteringOptions: { filterKey, caseSensitive }, } = controller;
+        if (!searchTerm)
+            return data;
+        const term = caseSensitive ? searchTerm : searchTerm.toLocaleLowerCase();
+        return data.filter((item) => {
+            const value = filterKey ? String(item[filterKey]) : String(item);
+            return caseSensitive
+                ? value.includes(term)
+                : value.toLocaleLowerCase().includes(term);
+        });
+    }
+}
+//# sourceMappingURL=filter.js.map

package/components/combo/operations/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/filter.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAC/B,KAAK,CAAC,IAAS,EAAE,UAA6B;QACnD,MAAM,EACJ,UAAU,EACV,gBAAgB,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAC/C,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QAE7B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;QAEzE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,IAAO,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAExE,OAAO,aAAa;gBAClB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACtB,CAAC,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { DataController } from '../controllers/data.js';\n\nexport default class FilterDataOperation<T extends object> {\n  public apply(data: T[], controller: DataController<T>) {\n    const {\n      searchTerm,\n      filteringOptions: { filterKey, caseSensitive },\n    } = controller;\n\n    if (!searchTerm) return data;\n\n    const term = caseSensitive ? searchTerm : searchTerm.toLocaleLowerCase();\n\n    return data.filter((item: T) => {\n      const value = filterKey ? String(item[filterKey] as any) : String(item);\n\n      return caseSensitive\n        ? value.includes(term)\n        : value.toLocaleLowerCase().includes(term);\n    });\n  }\n}\n"]}

package/components/combo/operations/group.d.ts

@@ -0,0 +1,9 @@
+import { DataController } from '../controllers/data.js';
+import { GroupingDirection, Keys, Values } from '../types.js';
+export default class GroupDataOperation<T extends object> {
+    protected orderBy: Map<string, number>;
+    protected resolveValue(record: T, key: Keys<T>): T[keyof T];
+    protected compareValues(first: Values<T>, second: Values<T>): number;
+    protected compareObjects(first: T, second: T, key: Keys<T>, direction: GroupingDirection): number;
+    apply(data: T[], controller: DataController<T>): any[];
+}

package/components/combo/operations/group.js

@@ -0,0 +1,56 @@
+export default class GroupDataOperation {
+    constructor() {
+        this.orderBy = new Map(Object.entries({
+            asc: 1,
+            desc: -1,
+        }));
+    }
+    resolveValue(record, key) {
+        return record[key];
+    }
+    compareValues(first, second) {
+        if (typeof first === 'string' && typeof second === 'string') {
+            return first.localeCompare(second);
+        }
+        return first > second ? 1 : first < second ? -1 : 0;
+    }
+    compareObjects(first, second, key, direction) {
+        const [a, b] = [
+            this.resolveValue(first, key),
+            this.resolveValue(second, key),
+        ];
+        return this.orderBy.get(direction) * this.compareValues(a, b);
+    }
+    apply(data, controller) {
+        const { groupingOptions: { groupKey, valueKey, displayKey, direction }, } = controller;
+        if (!groupKey)
+            return data;
+        const groups = new Map();
+        data.forEach((item) => {
+            var _a, _b;
+            if (typeof item !== 'object' || item === null)
+                return;
+            const key = (_a = item[groupKey]) !== null && _a !== void 0 ? _a : 'Other';
+            const group = (_b = groups.get(key)) !== null && _b !== void 0 ? _b : [];
+            if (group.length === 0) {
+                group.push({
+                    [valueKey]: key,
+                    [displayKey]: key,
+                    [groupKey]: key,
+                    header: true,
+                });
+            }
+            group.push(item);
+            groups.set(key, group);
+        });
+        groups.forEach((group) => {
+            group.sort((a, b) => {
+                if (a.header || b.header)
+                    return;
+                return this.compareObjects(a, b, displayKey, direction);
+            });
+        });
+        return Array.from(groups.values()).flat();
+    }
+}
+//# sourceMappingURL=group.js.map

package/components/combo/operations/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/group.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,OAAO,kBAAkB;IAAvC;QACY,YAAO,GAAG,IAAI,GAAG,CACzB,MAAM,CAAC,OAAO,CAAC;YACb,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC,CAAC;SACT,CAAC,CACH,CAAC;IAgEJ,CAAC;IA9DW,YAAY,CAAC,MAAS,EAAE,GAAY;QAC5C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IAES,aAAa,CAAC,KAAgB,EAAE,MAAiB;QACzD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC3D,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;SACpC;QACD,OAAO,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAES,cAAc,CACtB,KAAQ,EACR,MAAS,EACT,GAAY,EACZ,SAA4B;QAE5B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;YACb,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC;SAC/B,CAAC;QAEF,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAE,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjE,CAAC;IAEM,KAAK,CAAC,IAAS,EAAE,UAA6B;QACnD,MAAM,EACJ,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/D,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE3B,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QAEzB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAO,EAAE,EAAE;;YACvB,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI;gBAAE,OAAO;YAEtD,MAAM,GAAG,GAAG,MAAA,IAAI,CAAC,QAAS,CAAC,mCAAI,OAAO,CAAC;YACvC,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAoB,EAAE,CAAC;YAEpD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,KAAK,CAAC,IAAI,CAAC;oBACT,CAAC,QAAmB,CAAC,EAAE,GAAG;oBAC1B,CAAC,UAAqB,CAAC,EAAE,GAAG;oBAC5B,CAAC,QAAmB,CAAC,EAAE,GAAG;oBAC1B,MAAM,EAAE,IAAI;iBACb,CAAC,CAAC;aACJ;YAED,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACvB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;gBAClD,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM;oBAAE,OAAO;gBACjC,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,UAAW,EAAE,SAAS,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAC5C,CAAC;CACF","sourcesContent":["import { DataController } from '../controllers/data.js';\nimport { ComboRecord, GroupingDirection, Keys, Values } from '../types.js';\n\nexport default class GroupDataOperation<T extends object> {\n  protected orderBy = new Map(\n    Object.entries({\n      asc: 1,\n      desc: -1,\n    })\n  );\n\n  protected resolveValue(record: T, key: Keys<T>) {\n    return record[key];\n  }\n\n  protected compareValues(first: Values<T>, second: Values<T>) {\n    if (typeof first === 'string' && typeof second === 'string') {\n      return first.localeCompare(second);\n    }\n    return first > second ? 1 : first < second ? -1 : 0;\n  }\n\n  protected compareObjects(\n    first: T,\n    second: T,\n    key: Keys<T>,\n    direction: GroupingDirection\n  ) {\n    const [a, b] = [\n      this.resolveValue(first, key),\n      this.resolveValue(second, key),\n    ];\n\n    return this.orderBy.get(direction)! * this.compareValues(a, b);\n  }\n\n  public apply(data: T[], controller: DataController<T>) {\n    const {\n      groupingOptions: { groupKey, valueKey, displayKey, direction },\n    } = controller;\n\n    if (!groupKey) return data;\n\n    const groups = new Map();\n\n    data.forEach((item: T) => {\n      if (typeof item !== 'object' || item === null) return;\n\n      const key = item[groupKey!] ?? 'Other';\n      const group = groups.get(key) ?? <ComboRecord<T>>[];\n\n      if (group.length === 0) {\n        group.push({\n          [valueKey as Keys<T>]: key,\n          [displayKey as Keys<T>]: key,\n          [groupKey as Keys<T>]: key,\n          header: true,\n        });\n      }\n\n      group.push(item);\n      groups.set(key, group);\n    });\n\n    groups.forEach((group) => {\n      group.sort((a: ComboRecord<T>, b: ComboRecord<T>) => {\n        if (a.header || b.header) return;\n        return this.compareObjects(a, b, displayKey!, direction);\n      });\n    });\n\n    return Array.from(groups.values()).flat();\n  }\n}\n"]}

package/components/combo/themes/dark/combo.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/combo/themes/dark/combo.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=combo.bootstrap.css.js.map

package/components/combo/themes/dark/combo.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/combo/themes/dark/combo.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/combo/themes/dark/combo.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=combo.fluent.css.js.map

package/components/combo/themes/dark/combo.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/combo/themes/dark/combo.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/combo/themes/dark/combo.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+//# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/dark/combo.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}

package/components/combo/themes/dark/combo.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/combo/themes/dark/combo.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+//# sourceMappingURL=combo.material.css.js.map

package/components/combo/themes/dark/combo.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0BAAy0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}

package/components/combo/themes/light/combo.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;