apex-grid 1.0.0-rc.0

package/dist/src/components/header.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, nothing } from 'lit';
+import type { ColumnConfiguration, ApexHeaderContext } from '../internal/types.js';
+import { StateController } from '../controllers/state.js';
+export default class ApexGridHeader<T extends object> extends LitElement {
+    #private;
+    static get is(): "apex-grid-header";
+    static styles: import("lit").CSSResult;
+    protected get context(): ApexHeaderContext<T>;
+    protected get isSortable(): boolean;
+    protected get resizeController(): import("../controllers/resize").ResizeController<T>;
+    state: StateController<T>;
+    column: ColumnConfiguration<T>;
+    protected renderSortPart(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected renderContentPart(): import("lit-html").TemplateResult<1>;
+    protected renderResizePart(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [ApexGridHeader.is]: ApexGridHeader<object>;
+    }
+}
+//# sourceMappingURL=header.d.ts.map

package/dist/src/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAUhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,cAAc,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,UAAU;;IACtE,WAAkB,EAAE,uBAEnB;IAED,OAAuB,MAAM,0BAAU;IAEvC,SAAS,KAAK,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAK5C;IAED,SAAS,KAAK,UAAU,YAEvB;IAED,SAAS,KAAK,gBAAgB,wDAE7B;IAIM,KAAK,EAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAG3B,MAAM,EAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;IA+CvC,SAAS,CAAC,cAAc;IA6BxB,SAAS,CAAC,iBAAiB;IAW3B,SAAS,CAAC,gBAAgB;cAUP,MAAM;CAe1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;KAC7C;CACF"}

package/dist/src/components/header.js

@@ -0,0 +1,143 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ApexGridHeader_instances, _ApexGridHeader_addResizeEventHandlers, _ApexGridHeader_handleClick, _ApexGridHeader_handleResize, _ApexGridHeader_handleResizeStart, _ApexGridHeader_handlePointerLost, _ApexGridHeader_handleAutosize;
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { contextProvided } from '@lit-labs/context';
+import { partNameMap } from '../internal/part-map.js';
+import { GRID_HEADER_TAG } from '../internal/tags.js';
+import { MIN_COL_RESIZE_WIDTH, SORT_ICON_ASCENDING, SORT_ICON_DESCENDING, } from '../internal/constants.js';
+import { gridStateContext } from '../controllers/state.js';
+import styles from '../styles/header-cell/header-cell-styles.js';
+let ApexGridHeader = class ApexGridHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        _ApexGridHeader_instances.add(this);
+        _ApexGridHeader_handleResize.set(this, ({ clientX }) => {
+            const { left } = this.getBoundingClientRect();
+            const width = Math.max(clientX - left, MIN_COL_RESIZE_WIDTH);
+            const x = this.offsetLeft + width;
+            this.resizeController.resize(this.column, width, x);
+        });
+        _ApexGridHeader_handlePointerLost.set(this, () => {
+            this.resizeController.indicatorActive = false;
+            this.removeEventListener('pointermove', __classPrivateFieldGet(this, _ApexGridHeader_handleResize, "f"));
+            this.resizeController.stop();
+        });
+        _ApexGridHeader_handleAutosize.set(this, () => this.resizeController.autosize(this.column, this));
+    }
+    static get is() {
+        return GRID_HEADER_TAG;
+    }
+    get context() {
+        return {
+            parent: this,
+            column: this.column,
+        };
+    }
+    get isSortable() {
+        return Boolean(this.column.sort);
+    }
+    get resizeController() {
+        return this.state.resizing;
+    }
+    renderSortPart() {
+        const state = this.state.sorting.state.get(this.column.key);
+        const idx = Array.from(this.state.sorting.state.values()).indexOf(state);
+        const attr = this.state.host.sortConfiguration.multiple
+            ? idx > -1
+                ? idx + 1
+                : nothing
+            : nothing;
+        const icon = state
+            ? state.direction === 'ascending'
+                ? SORT_ICON_ASCENDING
+                : SORT_ICON_DESCENDING
+            : SORT_ICON_ASCENDING;
+        return state || this.isSortable
+            ? html `<span
+          part=${partNameMap({ action: true, sorted: !!(state === null || state === void 0 ? void 0 : state.direction) })}
+          @click=${this.isSortable ? __classPrivateFieldGet(this, _ApexGridHeader_instances, "m", _ApexGridHeader_handleClick) : nothing}
+        >
+          <igc-icon
+            part=${partNameMap({ 'sorting-action': !!state })}
+            data-sortIndex=${attr}
+            name=${icon}
+            collection="internal"
+          ></igc-icon>
+        </span>`
+            : nothing;
+    }
+    renderContentPart() {
+        var _a;
+        const defaultContent = (_a = this.column.headerText) !== null && _a !== void 0 ? _a : this.column.key;
+        const template = this.column.headerTemplate;
+        return html `
+      <span part="title">
+        <span>${template ? template(this.context) : html `${defaultContent}`}</span>
+      </span>
+    `;
+    }
+    renderResizePart() {
+        return this.column.resizable
+            ? html `<span
+          part="resizable"
+          @dblclick=${__classPrivateFieldGet(this, _ApexGridHeader_handleAutosize, "f")}
+          @pointerdown=${__classPrivateFieldGet(this, _ApexGridHeader_instances, "m", _ApexGridHeader_handleResizeStart)}
+        ></span>`
+            : nothing;
+    }
+    render() {
+        return html `
+      <div
+        part=${partNameMap({
+            content: true,
+            sortable: this.isSortable,
+            resizing: this.resizeController.indicatorActive,
+        })}
+      >
+        ${this.renderContentPart()}
+        <div part="actions">${this.renderSortPart()}</div>
+      </div>
+      ${this.renderResizePart()}
+    `;
+    }
+};
+_ApexGridHeader_handleResize = new WeakMap(), _ApexGridHeader_handlePointerLost = new WeakMap(), _ApexGridHeader_handleAutosize = new WeakMap(), _ApexGridHeader_instances = new WeakSet(), _ApexGridHeader_addResizeEventHandlers = function _ApexGridHeader_addResizeEventHandlers() {
+    const config = { once: true };
+    this.addEventListener('gotpointercapture', () => (this.resizeController.indicatorActive = true), config);
+    this.addEventListener('lostpointercapture', __classPrivateFieldGet(this, _ApexGridHeader_handlePointerLost, "f"), config);
+    this.addEventListener('pointerup', e => this.releasePointerCapture(e.pointerId), config);
+    this.addEventListener('pointermove', __classPrivateFieldGet(this, _ApexGridHeader_handleResize, "f"));
+}, _ApexGridHeader_handleClick = function _ApexGridHeader_handleClick(e) {
+    e.stopPropagation();
+    this.state.sorting.sortFromHeaderClick(this.column);
+}, _ApexGridHeader_handleResizeStart = function _ApexGridHeader_handleResizeStart(ev) {
+    const { target, pointerId } = ev;
+    ev.preventDefault();
+    __classPrivateFieldGet(this, _ApexGridHeader_instances, "m", _ApexGridHeader_addResizeEventHandlers).call(this);
+    this.resizeController.start(this);
+    target.setPointerCapture(pointerId);
+};
+ApexGridHeader.styles = styles;
+__decorate([
+    contextProvided({ context: gridStateContext, subscribe: true }),
+    property({ attribute: false })
+], ApexGridHeader.prototype, "state", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexGridHeader.prototype, "column", void 0);
+ApexGridHeader = __decorate([
+    customElement(GRID_HEADER_TAG)
+], ApexGridHeader);
+export default ApexGridHeader;
+//# sourceMappingURL=header.js.map

