apex-grid 1.0.0-rc.0

package/dist/src/components/cell.js

@@ -0,0 +1,45 @@
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { GRID_CELL_TAG } from '../internal/tags.js';
+import styles from '../styles/body-cell/body-cell-styles.js';
+let ApexGridCell = class ApexGridCell extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+    }
+    static get is() {
+        return GRID_CELL_TAG;
+    }
+    get context() {
+        return {
+            parent: this,
+            row: this.row,
+            column: this.column,
+            value: this.value,
+        };
+    }
+    render() {
+        return this.column.cellTemplate ? this.column.cellTemplate(this.context) : html `${this.value}`;
+    }
+};
+ApexGridCell.styles = styles;
+__decorate([
+    property({ attribute: false })
+], ApexGridCell.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexGridCell.prototype, "column", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ApexGridCell.prototype, "active", void 0);
+ApexGridCell = __decorate([
+    customElement(GRID_CELL_TAG)
+], ApexGridCell);
+export default ApexGridCell;
+//# sourceMappingURL=cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAI9C,IAAM,YAAY,GAAlB,MAAM,YAA+B,SAAQ,UAAU;IAAvD;;QAcN,WAAM,GAAG,KAAK,CAAC;IAgBxB,CAAC;IA7BQ,MAAM,KAAK,EAAE;QAClB,OAAO,aAAa,CAAC;IACvB,CAAC;IAeD,IAAc,OAAO;QACnB,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IACjG,CAAC;;AAxBsB,mBAAM,GAAG,MAAM,CAAC;AAGvC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2CACL;AAG1B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CACQ;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACrB;AAdH,YAAY;IADhC,aAAa,CAAC,aAAa,CAAC;GACR,YAAY,CA8BhC;eA9BoB,YAAY","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { GRID_CELL_TAG } from '../internal/tags.js';\nimport type { ApexCellContext, ColumnConfiguration } from '../internal/types.js';\nimport styles from '../styles/body-cell/body-cell-styles.js';\nimport type ApexGridRow from './row.js';\n\n@customElement(GRID_CELL_TAG)\nexport default class ApexGridCell<T extends object> extends LitElement {\n  public static get is() {\n    return GRID_CELL_TAG;\n  }\n\n  public static override styles = styles;\n\n  @property({ attribute: false })\n  public value!: T[keyof T];\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  public row!: ApexGridRow<T>;\n\n  protected get context(): ApexCellContext<T> {\n    return {\n      parent: this,\n      row: this.row,\n      column: this.column,\n      value: this.value,\n    };\n  }\n\n  protected override render() {\n    return this.column.cellTemplate ? this.column.cellTemplate(this.context) : html`${this.value}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridCell.is]: ApexGridCell<object>;\n  }\n}\n"]}

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

