apex-grid 1.0.1 → 2.0.0

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

@@ -1,226 +0,0 @@
-import { nothing } from 'lit';
-import { ContextProvider } from '@lit-labs/context';
-import { StateController } from '../controllers/state.js';
-import { DataOperationsController } from '../controllers/data-operation.js';
-import { GridDOMController } from '../controllers/dom.js';
-import { EventEmitterBase } from '../internal/mixins/event-emitter.js';
-import type { ColumnConfiguration, DataPipelineConfiguration, GridSortConfiguration, Keys } from '../internal/types.js';
-import type { FilterExpression } from '../operations/filter/types.js';
-import type { SortExpression } from '../operations/sort/types.js';
-import ApexVirtualizer from './virtualizer.js';
-import ApexGridHeaderRow from './header-row.js';
-import ApexGridRow from './row.js';
-import ApexFilterRow from './filter-row.js';
-/**
- * Event object for the filtering event of the grid.
- */
-export interface ApexFilteringEvent<T extends object> {
-    /**
-     * The target column for the filter operation.
-     */
-    key: Keys<T>;
-    /**
-     * The filter expression(s) to apply.
-     */
-    expressions: FilterExpression<T>[];
-    /**
-     * The type of modification which will be applied to the filter
-     * state of the column.
-     *
-     * @remarks
-     * `add` - a new filter expression will be added to the state of the column.
-     * `modify` - an existing filter expression will be modified.
-     * `remove` - the expression(s) will be removed from the state of the column.
-     */
-    type: 'add' | 'modify' | 'remove';
-}
-/**
- * Event object for the filtered event of the grid.
- */
-export interface ApexFilteredEvent<T extends object> {
-    /**
-     * The target column for the filter operation.
-     */
-    key: Keys<T>;
-    /**
-     * The filter state of the column after the operation.
-     */
-    state: FilterExpression<T>[];
-}
-/**
- * Events for the apex-grid.
- */
-export interface ApexGridEventMap<T extends object> {
-    /**
-     * Emitted when sorting is initiated through the UI.
-     * Returns the sort expression which will be used for the operation.
-     *
-     * @remarks
-     * The event is cancellable which prevents the operation from being applied.
-     * The expression can be modified prior to the operation running.
-     *
-     * @event
-     */
-    sorting: CustomEvent<SortExpression<T>>;
-    /**
-     * Emitted when a sort operation initiated through the UI has completed.
-     * Returns the sort expression used for the operation.
-     *
-     * @event
-     */
-    sorted: CustomEvent<SortExpression<T>>;
-    /**
-     * Emitted when filtering is initiated through the UI.
-     *
-     * @remarks
-     * The event is cancellable which prevents the operation from being applied.
-     * The expression can be modified prior to the operation running.
-     *
-     * @event
-     */
-    filtering: CustomEvent<ApexFilteringEvent<T>>;
-    /**
-     * Emitted when a filter operation initiated through the UI has completed.
-     * Returns the filter state for the affected column.
-     *
-     * @event
-     */
-    filtered: CustomEvent<ApexFilteredEvent<T>>;
-}
-/**
- * Apex grid is a web component for displaying data in a tabular format quick and easy.
- *
- * Out of the box it provides row virtualization, sort and filter operations (client and server side),
- * the ability to template cells and headers and column hiding.
- *
- * @element apex-grid
- *
- * @fires sorting - Emitted when sorting is initiated through the UI.
- * @fires sorted - Emitted when a sort operation initiated through the UI has completed.
- * @fires filtering - Emitted when filtering is initiated through the UI.
- * @fires filtered - Emitted when a filter operation initiated through the UI has completed.
- *
- */
-export declare class ApexGrid<T extends object> extends EventEmitterBase<ApexGridEventMap<T>> {
-    static get is(): "apex-grid";
-    static styles: import("lit").CSSResult;
-    static register(): void;
-    protected stateController: StateController<T>;
-    protected DOM: GridDOMController<T>;
-    protected dataController: DataOperationsController<T>;
-    protected stateProvider: ContextProvider<{
-        __context__: StateController<any>;
-    }>;
-    protected scrollContainer: ApexVirtualizer;
-    protected headerRow: ApexGridHeaderRow<T>;
-    protected filterRow: ApexFilterRow<T>;
-    protected dataState: Array<T>;
-    protected _rows: NodeListOf<ApexGridRow<T>>;
-    /** Column configuration for the grid. */
-    columns: Array<ColumnConfiguration<T>>;
-    /** The data source for the grid. */
-    data: Array<T>;
-    /**
-     * Whether the grid will try to "resolve" its column configuration based on the passed
-     * data source.
-     *
-     * @remarks
-     * This is usually executed on initial rendering in the DOM. It depends on having an existing data source
-     * to infer the column configuration for the grid.
-     * Passing an empty data source or having a late bound data source (such as a HTTP request) will usually
-     * result in empty column configuration for the grid.
-     *
-     * This property is ignored if any existing column configuration already exists in the grid.
-     *
-     * In a scenario where you want to bind a new data source and still keep the auto-generation behavior,
-     * make sure to reset the column collection of the grid before passing in the new data source.
-     *
-     * @example
-     * ```typescript
-     * // assuming autoGenerate is set to true
-     * grid.columns = [];
-     * grid.data = [...];
-     * ```
-     *
-     * @attr auto-generate
-     */
-    autoGenerate: boolean;
-    /** Sort configuration property for the grid. */
-    sortConfiguration: GridSortConfiguration;
-    /**
-     * Configuration object which controls remote data operations for the grid.
-     */
-    dataPipelineConfiguration: DataPipelineConfiguration<T>;
-    /**
-     * Set the sort state for the grid.
-     */
-    set sortExpressions(expressions: SortExpression<T>[]);
-    /**
-     * Get the sort state for the grid.
-     */
-    get sortExpressions(): SortExpression<T>[];
-    /**
-     * Set the filter state for the grid.
-     */
-    set filterExpressions(expressions: FilterExpression<T>[]);
-    /**
-     * Get the filter state for the grid.
-     */
-    get filterExpressions(): FilterExpression<T>[];
-    /**
-     * Returns the collection of rendered row elements in the grid.
-     *
-     * @remarks
-     * Since the grid has virtualization, this property returns only the currently rendered
-     * chunk of elements in the DOM.
-     */
-    get rows(): ApexGridRow<T>[];
-    /**
-     * Returns the state of the data source after sort/filter operations
-     * have been applied.
-     */
-    get dataView(): ReadonlyArray<T>;
-    /**
-     * The total number of items in the {@link ApexGrid.dataView} collection.
-     */
-    get totalItems(): number;
-    protected watchColumns(_: ColumnConfiguration<T>[], newConfig?: ColumnConfiguration<T>[]): void;
-    protected dataChanged(): void;
-    protected pipeline(): Promise<void>;
-    /**
-     * Performs a filter operation in the grid based on the passed expression(s).
-     */
-    filter(config: FilterExpression<T> | FilterExpression<T>[]): void;
-    /**
-     * Performs a sort operation in the grid based on the passed expression(s).
-     */
-    sort(expressions: SortExpression<T> | SortExpression<T>[]): void;
-    /**
-     * Resets the current sort state of the control.
-     */
-    clearSort(key?: Keys<T>): void;
-    /**
-     * Resets the current filter state of the control.
-     */
-    clearFilter(key?: Keys<T>): void;
-    /**
-     * Returns a {@link ColumnConfiguration} for a given column.
-     */
-    getColumn(id: Keys<T> | number): ColumnConfiguration<T> | undefined;
-    /**
-     * Updates the column configuration of the grid.
-     */
-    updateColumns(columns: ColumnConfiguration<T> | ColumnConfiguration<T>[]): void;
-    protected bodyClickHandler(event: MouseEvent): void;
-    protected bodyKeydownHandler(event: KeyboardEvent): void;
-    protected renderHeaderRow(): import("lit-html").TemplateResult<1>;
-    protected renderBody(): import("lit-html").TemplateResult<1>;
-    protected renderFilterRow(): typeof nothing | import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [ApexGrid.is]: ApexGrid<object>;
-    }
-}
-//# sourceMappingURL=grid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid.ts"],"names":[],"mappings":"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"}