package/dist/src/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/header.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { contextProvided } from '@lit-labs/context';\nimport { partNameMap } from '../internal/part-map.js';\nimport { GRID_HEADER_TAG } from '../internal/tags.js';\nimport {\n  MIN_COL_RESIZE_WIDTH,\n  SORT_ICON_ASCENDING,\n  SORT_ICON_DESCENDING,\n} from '../internal/constants.js';\nimport type { ColumnConfiguration, ApexHeaderContext } from '../internal/types.js';\nimport { StateController, gridStateContext } from '../controllers/state.js';\nimport styles from '../styles/header-cell/header-cell-styles.js';\n\n@customElement(GRID_HEADER_TAG)\nexport default class ApexGridHeader<T extends object> extends LitElement {\n  public static get is() {\n    return GRID_HEADER_TAG;\n  }\n\n  public static override styles = styles;\n\n  protected get context(): ApexHeaderContext<T> {\n    return {\n      parent: this,\n      column: this.column,\n    };\n  }\n\n  protected get isSortable() {\n    return Boolean(this.column.sort);\n  }\n\n  protected get resizeController() {\n    return this.state.resizing;\n  }\n\n  @contextProvided({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  #addResizeEventHandlers() {\n    const config: AddEventListenerOptions = { once: true };\n\n    this.addEventListener(\n      'gotpointercapture',\n      () => (this.resizeController.indicatorActive = true),\n      config,\n    );\n    this.addEventListener('lostpointercapture', this.#handlePointerLost, config);\n    this.addEventListener('pointerup', e => this.releasePointerCapture(e.pointerId), config);\n    this.addEventListener('pointermove', this.#handleResize);\n  }\n\n  #handleClick(e: Event) {\n    e.stopPropagation();\n    this.state.sorting.sortFromHeaderClick(this.column);\n  }\n\n  #handleResize = ({ clientX }: PointerEvent) => {\n    const { left } = this.getBoundingClientRect();\n    const width = Math.max(clientX - left, MIN_COL_RESIZE_WIDTH);\n    const x = this.offsetLeft + width;\n\n    this.resizeController.resize(this.column, width, x);\n  };\n\n  #handleResizeStart(ev: PointerEvent) {\n    const { target, pointerId } = ev;\n\n    ev.preventDefault();\n\n    this.#addResizeEventHandlers();\n    this.resizeController.start(this);\n\n    (target as HTMLElement).setPointerCapture(pointerId);\n  }\n\n  #handlePointerLost = () => {\n    this.resizeController.indicatorActive = false;\n    this.removeEventListener('pointermove', this.#handleResize);\n    this.resizeController.stop();\n  };\n\n  #handleAutosize = () => this.resizeController.autosize(this.column, this);\n\n  protected renderSortPart() {\n    const state = this.state.sorting.state.get(this.column.key);\n    const idx = Array.from(this.state.sorting.state.values()).indexOf(state!);\n    const attr = this.state.host.sortConfiguration.multiple\n      ? idx > -1\n        ? idx + 1\n        : nothing\n      : nothing;\n    const icon = state\n      ? state.direction === 'ascending'\n        ? SORT_ICON_ASCENDING\n        : SORT_ICON_DESCENDING\n      : SORT_ICON_ASCENDING;\n\n    return state || this.isSortable\n      ? html`<span\n          part=${partNameMap({ action: true, sorted: !!state?.direction })}\n          @click=${this.isSortable ? this.#handleClick : nothing}\n        >\n          <igc-icon\n            part=${partNameMap({ 'sorting-action': !!state })}\n            data-sortIndex=${attr}\n            name=${icon}\n            collection=\"internal\"\n          ></igc-icon>\n        </span>`\n      : nothing;\n  }\n\n  protected renderContentPart() {\n    const defaultContent = this.column.headerText ?? this.column.key;\n    const template = this.column.headerTemplate;\n\n    return html`\n      <span part=\"title\">\n        <span>${template ? template(this.context) : html`${defaultContent}`}</span>\n      </span>\n    `;\n  }\n\n  protected renderResizePart() {\n    return this.column.resizable\n      ? html`<span\n          part=\"resizable\"\n          @dblclick=${this.#handleAutosize}\n          @pointerdown=${this.#handleResizeStart}\n        ></span>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partNameMap({\n          content: true,\n          sortable: this.isSortable,\n          resizing: this.resizeController.indicatorActive,\n        })}\n      >\n        ${this.renderContentPart()}\n        <div part=\"actions\">${this.renderSortPart()}</div>\n      </div>\n      ${this.renderResizePart()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeader.is]: ApexGridHeader<object>;\n  }\n}\n"]}

package/dist/src/components/row.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import type { ActiveNode, ColumnConfiguration } from '../internal/types.js';
+import ApexGridCell from './cell.js';
+export default class ApexGridRow<T extends object> extends LitElement {
+    static get is(): "apex-grid-row";
+    static styles: import("lit").CSSResult;
+    protected _cells: NodeListOf<ApexGridCell<T>>;
+    data: T;
+    columns: Array<ColumnConfiguration<T>>;
+    get cells(): ApexGridCell<T>[];
+    activeNode: ActiveNode<T>;
+    index: number;
+    connectedCallback(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [ApexGridRow.is]: ApexGridRow<object>;
+    }
+}
+//# sourceMappingURL=row.d.ts.map

package/dist/src/components/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,YAAY,MAAM,WAAW,CAAC;AAIrC,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,UAAU;IACnE,WAAkB,EAAE,oBAEnB;IACD,OAAuB,MAAM,0BAAU;IAGvC,SAAS,CAAC,MAAM,EAAG,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAGxC,IAAI,EAAG,CAAC,CAAC;IAGT,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAM;IAEnD,IAAW,KAAK,sBAEf;IAGM,UAAU,EAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAG3B,KAAK,SAAM;IAEF,iBAAiB,IAAI,IAAI;cAKtB,MAAM;CAiB1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KACvC;CACF"}

package/dist/src/components/row.js

@@ -0,0 +1,64 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property, queryAll } from 'lit/decorators.js';
+import { map } from 'lit/directives/map.js';
+import { GRID_ROW_TAG } from '../internal/tags.js';
+import ApexGridCell from './cell.js';
+import styles from '../styles/body-row/body-row-styles.js';
+let ApexGridRow = class ApexGridRow extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.columns = [];
+        this.index = -1;
+    }
+    static get is() {
+        return GRID_ROW_TAG;
+    }
+    get cells() {
+        return Array.from(this._cells);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('exportparts', 'cell');
+    }
+    render() {
+        const { column: key, row: index } = this.activeNode;
+        return html `
+      ${map(this.columns, column => column.hidden
+            ? nothing
+            : html `<apex-grid-cell
+              part="cell"
+              .active=${key === column.key && index === this.index}
+              .column=${column}
+              .row=${this}
+              .value=${this.data[column.key]}
+            ></apex-grid-cell>`)}
+    `;
+    }
+};
+ApexGridRow.styles = styles;
+__decorate([
+    queryAll(ApexGridCell.is)
+], ApexGridRow.prototype, "_cells", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexGridRow.prototype, "data", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexGridRow.prototype, "columns", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexGridRow.prototype, "activeNode", void 0);
+__decorate([
+    property({ attribute: false, type: Number })
+], ApexGridRow.prototype, "index", void 0);
+ApexGridRow = __decorate([
+    customElement(GRID_ROW_TAG)
+], ApexGridRow);
+export default ApexGridRow;
+//# sourceMappingURL=row.js.map