@@ -0,0 +1,47 @@
+import { LitElement, nothing } from 'lit';
+import { StateController } from '../controllers/state.js';
+import type { FilterExpressionTree } from '../operations/filter/tree.js';
+import type { FilterExpression, FilterOperation } from '../operations/filter/types.js';
+import type { ColumnConfiguration } from '../internal/types.js';
+import { IgcInputComponent, IgcDropdownComponent, IgcIconComponent } from 'igniteui-webcomponents';
+type ExpressionChipProps<T> = {
+    expression: FilterExpression<T>;
+    selected: boolean;
+    onRemove: Function;
+    onSelect: Function;
+};
+export default class ApexFilterRow<T extends object> extends LitElement {
+    #private;
+    static get is(): "apex-filter-row";
+    static styles: import("lit").CSSResult;
+    state: StateController<T>;
+    protected get isNumeric(): boolean;
+    protected get filterController(): import("../controllers/filter").FilterController<T>;
+    protected get condition(): FilterOperation<T, any>;
+    active: boolean;
+    input: IgcInputComponent;
+    conditionElement: IgcIconComponent;
+    dropdown: IgcDropdownComponent;
+    column: ColumnConfiguration<T>;
+    expression: FilterExpression<T>;
+    protected activeChanged(): void;
+    protected renderCriteriaButton(expr: FilterExpression<T>, index: number): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected renderExpressionChip(props: ExpressionChipProps<T>): import("lit-html").TemplateResult<1>;
+    protected renderActiveChips(): typeof nothing | import("lit-html").TemplateResult<1>[];
+    protected renderFilterActions(): import("lit-html").TemplateResult<1>;
+    protected renderDropdown(): import("lit-html").TemplateResult<1>;
+    protected renderDropdownTarget(): import("lit-html").TemplateResult<1>;
+    protected renderInputArea(): import("lit-html").TemplateResult<1>;
+    protected renderActiveState(): import("lit-html").TemplateResult<1>;
+    protected renderInactiveChips(column: ColumnConfiguration<T>, state: FilterExpressionTree<T>): import("lit-html").TemplateResult<1>[];
+    protected renderFilterState(column: ColumnConfiguration<T>): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<1>[];
+    protected renderInactiveState(): (typeof nothing | import("lit-html").TemplateResult<1>)[];
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [ApexFilterRow.is]: ApexFilterRow<object>;
+    }
+}
+export {};
+//# sourceMappingURL=filter-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-row.d.ts","sourceRoot":"","sources":["../../../src/components/filter-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,EAAE,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAQ5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EAEpB,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAWF,MAAM,CAAC,OAAO,OAAO,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,UAAU;;IACrE,WAAkB,EAAE,sBAEnB;IAED,OAAuB,MAAM,0BAAU;IAIhC,KAAK,EAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAElC,SAAS,KAAK,SAAS,YAEtB;IAED,SAAS,KAAK,gBAAgB,wDAE7B;IAED,SAAS,KAAK,SAAS,4BAEtB;IAGM,MAAM,UAAS;IAGf,KAAK,EAAG,iBAAiB,CAAC;IAG1B,gBAAgB,EAAG,gBAAgB,CAAC;IAGpC,QAAQ,EAAG,oBAAoB,CAAC;IAGhC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAyB;IAGvD,UAAU,EAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAwExC,SAAS,CAAC,aAAa;IA6CvB,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAWvE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAiB5D,SAAS,CAAC,iBAAiB;IAmB3B,SAAS,CAAC,mBAAmB;IAmB7B,SAAS,CAAC,cAAc;IAgBxB,SAAS,CAAC,oBAAoB;IAW9B,SAAS,CAAC,eAAe;IAczB,SAAS,CAAC,iBAAiB;IAQ3B,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAkB5F,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAsB1D,SAAS,CAAC,mBAAmB;cAUV,MAAM;CAG1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KAC3C;CACF"}

package/dist/src/components/filter-row.js