package/dist/src/components/grid.js

@@ -1,309 +0,0 @@
-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, nothing } from 'lit';
-import { ContextProvider } from '@lit-labs/context';
-import { eventOptions, property, query, queryAll, state } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { GRID_TAG } from '../internal/tags.js';
-import { StateController, gridStateContext } from '../controllers/state.js';
-import { DataOperationsController } from '../controllers/data-operation.js';
-import { GridDOMController } from '../controllers/dom.js';
-import { EventEmitterBase } from '../internal/mixins/event-emitter.js';
-import { watch } from '../internal/watch.js';
-import { DEFAULT_COLUMN_CONFIG, PIPELINE } from '../internal/constants.js';
-import { asArray, autoGenerateColumns, getFilterOperandsFor } from '../internal/utils.js';
-import { registerComponent } from '../internal/register.js';
-import { styles as bootstrap } from '../styles/grid/themes/light/grid.bootstrap-styles.css.js';
-import { styles as fluent } from '../styles/grid/themes/light/grid.fluent-styles.css.js';
-import { styles as indigo } from '../styles/grid/themes/light/grid.indigo-styles.css.js';
-import { styles as material } from '../styles/grid/themes/light/grid.material-styles.css.js';
-import ApexVirtualizer from './virtualizer.js';
-import ApexGridHeaderRow from './header-row.js';
-import ApexGridRow from './row.js';
-import ApexGridCell from './cell.js';
-import ApexFilterRow from './filter-row.js';
-import { themes } from 'igniteui-webcomponents/theming/theming-decorator.js';
-import { defineComponents, IgcButtonComponent, IgcChipComponent, IgcDropdownComponent, IgcInputComponent, IgcIconComponent, } from 'igniteui-webcomponents';
-/**
- * Apex grid is a web component for displaying data in a tabular format quick and easy.
- *
- * Out of the box it provides row virtualization, sort and filter operations (client and server side),
- * the ability to template cells and headers and column hiding.
- *
- * @element apex-grid
- *
- * @fires sorting - Emitted when sorting is initiated through the UI.
- * @fires sorted - Emitted when a sort operation initiated through the UI has completed.
- * @fires filtering - Emitted when filtering is initiated through the UI.
- * @fires filtered - Emitted when a filter operation initiated through the UI has completed.
- *
- */
-let ApexGrid = class ApexGrid extends EventEmitterBase {
-    constructor() {
-        super(...arguments);
-        this.stateController = new StateController(this);
-        this.DOM = new GridDOMController(this, this.stateController);
-        this.dataController = new DataOperationsController(this);
-        this.stateProvider = new ContextProvider(this, {
-            context: gridStateContext,
-            initialValue: this.stateController,
-        });
-        this.dataState = [];
-        /** Column configuration for the grid. */
-        this.columns = [];
-        /** The data source for the grid. */
-        this.data = [];
-        /**
-         * Whether the grid will try to "resolve" its column configuration based on the passed
-         * data source.
-         *
-         * @remarks
-         * This is usually executed on initial rendering in the DOM. It depends on having an existing data source
-         * to infer the column configuration for the grid.
-         * Passing an empty data source or having a late bound data source (such as a HTTP request) will usually
-         * result in empty column configuration for the grid.
-         *
-         * This property is ignored if any existing column configuration already exists in the grid.
-         *
-         * In a scenario where you want to bind a new data source and still keep the auto-generation behavior,
-         * make sure to reset the column collection of the grid before passing in the new data source.
-         *
-         * @example
-         * ```typescript
-         * // assuming autoGenerate is set to true
-         * grid.columns = [];
-         * grid.data = [...];
-         * ```
-         *
-         * @attr auto-generate
-         */
-        this.autoGenerate = false;
-        /** Sort configuration property for the grid. */
-        this.sortConfiguration = {
-            multiple: true,
-            triState: true,
-        };
-    }
-    static get is() {
-        return GRID_TAG;
-    }
-    static register() {
-        registerComponent(this, [ApexVirtualizer, ApexGridRow, ApexGridHeaderRow, ApexFilterRow]);
-        defineComponents(IgcButtonComponent, IgcChipComponent, IgcInputComponent, IgcDropdownComponent, IgcIconComponent);
-    }
-    /**
-     * Set the sort state for the grid.
-     */
-    set sortExpressions(expressions) {
-        if (expressions.length) {
-            this.sort(expressions);
-        }
-    }
-    /**
-     * Get the sort state for the grid.
-     */
-    get sortExpressions() {
-        return Array.from(this.stateController.sorting.state.values());
-    }
-    /**
-     * Set the filter state for the grid.
-     */
-    set filterExpressions(expressions) {
-        if (expressions.length) {
-            this.filter(expressions);
-        }
-    }
-    /**
-     * Get the filter state for the grid.
-     */
-    get filterExpressions() {
-        return this.stateController.filtering.state.values.reduce((prev, curr) => [...prev, ...curr.all], []);
-    }
-    /**
-     * Returns the collection of rendered row elements in the grid.
-     *
-     * @remarks
-     * Since the grid has virtualization, this property returns only the currently rendered
-     * chunk of elements in the DOM.
-     */
-    get rows() {
-        return Array.from(this._rows);
-    }
-    /**
-     * Returns the state of the data source after sort/filter operations
-     * have been applied.
-     */
-    get dataView() {
-        return this.dataState;
-    }
-    /**
-     * The total number of items in the {@link ApexGrid.dataView} collection.
-     */
-    get totalItems() {
-        return this.dataState.length;
-    }
-    watchColumns(_, newConfig = []) {
-        this.columns = newConfig.map(config => ({ ...DEFAULT_COLUMN_CONFIG, ...config }));
-    }
-    dataChanged() {
-        this.dataState = structuredClone(this.data);
-        autoGenerateColumns(this);
-        if (this.hasUpdated) {
-            this.pipeline();
-        }
-    }
-    async pipeline() {
-        this.dataState = await this.dataController.apply(structuredClone(this.data), this.stateController);
-    }
-    /**
-     * Performs a filter operation in the grid based on the passed expression(s).
-     */
-    filter(config) {
-        this.stateController.filtering.filter(asArray(config).map(each => typeof each.condition === 'string'
-            ? // XXX: Types
-                Object.assign(each, {
-                    condition: getFilterOperandsFor(this.getColumn(each.key))[each.condition],
-                })
-            : each));
-    }
-    /**
-     * Performs a sort operation in the grid based on the passed expression(s).
-     */
-    sort(expressions) {
-        this.stateController.sorting.sort(expressions);
-    }
-    /**
-     * Resets the current sort state of the control.
-     */
-    clearSort(key) {
-        this.stateController.sorting.reset(key);
-        this.requestUpdate(PIPELINE);
-    }
-    /**
-     * Resets the current filter state of the control.
-     */
-    clearFilter(key) {
-        this.stateController.filtering.reset(key);
-        this.requestUpdate(PIPELINE);
-    }
-    /**
-     * Returns a {@link ColumnConfiguration} for a given column.
-     */
-    getColumn(id) {
-        return typeof id === 'number'
-            ? this.columns.at(id)
-            : this.columns.find(({ key }) => key === id);
-    }
-    /**
-     * Updates the column configuration of the grid.
-     */
-    updateColumns(columns) {
-        asArray(columns).forEach(column => {
-            const idx = this.columns.findIndex(original => original.key === column.key);
-            this.columns[idx] = { ...this.columns[idx], ...column };
-        });
-        this.requestUpdate(PIPELINE);
-    }
-    bodyClickHandler(event) {
-        const target = event.composedPath().find(el => el instanceof ApexGridCell);
-        if (target) {
-            this.stateController.active = {
-                column: target.column.key,
-                row: target.row.index,
-            };
-        }
-    }
-    bodyKeydownHandler(event) {
-        if (this.scrollContainer.isSameNode(event.target)) {
-            this.stateController.navigation.navigate(event);
-        }
-    }
-    renderHeaderRow() {
-        return html `<apex-grid-header-row
-      style=${styleMap(this.DOM.columnSizes)}
-      .columns=${this.columns}
-    ></apex-grid-header-row>`;
-    }
-    renderBody() {
-        return html `
-      <apex-virtualizer
-        .items=${this.dataState}
-        .renderItem=${this.DOM.rowRenderer}
-        @click=${this.bodyClickHandler}
-        @keydown=${this.bodyKeydownHandler}
-      ></apex-virtualizer>
-    `;
-    }
-    renderFilterRow() {
-        return this.columns.some(column => column.filter)
-            ? html `<apex-filter-row style=${styleMap(this.DOM.columnSizes)}></apex-filter-row>`
-            : nothing;
-    }
-    render() {
-        return html ` ${this.stateController.resizing.renderIndicator()} ${this.renderHeaderRow()}
-    ${this.renderFilterRow()} ${this.renderBody()}`;
-    }
-};
-ApexGrid.styles = bootstrap;
-__decorate([
-    query(ApexVirtualizer.is)
-], ApexGrid.prototype, "scrollContainer", void 0);
-__decorate([
-    query(ApexGridHeaderRow.is)
-], ApexGrid.prototype, "headerRow", void 0);
-__decorate([
-    query(ApexFilterRow.is)
-], ApexGrid.prototype, "filterRow", void 0);
-__decorate([
-    state()
-], ApexGrid.prototype, "dataState", void 0);
-__decorate([
-    queryAll(ApexGridRow.is)
-], ApexGrid.prototype, "_rows", void 0);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "columns", void 0);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "data", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'auto-generate' })
-], ApexGrid.prototype, "autoGenerate", void 0);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "sortConfiguration", void 0);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "dataPipelineConfiguration", void 0);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "sortExpressions", null);
-__decorate([
-    property({ attribute: false })
-], ApexGrid.prototype, "filterExpressions", null);
-__decorate([
-    watch('columns')
-], ApexGrid.prototype, "watchColumns", null);
-__decorate([
-    watch('data')
-], ApexGrid.prototype, "dataChanged", null);
-__decorate([
-    watch(PIPELINE)
-], ApexGrid.prototype, "pipeline", null);
-__decorate([
-    eventOptions({ capture: true })
-], ApexGrid.prototype, "bodyClickHandler", null);
-ApexGrid = __decorate([
-    themes({
-        bootstrap,
-        fluent,
-        indigo,
-        material,
-    })
-], ApexGrid);
-export { ApexGrid };
-//# sourceMappingURL=grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/components/grid.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { ContextProvider } from '@lit-labs/context';\nimport { eventOptions, property, query, queryAll, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { GRID_TAG } from '../internal/tags.js';\nimport { StateController, gridStateContext } from '../controllers/state.js';\nimport { DataOperationsController } from '../controllers/data-operation.js';\nimport { GridDOMController } from '../controllers/dom.js';\nimport { EventEmitterBase } from '../internal/mixins/event-emitter.js';\nimport { watch } from '../internal/watch.js';\nimport { DEFAULT_COLUMN_CONFIG, PIPELINE } from '../internal/constants.js';\nimport { asArray, autoGenerateColumns, getFilterOperandsFor } from '../internal/utils.js';\n\nimport type {\n  ColumnConfiguration,\n  DataPipelineConfiguration,\n  GridSortConfiguration,\n  Keys,\n} from '../internal/types.js';\nimport type { FilterExpression } from '../operations/filter/types.js';\nimport type { SortExpression } from '../operations/sort/types.js';\n\nimport { registerComponent } from '../internal/register.js';\n\nimport { styles as bootstrap } from '../styles/grid/themes/light/grid.bootstrap-styles.css.js';\nimport { styles as fluent } from '../styles/grid/themes/light/grid.fluent-styles.css.js';\nimport { styles as indigo } from '../styles/grid/themes/light/grid.indigo-styles.css.js';\nimport { styles as material } from '../styles/grid/themes/light/grid.material-styles.css.js';\n\nimport ApexVirtualizer from './virtualizer.js';\nimport ApexGridHeaderRow from './header-row.js';\nimport ApexGridRow from './row.js';\nimport ApexGridCell from './cell.js';\nimport ApexFilterRow from './filter-row.js';\n\nimport { themes } from 'igniteui-webcomponents/theming/theming-decorator.js';\nimport {\n  defineComponents,\n  IgcButtonComponent,\n  IgcChipComponent,\n  IgcDropdownComponent,\n  IgcInputComponent,\n  IgcIconComponent,\n} from 'igniteui-webcomponents';\n\n/**\n * Event object for the filtering event of the grid.\n */\nexport interface ApexFilteringEvent<T extends object> {\n  /**\n   * The target column for the filter operation.\n   */\n  key: Keys<T>;\n\n  /**\n   * The filter expression(s) to apply.\n   */\n  expressions: FilterExpression<T>[];\n\n  /**\n   * The type of modification which will be applied to the filter\n   * state of the column.\n   *\n   * @remarks\n   * `add` - a new filter expression will be added to the state of the column.\n   * `modify` - an existing filter expression will be modified.\n   * `remove` - the expression(s) will be removed from the state of the column.\n   */\n  type: 'add' | 'modify' | 'remove';\n}\n\n/**\n * Event object for the filtered event of the grid.\n */\nexport interface ApexFilteredEvent<T extends object> {\n  /**\n   * The target column for the filter operation.\n   */\n  key: Keys<T>;\n\n  /**\n   * The filter state of the column after the operation.\n   */\n  state: FilterExpression<T>[];\n}\n\n/**\n * Events for the apex-grid.\n */\nexport interface ApexGridEventMap<T extends object> {\n  /**\n   * Emitted when sorting is initiated through the UI.\n   * Returns the sort expression which will be used for the operation.\n   *\n   * @remarks\n   * The event is cancellable which prevents the operation from being applied.\n   * The expression can be modified prior to the operation running.\n   *\n   * @event\n   */\n  sorting: CustomEvent<SortExpression<T>>;\n  /**\n   * Emitted when a sort operation initiated through the UI has completed.\n   * Returns the sort expression used for the operation.\n   *\n   * @event\n   */\n  sorted: CustomEvent<SortExpression<T>>;\n  /**\n   * Emitted when filtering is initiated through the UI.\n   *\n   * @remarks\n   * The event is cancellable which prevents the operation from being applied.\n   * The expression can be modified prior to the operation running.\n   *\n   * @event\n   */\n  filtering: CustomEvent<ApexFilteringEvent<T>>;\n  /**\n   * Emitted when a filter operation initiated through the UI has completed.\n   * Returns the filter state for the affected column.\n   *\n   * @event\n   */\n  filtered: CustomEvent<ApexFilteredEvent<T>>;\n}\n\n/**\n * Apex grid is a web component for displaying data in a tabular format quick and easy.\n *\n * Out of the box it provides row virtualization, sort and filter operations (client and server side),\n * the ability to template cells and headers and column hiding.\n *\n * @element apex-grid\n *\n * @fires sorting - Emitted when sorting is initiated through the UI.\n * @fires sorted - Emitted when a sort operation initiated through the UI has completed.\n * @fires filtering - Emitted when filtering is initiated through the UI.\n * @fires filtered - Emitted when a filter operation initiated through the UI has completed.\n *\n */\n@themes({\n  bootstrap,\n  fluent,\n  indigo,\n  material,\n})\nexport class ApexGrid<T extends object> extends EventEmitterBase<ApexGridEventMap<T>> {\n  public static get is() {\n    return GRID_TAG;\n  }\n\n  public static override styles = bootstrap;\n\n  public static register() {\n    registerComponent(this, [ApexVirtualizer, ApexGridRow, ApexGridHeaderRow, ApexFilterRow]);\n    defineComponents(\n      IgcButtonComponent,\n      IgcChipComponent,\n      IgcInputComponent,\n      IgcDropdownComponent,\n      IgcIconComponent,\n    );\n  }\n\n  protected stateController = new StateController<T>(this);\n  protected DOM = new GridDOMController<T>(this, this.stateController);\n  protected dataController = new DataOperationsController<T>(this);\n\n  protected stateProvider = new ContextProvider(this, {\n    context: gridStateContext,\n    initialValue: this.stateController,\n  });\n\n  @query(ApexVirtualizer.is)\n  protected scrollContainer!: ApexVirtualizer;\n\n  @query(ApexGridHeaderRow.is)\n  protected headerRow!: ApexGridHeaderRow<T>;\n\n  @query(ApexFilterRow.is)\n  protected filterRow!: ApexFilterRow<T>;\n\n  @state()\n  protected dataState: Array<T> = [];\n\n  @queryAll(ApexGridRow.is)\n  protected _rows!: NodeListOf<ApexGridRow<T>>;\n\n  /** Column configuration for the grid. */\n  @property({ attribute: false })\n  public columns: Array<ColumnConfiguration<T>> = [];\n\n  /** The data source for the grid. */\n  @property({ attribute: false })\n  public data: Array<T> = [];\n\n  /**\n   * Whether the grid will try to \"resolve\" its column configuration based on the passed\n   * data source.\n   *\n   * @remarks\n   * This is usually executed on initial rendering in the DOM. It depends on having an existing data source\n   * to infer the column configuration for the grid.\n   * Passing an empty data source or having a late bound data source (such as a HTTP request) will usually\n   * result in empty column configuration for the grid.\n   *\n   * This property is ignored if any existing column configuration already exists in the grid.\n   *\n   * In a scenario where you want to bind a new data source and still keep the auto-generation behavior,\n   * make sure to reset the column collection of the grid before passing in the new data source.\n   *\n   * @example\n   * ```typescript\n   * // assuming autoGenerate is set to true\n   * grid.columns = [];\n   * grid.data = [...];\n   * ```\n   *\n   * @attr auto-generate\n   */\n  @property({ type: Boolean, attribute: 'auto-generate' })\n  public autoGenerate = false;\n\n  /** Sort configuration property for the grid. */\n  @property({ attribute: false })\n  public sortConfiguration: GridSortConfiguration = {\n    multiple: true,\n    triState: true,\n  };\n\n  /**\n   * Configuration object which controls remote data operations for the grid.\n   */\n  @property({ attribute: false })\n  public dataPipelineConfiguration!: DataPipelineConfiguration<T>;\n\n  /**\n   * Set the sort state for the grid.\n   */\n  public set sortExpressions(expressions: SortExpression<T>[]) {\n    if (expressions.length) {\n      this.sort(expressions);\n    }\n  }\n\n  /**\n   * Get the sort state for the grid.\n   */\n  @property({ attribute: false })\n  public get sortExpressions(): SortExpression<T>[] {\n    return Array.from(this.stateController.sorting.state.values());\n  }\n\n  /**\n   * Set the filter state for the grid.\n   */\n  public set filterExpressions(expressions: FilterExpression<T>[]) {\n    if (expressions.length) {\n      this.filter(expressions);\n    }\n  }\n\n  /**\n   * Get the filter state for the grid.\n   */\n  @property({ attribute: false })\n  public get filterExpressions(): FilterExpression<T>[] {\n    return this.stateController.filtering.state.values.reduce<FilterExpression<T>[]>(\n      (prev, curr) => [...prev, ...curr.all],\n      [],\n    );\n  }\n\n  /**\n   * Returns the collection of rendered row elements in the grid.\n   *\n   * @remarks\n   * Since the grid has virtualization, this property returns only the currently rendered\n   * chunk of elements in the DOM.\n   */\n  public get rows() {\n    return Array.from(this._rows);\n  }\n\n  /**\n   * Returns the state of the data source after sort/filter operations\n   * have been applied.\n   */\n  public get dataView(): ReadonlyArray<T> {\n    return this.dataState;\n  }\n\n  /**\n   * The total number of items in the {@link ApexGrid.dataView} collection.\n   */\n  public get totalItems() {\n    return this.dataState.length;\n  }\n\n  @watch('columns')\n  protected watchColumns(_: ColumnConfiguration<T>[], newConfig: ColumnConfiguration<T>[] = []) {\n    this.columns = newConfig.map(config => ({ ...DEFAULT_COLUMN_CONFIG, ...config }));\n  }\n\n  @watch('data')\n  protected dataChanged() {\n    this.dataState = structuredClone(this.data);\n    autoGenerateColumns(this);\n\n    if (this.hasUpdated) {\n      this.pipeline();\n    }\n  }\n\n  @watch(PIPELINE)\n  protected async pipeline() {\n    this.dataState = await this.dataController.apply(\n      structuredClone(this.data),\n      this.stateController,\n    );\n  }\n\n  /**\n   * Performs a filter operation in the grid based on the passed expression(s).\n   */\n  public filter(config: FilterExpression<T> | FilterExpression<T>[]) {\n    this.stateController.filtering.filter(\n      asArray(config).map(each =>\n        typeof each.condition === 'string'\n          ? // XXX: Types\n            Object.assign(each, {\n              condition: (getFilterOperandsFor(this.getColumn(each.key)!) as any)[each.condition],\n            })\n          : each,\n      ),\n    );\n  }\n\n  /**\n   * Performs a sort operation in the grid based on the passed expression(s).\n   */\n  public sort(expressions: SortExpression<T> | SortExpression<T>[]) {\n    this.stateController.sorting.sort(expressions);\n  }\n\n  /**\n   * Resets the current sort state of the control.\n   */\n  public clearSort(key?: Keys<T>) {\n    this.stateController.sorting.reset(key);\n    this.requestUpdate(PIPELINE);\n  }\n\n  /**\n   * Resets the current filter state of the control.\n   */\n  public clearFilter(key?: Keys<T>) {\n    this.stateController.filtering.reset(key);\n    this.requestUpdate(PIPELINE);\n  }\n\n  /**\n   * Returns a {@link ColumnConfiguration} for a given column.\n   */\n  public getColumn(id: Keys<T> | number) {\n    return typeof id === 'number'\n      ? this.columns.at(id)\n      : this.columns.find(({ key }) => key === id);\n  }\n\n  /**\n   * Updates the column configuration of the grid.\n   */\n  public updateColumns(columns: ColumnConfiguration<T> | ColumnConfiguration<T>[]) {\n    asArray(columns).forEach(column => {\n      const idx = this.columns.findIndex(original => original.key === column.key);\n      this.columns[idx] = { ...this.columns[idx], ...column };\n    });\n    this.requestUpdate(PIPELINE);\n  }\n\n  @eventOptions({ capture: true })\n  protected bodyClickHandler(event: MouseEvent) {\n    const target = event.composedPath().find(el => el instanceof ApexGridCell) as ApexGridCell<T>;\n    if (target) {\n      this.stateController.active = {\n        column: target.column.key,\n        row: target.row.index,\n      };\n    }\n  }\n\n  protected bodyKeydownHandler(event: KeyboardEvent) {\n    if (this.scrollContainer.isSameNode(event.target as HTMLElement)) {\n      this.stateController.navigation.navigate(event);\n    }\n  }\n\n  protected renderHeaderRow() {\n    return html`<apex-grid-header-row\n      style=${styleMap(this.DOM.columnSizes)}\n      .columns=${this.columns}\n    ></apex-grid-header-row>`;\n  }\n\n  protected renderBody() {\n    return html`\n      <apex-virtualizer\n        .items=${this.dataState}\n        .renderItem=${this.DOM.rowRenderer}\n        @click=${this.bodyClickHandler}\n        @keydown=${this.bodyKeydownHandler}\n      ></apex-virtualizer>\n    `;\n  }\n\n  protected renderFilterRow() {\n    return this.columns.some(column => column.filter)\n      ? html`<apex-filter-row style=${styleMap(this.DOM.columnSizes)}></apex-filter-row>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html` ${this.stateController.resizing.renderIndicator()} ${this.renderHeaderRow()}\n    ${this.renderFilterRow()} ${this.renderBody()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGrid.is]: ApexGrid<object>;\n  }\n}\n"]}

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