package/dist/src/components/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,YAAY,MAAM,WAAW,CAAC;AACrC,OAAO,MAAM,MAAM,uCAAuC,CAAC;AAG5C,IAAM,WAAW,GAAjB,MAAM,WAA8B,SAAQ,UAAU;IAAtD;;QAaN,YAAO,GAAkC,EAAE,CAAC;QAU5C,UAAK,GAAG,CAAC,CAAC,CAAC;IAwBpB,CAAC;IA9CQ,MAAM,KAAK,EAAE;QAClB,OAAO,YAAY,CAAC;IACtB,CAAC;IAYD,IAAW,KAAK;QACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAQe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QAEpD,OAAO,IAAI,CAAA;QACP,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAC3B,MAAM,CAAC,MAAM;YACX,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;;wBAEQ,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK;wBAC1C,MAAM;qBACT,IAAsB;uBACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;+BACb,CACxB;KACF,CAAC;IACJ,CAAC;;AA1CsB,kBAAM,GAAG,MAAM,CAAC;AAGvC;IADC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;2CACqB;AAG/C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCACf;AAGhB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CACoB;AAOnD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CACG;AAGlC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAC3B;AAvBC,WAAW;IAD/B,aAAa,CAAC,YAAY,CAAC;GACP,WAAW,CA+C/B;eA/CoB,WAAW","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { customElement, property, queryAll } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { GRID_ROW_TAG } from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration } from '../internal/types.js';\nimport ApexGridCell from './cell.js';\nimport styles from '../styles/body-row/body-row-styles.js';\n\n@customElement(GRID_ROW_TAG)\nexport default class ApexGridRow<T extends object> extends LitElement {\n  public static get is() {\n    return GRID_ROW_TAG;\n  }\n  public static override styles = styles;\n\n  @queryAll(ApexGridCell.is)\n  protected _cells!: NodeListOf<ApexGridCell<T>>;\n\n  @property({ attribute: false })\n  public data!: T;\n\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  public get cells() {\n    return Array.from(this._cells);\n  }\n\n  @property({ attribute: false })\n  public activeNode!: ActiveNode<T>;\n\n  @property({ attribute: false, type: Number })\n  public index = -1;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('exportparts', 'cell');\n  }\n\n  protected override render() {\n    const { column: key, row: index } = this.activeNode;\n\n    return html`\n      ${map(this.columns, column =>\n        column.hidden\n          ? nothing\n          : html`<apex-grid-cell\n              part=\"cell\"\n              .active=${key === column.key && index === this.index}\n              .column=${column}\n              .row=${this as ApexGridRow<T>}\n              .value=${this.data[column.key]}\n            ></apex-grid-cell>`,\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridRow.is]: ApexGridRow<object>;\n  }\n}\n"]}