@@ -0,0 +1,307 @@
+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 _ApexFilterRow_instances, _ApexFilterRow_setDefaultExpression, _ApexFilterRow_removeExpression, _ApexFilterRow_show, _ApexFilterRow_handleConditionChanged, _ApexFilterRow_handleInput, _ApexFilterRow_handleKeydown, _ApexFilterRow_handleResetClick, _ApexFilterRow_openDropdownList, _ApexFilterRow_chipCriteriaFor, _ApexFilterRow_chipSelectFor, _ApexFilterRow_chipRemoveFor;
+import { html, LitElement, nothing } from 'lit';
+import { contextProvided } from '@lit-labs/context';
+import { customElement, property, query } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { gridStateContext } from '../controllers/state.js';
+import { PIPELINE, DEFAULT_COLUMN_CONFIG } from '../internal/constants.js';
+import { GRID_FILTER_ROW_TAG } from '../internal/tags.js';
+import { getFilterOperandsFor } from '../internal/utils.js';
+import { watch } from '../internal/watch.js';
+import styles from '../styles/filter-row/filter-row-styles.js';
+import { IgcInputComponent, IgcDropdownComponent, } from 'igniteui-webcomponents';
+function prefixedIcon(icon) {
+    return html `<igc-icon
+    slot="prefix"
+    name=${ifDefined(icon)}
+    collection="internal"
+  ></igc-icon>`;
+}
+let ApexFilterRow = class ApexFilterRow extends LitElement {
+    constructor() {
+        super(...arguments);
+        _ApexFilterRow_instances.add(this);
+        this.active = false;
+        this.column = DEFAULT_COLUMN_CONFIG;
+    }
+    static get is() {
+        return GRID_FILTER_ROW_TAG;
+    }
+    get isNumeric() {
+        return this.column.type === 'number';
+    }
+    get filterController() {
+        return this.state.filtering;
+    }
+    get condition() {
+        return this.expression.condition;
+    }
+    activeChanged() {
+        this.style.display = this.active ? 'flex' : '';
+        if (!this.active) {
+            this.column = DEFAULT_COLUMN_CONFIG;
+        }
+        this.state.host.requestUpdate();
+    }
+    renderCriteriaButton(expr, index) {
+        return index
+            ? html `<igc-button
+          variant="flat"
+          @click=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_chipCriteriaFor).call(this, expr)}
+        >
+          ${expr.criteria}
+        </igc-button>`
+            : nothing;
+    }
+    renderExpressionChip(props) {
+        const { name, unary } = props.expression.condition;
+        const { searchTerm: term } = props.expression;
+        const prefix = html `<span slot="select"></span>${prefixedIcon(name)}`;
+        return html `<igc-chip
+      selectable
+      removable
+      ?selected=${props.selected}
+      @igcRemove=${props.onRemove}
+      @igcSelect=${props.onSelect}
+    >
+      ${prefix}${unary ? name : term}
+    </igc-chip>`;
+    }
+    renderActiveChips() {
+        const state = this.filterController.get(this.column.key);
+        return !state
+            ? nothing
+            : Array.from(state).map((expression, idx) => {
+                const props = {
+                    expression,
+                    selected: this.expression === expression,
+                    onRemove: __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_chipRemoveFor).call(this, expression),
+                    onSelect: __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_chipSelectFor).call(this, expression),
+                };
+                return html `${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(props)}`;
+            });
+    }
+    renderFilterActions() {
+        return html `
+      <igc-button
+        id="reset"
+        variant="flat"
+        @click=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_handleResetClick)}
+      >
+        ${prefixedIcon('refresh')} Reset
+      </igc-button>
+      <igc-button
+        id="close"
+        variant="flat"
+        @click=${() => (this.active = false)}
+      >
+        ${prefixedIcon('close')} Close
+      </igc-button>
+    `;
+    }
+    renderDropdown() {
+        return html `<igc-dropdown
+      flip
+      same-width
+      @igcChange=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_handleConditionChanged)}
+      >${Array.from(getFilterOperandsFor(this.column)).map(each => {
+            var _a;
+            return html `<igc-dropdown-item
+          .value=${each}
+          ?selected=${((_a = this.condition) === null || _a === void 0 ? void 0 : _a.name) === each}
+        >
+          ${prefixedIcon(each)}${each}
+        </igc-dropdown-item>`;
+        })}
+    </igc-dropdown>`;
+    }
+    renderDropdownTarget() {
+        return html `<igc-icon
+      id="condition"
+      slot="prefix"
+      collection="internal"
+      .name=${this.condition.name}
+      @click=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_openDropdownList)}
+    >
+    </igc-icon>`;
+    }
+    renderInputArea() {
+        return html `<igc-input
+        outlined
+        value=${ifDefined(this.expression.searchTerm)}
+        placeholder="Add filter value"
+        ?readonly=${this.condition.unary}
+        @igcInput=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_handleInput)}
+        @keydown=${__classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_handleKeydown)}
+      >
+        ${this.renderDropdownTarget()}
+      </igc-input>
+      ${this.renderDropdown()}`;
+    }
+    renderActiveState() {
+        return html `<div part="active-state">
+      <div part="filter-row-input">${this.renderInputArea()}</div>
+      <div part="filter-row-filters">${this.renderActiveChips()}</div>
+      <div part="filter-row-actions">${this.renderFilterActions()}</div>
+    </div> `;
+    }
+    renderInactiveChips(column, state) {
+        return Array.from(state).map((expression, idx) => {
+            const props = {
+                expression,
+                selected: false,
+                onRemove: __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_chipRemoveFor).call(this, expression),
+                onSelect: (e) => {
+                    e.stopPropagation();
+                    this.column = column;
+                    this.expression = expression;
+                    __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_show).call(this);
+                },
+            };
+            return html `${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(props)}`;
+        });
+    }
+    renderFilterState(column) {
+        const state = this.filterController.get(column.key);
+        const partial = state && state.length < 3;
+        const hidden = state && state.length >= 3;
+        const open = () => {
+            this.column = column;
+            __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_setDefaultExpression).call(this);
+            __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_show).call(this);
+        };
+        const count = hidden ? html `<span slot="suffix">${state.length}</span>` : nothing;
+        const chip = html `<igc-chip
+      data-column=${column.key}
+      @click=${open}
+      >${prefixedIcon('filter')}Filter${count}</igc-chip
+    >`;
+        return partial ? this.renderInactiveChips(column, state) : chip;
+    }
+    renderInactiveState() {
+        return this.state.host.columns.map(column => column.hidden
+            ? nothing
+            : html `<div part="filter-row-preview">
+            ${column.filter ? this.renderFilterState(column) : nothing}
+          </div>`);
+    }
+    render() {
+        return html `${this.active ? this.renderActiveState() : this.renderInactiveState()}`;
+    }
+};
+_ApexFilterRow_instances = new WeakSet(), _ApexFilterRow_setDefaultExpression = function _ApexFilterRow_setDefaultExpression() {
+    this.expression = this.filterController.getDefaultExpression(this.column);
+}, _ApexFilterRow_removeExpression = function _ApexFilterRow_removeExpression(expression) {
+    this.filterController.removeExpression(expression);
+}, _ApexFilterRow_show = async function _ApexFilterRow_show() {
+    this.active = true;
+    await this.updateComplete;
+    this.input.select();
+}, _ApexFilterRow_handleConditionChanged = function _ApexFilterRow_handleConditionChanged(event) {
+    event.stopPropagation();
+    this.expression.condition = getFilterOperandsFor(this.column).get(event.detail.value);
+    if (this.input.value || this.expression.condition.unary) {
+        this.filterController.filterWithEvent(this.expression);
+    }
+    this.requestUpdate();
+}, _ApexFilterRow_handleInput = function _ApexFilterRow_handleInput(event) {
+    event.stopPropagation();
+    const value = this.isNumeric ? parseFloat(event.detail) : event.detail;
+    const shouldUpdate = this.isNumeric ? !isNaN(value) : !!value;
+    if (shouldUpdate) {
+        this.expression.searchTerm = value;
+        this.filterController.filterWithEvent(this.expression);
+    }
+    else {
+        __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_removeExpression).call(this, this.expression);
+        this.state.host.requestUpdate(PIPELINE);
+    }
+    this.requestUpdate();
+}, _ApexFilterRow_handleKeydown = function _ApexFilterRow_handleKeydown(event) {
+    event.stopPropagation();
+    switch (event.key) {
+        case 'Enter':
+            this.input.value = '';
+            __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_setDefaultExpression).call(this);
+            return;
+        case 'Escape':
+            this.active = false;
+            return;
+        default:
+            return;
+    }
+}, _ApexFilterRow_handleResetClick = function _ApexFilterRow_handleResetClick() {
+    this.filterController.reset(this.column.key);
+    this.state.host.requestUpdate(PIPELINE);
+    this.requestUpdate();
+}, _ApexFilterRow_openDropdownList = function _ApexFilterRow_openDropdownList() {
+    this.dropdown.toggle(this.input);
+}, _ApexFilterRow_chipCriteriaFor = function _ApexFilterRow_chipCriteriaFor(expression) {
+    return async (e) => {
+        e.stopPropagation();
+        expression.criteria = expression.criteria === 'and' ? 'or' : 'and';
+        this.filterController.filterWithEvent(expression);
+        this.requestUpdate();
+    };
+}, _ApexFilterRow_chipSelectFor = function _ApexFilterRow_chipSelectFor(expression) {
+    return async (e) => {
+        e.stopPropagation();
+        this.expression = expression;
+        await this.updateComplete;
+        this.input.select();
+    };
+}, _ApexFilterRow_chipRemoveFor = function _ApexFilterRow_chipRemoveFor(expression) {
+    return async (e) => {
+        e.stopPropagation();
+        __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_removeExpression).call(this, expression);
+        if (this.active && this.expression === expression) {
+            __classPrivateFieldGet(this, _ApexFilterRow_instances, "m", _ApexFilterRow_setDefaultExpression).call(this);
+            await this.updateComplete;
+            this.input.focus();
+        }
+        this.state.host.requestUpdate(PIPELINE);
+        this.requestUpdate();
+    };
+};
+ApexFilterRow.styles = styles;
+__decorate([
+    contextProvided({ context: gridStateContext, subscribe: true }),
+    property({ attribute: false })
+], ApexFilterRow.prototype, "state", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexFilterRow.prototype, "active", void 0);
+__decorate([
+    query(IgcInputComponent.tagName)
+], ApexFilterRow.prototype, "input", void 0);
+__decorate([
+    query('#condition')
+], ApexFilterRow.prototype, "conditionElement", void 0);
+__decorate([
+    query(IgcDropdownComponent.tagName)
+], ApexFilterRow.prototype, "dropdown", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexFilterRow.prototype, "column", void 0);
+__decorate([
+    property({ attribute: false })
+], ApexFilterRow.prototype, "expression", void 0);
+__decorate([
+    watch('active', { waitUntilFirstUpdate: true })
+], ApexFilterRow.prototype, "activeChanged", null);
+ApexFilterRow = __decorate([
+    customElement(GRID_FILTER_ROW_TAG)
+], ApexFilterRow);
+export default ApexFilterRow;
+//# sourceMappingURL=filter-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-row.js","sourceRoot":"","sources":["../../../src/components/filter-row.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { contextProvided } from '@lit-labs/context';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { StateController, gridStateContext } from '../controllers/state.js';\nimport { PIPELINE, DEFAULT_COLUMN_CONFIG } from '../internal/constants.js';\nimport { GRID_FILTER_ROW_TAG } from '../internal/tags.js';\nimport { getFilterOperandsFor } from '../internal/utils.js';\nimport { watch } from '../internal/watch.js';\n\nimport styles from '../styles/filter-row/filter-row-styles.js';\n\nimport type { FilterExpressionTree } from '../operations/filter/tree.js';\nimport type { FilterExpression, FilterOperation } from '../operations/filter/types.js';\nimport type { ColumnConfiguration } from '../internal/types.js';\nimport {\n  IgcInputComponent,\n  IgcDropdownComponent,\n  IgcDropdownItemComponent,\n  IgcIconComponent,\n} from 'igniteui-webcomponents';\n\ntype ExpressionChipProps<T> = {\n  expression: FilterExpression<T>;\n  selected: boolean;\n  onRemove: Function;\n  onSelect: Function;\n};\n\nfunction prefixedIcon(icon?: string) {\n  return html`<igc-icon\n    slot=\"prefix\"\n    name=${ifDefined(icon)}\n    collection=\"internal\"\n  ></igc-icon>`;\n}\n\n@customElement(GRID_FILTER_ROW_TAG)\nexport default class ApexFilterRow<T extends object> extends LitElement {\n  public static get is() {\n    return GRID_FILTER_ROW_TAG;\n  }\n\n  public static override styles = styles;\n\n  @contextProvided({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  protected get isNumeric() {\n    return this.column.type === 'number';\n  }\n\n  protected get filterController() {\n    return this.state.filtering;\n  }\n\n  protected get condition() {\n    return this.expression.condition as FilterOperation<T, any>;\n  }\n\n  @property({ attribute: false })\n  public active = false;\n\n  @query(IgcInputComponent.tagName)\n  public input!: IgcInputComponent;\n\n  @query('#condition')\n  public conditionElement!: IgcIconComponent;\n\n  @query(IgcDropdownComponent.tagName)\n  public dropdown!: IgcDropdownComponent;\n\n  @property({ attribute: false })\n  public column: ColumnConfiguration<T> = DEFAULT_COLUMN_CONFIG;\n\n  @property({ attribute: false })\n  public expression!: FilterExpression<T>;\n\n  #setDefaultExpression() {\n    this.expression = this.filterController.getDefaultExpression(this.column);\n  }\n\n  #removeExpression(expression: FilterExpression<T>) {\n    this.filterController.removeExpression(expression);\n  }\n\n  async #show() {\n    this.active = true;\n\n    await this.updateComplete;\n    this.input.select();\n  }\n\n  #handleConditionChanged(event: CustomEvent<IgcDropdownItemComponent>) {\n    event.stopPropagation();\n\n    this.expression.condition = getFilterOperandsFor(this.column).get(event.detail.value as any);\n\n    if (this.input.value || this.expression.condition.unary) {\n      this.filterController.filterWithEvent(this.expression);\n    }\n\n    this.requestUpdate();\n  }\n\n  #handleInput(event: CustomEvent<string>) {\n    event.stopPropagation();\n\n    const value = this.isNumeric ? parseFloat(event.detail) : event.detail;\n    const shouldUpdate = this.isNumeric ? !isNaN(value as number) : !!value;\n\n    if (shouldUpdate) {\n      this.expression.searchTerm = value;\n      this.filterController.filterWithEvent(this.expression);\n    } else {\n      this.#removeExpression(this.expression);\n      this.state.host.requestUpdate(PIPELINE);\n    }\n    this.requestUpdate();\n  }\n\n  #handleKeydown(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    switch (event.key) {\n      case 'Enter':\n        this.input.value = '';\n        this.#setDefaultExpression();\n        return;\n      case 'Escape':\n        this.active = false;\n        return;\n      default:\n        return;\n    }\n  }\n\n  #handleResetClick() {\n    this.filterController.reset(this.column.key);\n    this.state.host.requestUpdate(PIPELINE);\n    this.requestUpdate();\n  }\n\n  #openDropdownList() {\n    this.dropdown.toggle(this.input);\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected activeChanged() {\n    this.style.display = this.active ? 'flex' : '';\n\n    if (!this.active) {\n      this.column = DEFAULT_COLUMN_CONFIG;\n    }\n\n    this.state.host.requestUpdate();\n  }\n\n  #chipCriteriaFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n\n      expression.criteria = expression.criteria === 'and' ? 'or' : 'and';\n      this.filterController.filterWithEvent(expression);\n      this.requestUpdate();\n    };\n  }\n\n  #chipSelectFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.expression = expression;\n      await this.updateComplete;\n      this.input.select();\n    };\n  }\n\n  #chipRemoveFor(expression: FilterExpression<T>) {\n    return async (e: Event) => {\n      e.stopPropagation();\n      this.#removeExpression(expression);\n\n      if (this.active && this.expression === expression) {\n        this.#setDefaultExpression();\n        await this.updateComplete;\n        this.input.focus();\n      }\n\n      this.state.host.requestUpdate(PIPELINE);\n      this.requestUpdate();\n    };\n  }\n\n  protected renderCriteriaButton(expr: FilterExpression<T>, index: number) {\n    return index\n      ? html`<igc-button\n          variant=\"flat\"\n          @click=${this.#chipCriteriaFor(expr)}\n        >\n          ${expr.criteria}\n        </igc-button>`\n      : nothing;\n  }\n\n  protected renderExpressionChip(props: ExpressionChipProps<T>) {\n    const { name, unary } = props.expression.condition as FilterOperation<T, any>;\n    const { searchTerm: term } = props.expression;\n\n    const prefix = html`<span slot=\"select\"></span>${prefixedIcon(name)}`;\n\n    return html`<igc-chip\n      selectable\n      removable\n      ?selected=${props.selected}\n      @igcRemove=${props.onRemove}\n      @igcSelect=${props.onSelect}\n    >\n      ${prefix}${unary ? name : term}\n    </igc-chip>`;\n  }\n\n  protected renderActiveChips() {\n    const state = this.filterController.get(this.column.key);\n\n    return !state\n      ? nothing\n      : Array.from(state).map((expression, idx) => {\n          const props: ExpressionChipProps<T> = {\n            expression,\n            selected: this.expression === expression,\n            onRemove: this.#chipRemoveFor(expression),\n            onSelect: this.#chipSelectFor(expression),\n          };\n\n          return html`${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(\n            props,\n          )}`;\n        });\n  }\n\n  protected renderFilterActions() {\n    return html`\n      <igc-button\n        id=\"reset\"\n        variant=\"flat\"\n        @click=${this.#handleResetClick}\n      >\n        ${prefixedIcon('refresh')} Reset\n      </igc-button>\n      <igc-button\n        id=\"close\"\n        variant=\"flat\"\n        @click=${() => (this.active = false)}\n      >\n        ${prefixedIcon('close')} Close\n      </igc-button>\n    `;\n  }\n\n  protected renderDropdown() {\n    return html`<igc-dropdown\n      flip\n      same-width\n      @igcChange=${this.#handleConditionChanged}\n      >${Array.from(getFilterOperandsFor(this.column)).map(\n        each => html`<igc-dropdown-item\n          .value=${each}\n          ?selected=${this.condition?.name === each}\n        >\n          ${prefixedIcon(each)}${each}\n        </igc-dropdown-item>`,\n      )}\n    </igc-dropdown>`;\n  }\n\n  protected renderDropdownTarget() {\n    return html`<igc-icon\n      id=\"condition\"\n      slot=\"prefix\"\n      collection=\"internal\"\n      .name=${this.condition.name}\n      @click=${this.#openDropdownList}\n    >\n    </igc-icon>`;\n  }\n\n  protected renderInputArea() {\n    return html`<igc-input\n        outlined\n        value=${ifDefined(this.expression.searchTerm)}\n        placeholder=\"Add filter value\"\n        ?readonly=${this.condition.unary}\n        @igcInput=${this.#handleInput}\n        @keydown=${this.#handleKeydown}\n      >\n        ${this.renderDropdownTarget()}\n      </igc-input>\n      ${this.renderDropdown()}`;\n  }\n\n  protected renderActiveState() {\n    return html`<div part=\"active-state\">\n      <div part=\"filter-row-input\">${this.renderInputArea()}</div>\n      <div part=\"filter-row-filters\">${this.renderActiveChips()}</div>\n      <div part=\"filter-row-actions\">${this.renderFilterActions()}</div>\n    </div> `;\n  }\n\n  protected renderInactiveChips(column: ColumnConfiguration<T>, state: FilterExpressionTree<T>) {\n    return Array.from(state).map((expression, idx) => {\n      const props: ExpressionChipProps<T> = {\n        expression,\n        selected: false,\n        onRemove: this.#chipRemoveFor(expression),\n        onSelect: (e: Event) => {\n          e.stopPropagation();\n          this.column = column;\n          this.expression = expression;\n          this.#show();\n        },\n      };\n\n      return html`${this.renderCriteriaButton(expression, idx)}${this.renderExpressionChip(props)}`;\n    });\n  }\n\n  protected renderFilterState(column: ColumnConfiguration<T>) {\n    const state = this.filterController.get(column.key);\n\n    const partial = state && state.length < 3;\n    const hidden = state && state.length >= 3;\n\n    const open = () => {\n      this.column = column;\n      this.#setDefaultExpression();\n      this.#show();\n    };\n\n    const count = hidden ? html`<span slot=\"suffix\">${state.length}</span>` : nothing;\n    const chip = html`<igc-chip\n      data-column=${column.key}\n      @click=${open}\n      >${prefixedIcon('filter')}Filter${count}</igc-chip\n    >`;\n\n    return partial ? this.renderInactiveChips(column, state) : chip;\n  }\n\n  protected renderInactiveState() {\n    return this.state.host.columns.map(column =>\n      column.hidden\n        ? nothing\n        : html`<div part=\"filter-row-preview\">\n            ${column.filter ? this.renderFilterState(column) : nothing}\n          </div>`,\n    );\n  }\n\n  protected override render() {\n    return html`${this.active ? this.renderActiveState() : this.renderInactiveState()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexFilterRow.is]: ApexFilterRow<object>;\n  }\n}\n"]}