@@ -1,24 +0,0 @@
-import { LitElement, PropertyValueMap } from 'lit';
-import { StateController } from '../controllers/state.js';
-import ApexGridHeader from './header.js';
-import type { ColumnConfiguration } from '../internal/types.js';
-export default class ApexGridHeaderRow<T extends object> extends LitElement {
-    #private;
-    static get is(): "apex-grid-header-row";
-    static styles: import("lit").CSSResult;
-    static register(): void;
-    protected _headers: NodeListOf<ApexGridHeader<T>>;
-    state: StateController<T>;
-    columns: Array<ColumnConfiguration<T>>;
-    get headers(): ApexGridHeader<T>[];
-    constructor();
-    connectedCallback(): void;
-    protected shouldUpdate(props: PropertyValueMap<this> | Map<PropertyKey, this>): boolean;
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [ApexGridHeaderRow.is]: ApexGridHeaderRow<object>;
-    }
-}
-//# sourceMappingURL=header-row.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-row.d.ts","sourceRoot":"","sources":["../../../src/components/header-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAW,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAIlE,OAAO,EAAoB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK5E,OAAO,cAAc,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,UAAU;;IACzE,WAAkB,EAAE,2BAEnB;IACD,OAAuB,MAAM,0BAAU;WAEzB,QAAQ;IAKtB,SAAS,CAAC,QAAQ,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAI5C,KAAK,EAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAG3B,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAM;IAEnD,IAAW,OAAO,wBAEjB;;IAOe,iBAAiB;cAcd,YAAY,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,OAAO;cAK7E,MAAM;CAc1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;KACnD;CACF"}