package/dist/src/controllers/data-operation.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController } from 'lit';
+import SortDataOperation from '../operations/sort.js';
+import FilterDataOperation from '../operations/filter.js';
+import type { GridHost } from '../internal/types.js';
+import type { StateController } from './state.js';
+export declare class DataOperationsController<T extends object> implements ReactiveController {
+    protected host: GridHost<T>;
+    protected sorting: SortDataOperation<T>;
+    protected filtering: FilterDataOperation<T>;
+    constructor(host: GridHost<T>);
+    hostConnected(): void;
+    protected get hasRemoteSort(): boolean;
+    protected get hasRemoteFilter(): boolean;
+    protected get remoteFilter(): import("../internal/types.js").RemoteFilterHook<T>;
+    protected get remoteSort(): import("../internal/types.js").RemoteSortHook<T>;
+    apply(data: T[], state: StateController<T>): Promise<T[]>;
+}
+//# sourceMappingURL=data-operation.d.ts.map

package/dist/src/controllers/data-operation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-operation.d.ts","sourceRoot":"","sources":["../../../src/controllers/data-operation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,qBAAa,wBAAwB,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,kBAAkB;IAIvE,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAHvC,SAAS,CAAC,OAAO,uBAA8B;IAC/C,SAAS,CAAC,SAAS,yBAAgC;gBAE7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAIhC,aAAa;IAEpB,SAAS,KAAK,aAAa,YAE1B;IAED,SAAS,KAAK,eAAe,YAE5B;IAED,SAAS,KAAK,YAAY,uDAEzB;IAED,SAAS,KAAK,UAAU,qDAEvB;IAEY,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;CAaxD"}

package/dist/src/controllers/data-operation.js

@@ -0,0 +1,37 @@
+import SortDataOperation from '../operations/sort.js';
+import FilterDataOperation from '../operations/filter.js';
+import { isDefined } from '../internal/is-defined.js';
+export class DataOperationsController {
+    constructor(host) {
+        this.host = host;
+        this.sorting = new SortDataOperation();
+        this.filtering = new FilterDataOperation();
+        this.host.addController(this);
+    }
+    hostConnected() { }
+    get hasRemoteSort() {
+        var _a;
+        return isDefined((_a = this.host.remoteConfiguration) === null || _a === void 0 ? void 0 : _a.sort);
+    }
+    get hasRemoteFilter() {
+        var _a;
+        return isDefined((_a = this.host.remoteConfiguration) === null || _a === void 0 ? void 0 : _a.filter);
+    }
+    get remoteFilter() {
+        return this.host.remoteConfiguration.filter;
+    }
+    get remoteSort() {
+        return this.host.remoteConfiguration.sort;
+    }
+    async apply(data, state) {
+        const { filtering, sorting } = state;
+        data = this.hasRemoteFilter
+            ? await this.remoteFilter(data, filtering.state)
+            : this.filtering.apply(data, filtering.state);
+        data = this.hasRemoteSort
+            ? await this.remoteSort(data, sorting.state)
+            : this.sorting.apply(data, sorting.state);
+        return data;
+    }
+}
+//# sourceMappingURL=data-operation.js.map