package/dist/src/components/grid-body.d.ts

@@ -0,0 +1,12 @@
+import { LitVirtualizer } from '@lit-labs/virtualizer';
+export default class ApexGridBody extends LitVirtualizer {
+    static get is(): "apex-grid-body";
+    scroller: boolean;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [ApexGridBody.is]: ApexGridBody;
+    }
+}
+//# sourceMappingURL=grid-body.d.ts.map

package/dist/src/components/grid-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-body.d.ts","sourceRoot":"","sources":["../../../src/components/grid-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,cAAc;IACtD,WAAkB,EAAE,qBAEnB;IAEe,QAAQ,UAAQ;IAEhB,iBAAiB;CAIlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC;KACjC;CACF"}

package/dist/src/components/grid-body.js

@@ -0,0 +1,27 @@
+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 { LitVirtualizer } from '@lit-labs/virtualizer';
+import { customElement } from 'lit/decorators.js';
+import { GRID_BODY_TAG } from '../internal/tags.js';
+let ApexGridBody = class ApexGridBody extends LitVirtualizer {
+    constructor() {
+        super(...arguments);
+        this.scroller = true;
+    }
+    static get is() {
+        return GRID_BODY_TAG;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('tabindex', '0');
+    }
+};
+ApexGridBody = __decorate([
+    customElement(GRID_BODY_TAG)
+], ApexGridBody);
+export default ApexGridBody;
+//# sourceMappingURL=grid-body.js.map

package/dist/src/components/grid-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-body.js","sourceRoot":"","sources":["../../../src/components/grid-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAAzC;;QAKG,aAAQ,GAAG,IAAI,CAAC;IAMlC,CAAC;IAVQ,MAAM,KAAK,EAAE;QAClB,OAAO,aAAa,CAAC;IACvB,CAAC;IAIe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;CACF,CAAA;AAXoB,YAAY;IADhC,aAAa,CAAC,aAAa,CAAC;GACR,YAAY,CAWhC;eAXoB,YAAY","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer';\nimport { customElement } from 'lit/decorators.js';\nimport { GRID_BODY_TAG } from '../internal/tags.js';\n\n@customElement(GRID_BODY_TAG)\nexport default class ApexGridBody extends LitVirtualizer {\n  public static get is() {\n    return GRID_BODY_TAG;\n  }\n\n  public override scroller = true;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('tabindex', '0');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridBody.is]: ApexGridBody;\n  }\n}\n"]}