package/dist/src/controllers/data-operation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-operation.js","sourceRoot":"","sources":["../../../src/controllers/data-operation.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,OAAO,wBAAwB;IAInC,YAAsB,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;QAH7B,YAAO,GAAG,IAAI,iBAAiB,EAAK,CAAC;QACrC,cAAS,GAAG,IAAI,mBAAmB,EAAK,CAAC;QAGjD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEM,aAAa,KAAI,CAAC;IAEzB,IAAc,aAAa;;QACzB,OAAO,SAAS,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,0CAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,IAAc,eAAe;;QAC3B,OAAO,SAAS,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,0CAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;IAED,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAoB,CAAC,MAAO,CAAC;IAChD,CAAC;IAED,IAAc,UAAU;QACtB,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAoB,CAAC,IAAK,CAAC;IAC9C,CAAC;IAEM,KAAK,CAAC,KAAK,CAAC,IAAS,EAAE,KAAyB;QACrD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAErC,IAAI,GAAG,IAAI,CAAC,eAAe;YACzB,CAAC,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,GAAG,IAAI,CAAC,aAAa;YACvB,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5C,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ReactiveController } from 'lit';\nimport SortDataOperation from '../operations/sort.js';\nimport FilterDataOperation from '../operations/filter.js';\nimport type { GridHost } from '../internal/types.js';\nimport type { StateController } from './state.js';\nimport { isDefined } from '../internal/is-defined.js';\n\nexport class DataOperationsController<T extends object> implements ReactiveController {\n  protected sorting = new SortDataOperation<T>();\n  protected filtering = new FilterDataOperation<T>();\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  protected get hasRemoteSort() {\n    return isDefined(this.host.remoteConfiguration?.sort);\n  }\n\n  protected get hasRemoteFilter() {\n    return isDefined(this.host.remoteConfiguration?.filter);\n  }\n\n  protected get remoteFilter() {\n    return this.host.remoteConfiguration!.filter!;\n  }\n\n  protected get remoteSort() {\n    return this.host.remoteConfiguration!.sort!;\n  }\n\n  public async apply(data: T[], state: StateController<T>) {\n    const { filtering, sorting } = state;\n\n    data = this.hasRemoteFilter\n      ? await this.remoteFilter(data, filtering.state)\n      : this.filtering.apply(data, filtering.state);\n\n    data = this.hasRemoteSort\n      ? await this.remoteSort(data, sorting.state)\n      : this.sorting.apply(data, sorting.state);\n\n    return data;\n  }\n}\n"]}

package/dist/src/controllers/dom.d.ts

@@ -0,0 +1,17 @@
+import { ReactiveController } from 'lit';
+import { StyleInfo } from 'lit/directives/style-map.js';
+import { StateController } from './state.js';
+import type { GridHost } from '../internal/types.js';
+export declare class GridDOMController<T extends object> implements ReactiveController {
+    protected host: GridHost<T>;
+    protected state: StateController<T>;
+    constructor(host: GridHost<T>, state: StateController<T>);
+    get virtualBody(): import("../components/grid-body").default;
+    columnSizes: StyleInfo;
+    hostConnected(): void;
+    hostUpdate(): void;
+    setScrollOffset(): void;
+    protected setGridColumnSizes(): void;
+    getActiveRowStyles(index: number): StyleInfo;
+}
+//# sourceMappingURL=dom.d.ts.map

package/dist/src/controllers/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/controllers/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,qBAAa,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,kBAAkB;IAChE,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAAE,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;gBAAtD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAY,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAI5E,IAAW,WAAW,8CAGrB;IAEM,WAAW,EAAE,SAAS,CAAM;IAE5B,aAAa,IAAI,IAAI;IAIrB,UAAU,IAAI,IAAI;IAKlB,eAAe;IAKtB,SAAS,CAAC,kBAAkB;IAIrB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;CAGpD"}

package/dist/src/controllers/dom.js

@@ -0,0 +1,31 @@
+import { applyColumnWidths } from '../internal/utils.js';
+export class GridDOMController {
+    constructor(host, state) {
+        this.host = host;
+        this.state = state;
+        this.columnSizes = {};
+        this.host.addController(this);
+    }
+    get virtualBody() {
+        // @ts-expect-error: protected member access
+        return this.host.bodyElement;
+    }
+    hostConnected() {
+        this.setGridColumnSizes();
+    }
+    hostUpdate() {
+        this.setScrollOffset();
+        this.setGridColumnSizes();
+    }
+    setScrollOffset() {
+        const size = this.virtualBody ? this.virtualBody.offsetWidth - this.virtualBody.clientWidth : 0;
+        this.host.style.setProperty('--scrollbar-offset', `${size}px`);
+    }
+    setGridColumnSizes() {
+        this.columnSizes = applyColumnWidths(this.host.columns);
+    }
+    getActiveRowStyles(index) {
+        return this.state.active.row === index ? { 'z-index': '3' } : {};
+    }
+}
+//# sourceMappingURL=dom.js.map

package/dist/src/controllers/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/controllers/dom.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,MAAM,OAAO,iBAAiB;IAC5B,YAAsB,IAAiB,EAAY,KAAyB;QAAtD,SAAI,GAAJ,IAAI,CAAa;QAAY,UAAK,GAAL,KAAK,CAAoB;QASrE,gBAAW,GAAc,EAAE,CAAC;QARjC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,IAAW,WAAW;QACpB,4CAA4C;QAC5C,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;IAC/B,CAAC;IAIM,aAAa;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,eAAe;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAChG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC;IACjE,CAAC;IAES,kBAAkB;QAC1B,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IAEM,kBAAkB,CAAC,KAAa;QACrC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,CAAC;CACF","sourcesContent":["import { ReactiveController } from 'lit';\nimport { StyleInfo } from 'lit/directives/style-map.js';\nimport { StateController } from './state.js';\nimport { applyColumnWidths } from '../internal/utils.js';\nimport type { GridHost } from '../internal/types.js';\n\nexport class GridDOMController<T extends object> implements ReactiveController {\n  constructor(protected host: GridHost<T>, protected state: StateController<T>) {\n    this.host.addController(this);\n  }\n\n  public get virtualBody() {\n    // @ts-expect-error: protected member access\n    return this.host.bodyElement;\n  }\n\n  public columnSizes: StyleInfo = {};\n\n  public hostConnected(): void {\n    this.setGridColumnSizes();\n  }\n\n  public hostUpdate(): void {\n    this.setScrollOffset();\n    this.setGridColumnSizes();\n  }\n\n  public setScrollOffset() {\n    const size = this.virtualBody ? this.virtualBody.offsetWidth - this.virtualBody.clientWidth : 0;\n    this.host.style.setProperty('--scrollbar-offset', `${size}px`);\n  }\n\n  protected setGridColumnSizes() {\n    this.columnSizes = applyColumnWidths(this.host.columns);\n  }\n\n  public getActiveRowStyles(index: number): StyleInfo {\n    return this.state.active.row === index ? { 'z-index': '3' } : {};\n  }\n}\n"]}

package/dist/src/controllers/filter.d.ts

@@ -0,0 +1,22 @@
+import { ReactiveController } from 'lit';
+import { FilterState } from '../operations/filter/state.js';
+import type { FilterExpressionTree } from '../operations/filter/tree.js';
+import type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';
+import type { FilterExpression } from '../operations/filter/types.js';
+export declare class FilterController<T extends object> implements ReactiveController {
+    #private;
+    protected host: GridHost<T>;
+    constructor(host: GridHost<T>);
+    state: FilterState<T>;
+    get filterRow(): import("../components/filter-row").default<T>;
+    protected _filter(expression: FilterExpression<T> | FilterExpression<T>[]): void;
+    hostConnected(): void;
+    get(key: Keys<T>): FilterExpressionTree<T> | undefined;
+    reset(key?: Keys<T>): void;
+    setActiveColumn(column?: ColumnConfiguration<T>): void;
+    getDefaultExpression(column: ColumnConfiguration<T>): FilterExpression<T>;
+    removeExpression(expression: FilterExpression<T>): void;
+    filterWithEvent(expression: FilterExpression<T>): Promise<void>;
+    filter(expression: FilterExpression<T> | FilterExpression<T>[]): void;
+}
+//# sourceMappingURL=filter.d.ts.map

package/dist/src/controllers/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/controllers/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,qBAAa,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,kBAAkB;;IAC/D,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;gBAAjB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAIhC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAqB;IAEjD,IAAW,SAAS,kDAGnB;IAgBD,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE;IAKlE,aAAa;IAEb,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAIhB,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAInB,eAAe,CAAC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAQ/C,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC;IAUzE,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAU1C,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAWrD,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE;CAOtE"}

package/dist/src/controllers/filter.js

@@ -0,0 +1,79 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _FilterController_instances, _FilterController_emitFilteringEvent, _FilterController_emitFilteredEvent;
+import { PIPELINE } from '../internal/constants.js';
+import { asArray, getFilterOperandsFor } from '../internal/utils.js';
+import { FilterState } from '../operations/filter/state.js';
+export class FilterController {
+    constructor(host) {
+        this.host = host;
+        _FilterController_instances.add(this);
+        this.state = new FilterState();
+        this.host.addController(this);
+    }
+    get filterRow() {
+        // @ts-expect-error - protected access
+        return this.host.filterRow;
+    }
+    _filter(expression) {
+        asArray(expression).forEach(expr => this.state.set(expr));
+        this.host.requestUpdate(PIPELINE);
+    }
+    hostConnected() { }
+    get(key) {
+        return this.state.get(key);
+    }
+    reset(key) {
+        key ? this.state.delete(key) : this.state.clear();
+    }
+    setActiveColumn(column) {
+        var _a;
+        if ((column === null || column === void 0 ? void 0 : column.filter) && ((_a = this.filterRow) === null || _a === void 0 ? void 0 : _a.active)) {
+            this.filterRow.column = column;
+            this.filterRow.expression = this.getDefaultExpression(column);
+            this.host.requestUpdate();
+        }
+    }
+    getDefaultExpression(column) {
+        var _a;
+        const caseSensitive = typeof column.filter === 'boolean' ? false : Boolean((_a = column.filter) === null || _a === void 0 ? void 0 : _a.caseSensitive);
+        return {
+            key: column.key,
+            condition: getFilterOperandsFor(column).default,
+            caseSensitive,
+        };
+    }
+    removeExpression(expression) {
+        const state = this.get(expression.key);
+        state === null || state === void 0 ? void 0 : state.remove(expression);
+        if (state === null || state === void 0 ? void 0 : state.empty) {
+            this.reset(state.key);
+        }
+    }
+    async filterWithEvent(expression) {
+        if (!__classPrivateFieldGet(this, _FilterController_instances, "m", _FilterController_emitFilteringEvent).call(this, expression)) {
+            return;
+        }
+        this._filter(expression);
+        await this.host.updateComplete;
+        __classPrivateFieldGet(this, _FilterController_instances, "m", _FilterController_emitFilteredEvent).call(this, this.get(expression.key));
+    }
+    filter(expression) {
+        this._filter(asArray(expression).map(expr => Object.assign(this.getDefaultExpression(this.host.getColumn(expr.key)), expr)));
+    }
+}
+_FilterController_instances = new WeakSet(), _FilterController_emitFilteringEvent = function _FilterController_emitFilteringEvent(expression) {
+    return this.host.emitEvent('filtering', {
+        detail: {
+            expression,
+            state: this.get(expression.key),
+        },
+        cancelable: true,
+    });
+}, _FilterController_emitFilteredEvent = function _FilterController_emitFilteredEvent(detail) {
+    return this.host.emitEvent('filtered', { detail });
+};
+//# sourceMappingURL=filter.js.map

package/dist/src/controllers/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../src/controllers/filter.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAM5D,MAAM,OAAO,gBAAgB;IAC3B,YAAsB,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;;QAIhC,UAAK,GAAmB,IAAI,WAAW,EAAE,CAAC;QAH/C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAID,IAAW,SAAS;QAClB,sCAAsC;QACtC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAC7B,CAAC;IAgBS,OAAO,CAAC,UAAuD;QACvE,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IAEM,aAAa,KAAI,CAAC;IAElB,GAAG,CAAC,GAAY;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEM,KAAK,CAAC,GAAa;QACxB,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACpD,CAAC;IAEM,eAAe,CAAC,MAA+B;;QACpD,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,CAAA,EAAE;YAC5C,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAC9D,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;SAC3B;IACH,CAAC;IAEM,oBAAoB,CAAC,MAA8B;;QACxD,MAAM,aAAa,GACjB,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAA,MAAM,CAAC,MAAM,0CAAE,aAAa,CAAC,CAAC;QACrF,OAAO;YACL,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,SAAS,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC,OAAO;YAC/C,aAAa;SACd,CAAC;IACJ,CAAC;IAEM,gBAAgB,CAAC,UAA+B;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAEvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,UAAU,CAAC,CAAC;QAE1B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACvB;IACH,CAAC;IAEM,KAAK,CAAC,eAAe,CAAC,UAA+B;QAC1D,IAAI,CAAC,uBAAA,IAAI,yEAAoB,MAAxB,IAAI,EAAqB,UAAU,CAAC,EAAE;YACzC,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAEzB,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAC/B,uBAAA,IAAI,wEAAmB,MAAvB,IAAI,EAAoB,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAE,CAAC,CAAC;IACrD,CAAC;IAEM,MAAM,CAAC,UAAuD;QACnE,IAAI,CAAC,OAAO,CACV,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC7B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAE,CAAC,EAAE,IAAI,CAAC,CAC/E,CACF,CAAC;IACJ,CAAC;CACF;kIA3EqB,UAA+B;IACjD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;QACtC,MAAM,EAAE;YACN,UAAU;YACV,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAE;SACjC;QACD,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;AACL,CAAC,qFAEkB,MAA+B;IAChD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import { ReactiveController } from 'lit';\nimport { PIPELINE } from '../internal/constants.js';\nimport { asArray, getFilterOperandsFor } from '../internal/utils.js';\nimport { FilterState } from '../operations/filter/state.js';\n\nimport type { FilterExpressionTree } from '../operations/filter/tree.js';\nimport type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport type { FilterExpression } from '../operations/filter/types.js';\n\nexport class FilterController<T extends object> implements ReactiveController {\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public state: FilterState<T> = new FilterState();\n\n  public get filterRow() {\n    // @ts-expect-error - protected access\n    return this.host.filterRow;\n  }\n\n  #emitFilteringEvent(expression: FilterExpression<T>) {\n    return this.host.emitEvent('filtering', {\n      detail: {\n        expression,\n        state: this.get(expression.key)!,\n      },\n      cancelable: true,\n    });\n  }\n\n  #emitFilteredEvent(detail: FilterExpressionTree<T>) {\n    return this.host.emitEvent('filtered', { detail });\n  }\n\n  protected _filter(expression: FilterExpression<T> | FilterExpression<T>[]) {\n    asArray(expression).forEach(expr => this.state.set(expr));\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  public hostConnected() {}\n\n  public get(key: Keys<T>) {\n    return this.state.get(key);\n  }\n\n  public reset(key?: Keys<T>) {\n    key ? this.state.delete(key) : this.state.clear();\n  }\n\n  public setActiveColumn(column?: ColumnConfiguration<T>) {\n    if (column?.filter && this.filterRow?.active) {\n      this.filterRow.column = column;\n      this.filterRow.expression = this.getDefaultExpression(column);\n      this.host.requestUpdate();\n    }\n  }\n\n  public getDefaultExpression(column: ColumnConfiguration<T>): FilterExpression<T> {\n    const caseSensitive =\n      typeof column.filter === 'boolean' ? false : Boolean(column.filter?.caseSensitive);\n    return {\n      key: column.key,\n      condition: getFilterOperandsFor(column).default,\n      caseSensitive,\n    };\n  }\n\n  public removeExpression(expression: FilterExpression<T>) {\n    const state = this.get(expression.key);\n\n    state?.remove(expression);\n\n    if (state?.empty) {\n      this.reset(state.key);\n    }\n  }\n\n  public async filterWithEvent(expression: FilterExpression<T>) {\n    if (!this.#emitFilteringEvent(expression)) {\n      return;\n    }\n\n    this._filter(expression);\n\n    await this.host.updateComplete;\n    this.#emitFilteredEvent(this.get(expression.key)!);\n  }\n\n  public filter(expression: FilterExpression<T> | FilterExpression<T>[]) {\n    this._filter(\n      asArray(expression).map(expr =>\n        Object.assign(this.getDefaultExpression(this.host.getColumn(expr.key)!), expr),\n      ),\n    );\n  }\n}\n"]}

package/dist/src/controllers/navigation.d.ts

@@ -0,0 +1,31 @@
+import { ReactiveController } from 'lit';
+import type ApexGridBody from '../components/grid-body.js';
+import type { ActiveNode, GridHost, Keys } from '../internal/types.js';
+export declare class NavigationController<T extends object> implements ReactiveController {
+    protected host: GridHost<T>;
+    protected handlers: Map<string, ((container: ApexGridBody) => void) | ((container: ApexGridBody) => void) | (() => void) | (() => void) | ((container: ApexGridBody) => void) | ((container: ApexGridBody) => void)>;
+    protected state: Map<import("../internal/types.js").NavigationState, ActiveNode<any>>;
+    protected _active: Readonly<ActiveNode<any>>;
+    protected get nextNode(): {
+        column: keyof T;
+        row: number;
+    };
+    protected get columns(): import("../internal/types.js").ColumnConfiguration<T>[];
+    protected get firstColumn(): keyof T;
+    protected getPreviousColumn(key: Keys<T>): keyof T;
+    protected getNextColumn(key: Keys<T>): keyof T;
+    get active(): ActiveNode<T>;
+    set active(node: ActiveNode<T>);
+    constructor(host: GridHost<T>);
+    protected isNotSentinel(node: ActiveNode<T>): boolean;
+    protected home(container: ApexGridBody): void;
+    protected end(container: ApexGridBody): void;
+    protected arrowDown(container: ApexGridBody): void;
+    protected arrowUp(container: ApexGridBody): void;
+    protected arrowLeft(): void;
+    protected arrowRight(): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    navigate(event: KeyboardEvent, container: ApexGridBody): void;
+}
+//# sourceMappingURL=navigation.d.ts.map

package/dist/src/controllers/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/controllers/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEvE,qBAAa,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,kBAAkB;IAmDnE,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAlDvC,SAAS,CAAC,QAAQ,2BAoEa,YAAY,0BASd,YAAY,wDAnBf,YAAY,0BAKb,YAAY,YAtDnC;IAEF,SAAS,CAAC,KAAK,uEAAoB;IACnC,SAAS,CAAC,OAAO,4BAAiB;IAElC,SAAS,KAAK,QAAQ;;;MAKrB;IAED,SAAS,KAAK,OAAO,4DAEpB;IAED,SAAS,KAAK,WAAW,YAExB;IAED,SAAS,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAIxC,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAMpC,IAAW,MAAM,IAIO,UAAU,CAAC,CAAC,CAAC,CAFpC;IAED,IAAW,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAKpC;gBAEqB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAIvC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAI3C,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY;IAKtC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY;IAKrC,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,YAAY;IAS3C,SAAS,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY;IAMzC,SAAS,CAAC,SAAS;IAKnB,SAAS,CAAC,UAAU;IAKb,aAAa;IAEb,gBAAgB;IAKhB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY;CAM9D"}