@digital-realty/ix-grid 1.2.35 → 1.2.36

package/dist/IxGrid.d.ts

@@ -67,11 +67,13 @@ export declare class IxGrid extends LitElement {
     refreshDataOnColumnVisibilityChange: boolean;
     filterValueChangeDebounceTime: number;
     hideColumnHeaders: boolean;
+    preservedQueryParamKeys: string[];
     filterMaxDate?: string;
     private filters;
     isColumnsReordering: boolean;
     isExpanded: boolean;
     displayColumns: Column[];
+    private defaultFilterKeys;
     private hashedTableState;
     private initialised;
     get isPersistable(): boolean;
@@ -94,12 +96,19 @@ export declare class IxGrid extends LitElement {
         responsive?: [string, string][] | undefined;
         flexGrow?: number | undefined;
     }[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handlePopState;
+    private updateSearchParamsFromUri;
+    private rebuildFiltersFromUri;
+    private dispatchChangeEvent;
     update(changedProperties: Map<string, any>): void;
     firstUpdated(): void;
     private checkLocalStorageUpdate;
     buildQueryFromFilters(): {
         [k: string]: string;
     };
+    rebuildQueryFromMatchingQuerystringParams(): Record<string, string>;
     private getColumnsToDisplayFromLocalStorage;
     private mapColumnsWithPersistedSettings;
     private removeOldLocalStorageValues;

package/dist/IxGrid.js

@@ -46,13 +46,40 @@ export class IxGrid extends LitElement {
         this.refreshDataOnColumnVisibilityChange = true;
         this.filterValueChangeDebounceTime = 300;
         this.hideColumnHeaders = false;
+        this.preservedQueryParamKeys = [];
         this.filterMaxDate = formatDate(new Date(), 'yyyy-MM-dd');
         this.filters = [];
         this.isColumnsReordering = false;
         this.isExpanded = false;
         this.displayColumns = [];
+        this.defaultFilterKeys = ['sort', 'order', 'page', 'size'];
         this.hashedTableState = '';
         this.initialised = false;
+        this.handlePopState = () => {
+            this.updateSearchParamsFromUri(true);
+            this.dispatchChangeEvent();
+        };
+        this.dispatchChangeEvent = () => {
+            const filters = this.filters.reduce((columnFilters, { columnField, value }) => ({
+                ...columnFilters,
+                [columnField]: value,
+            }), {});
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: {
+                    columnName: this.sortedColumn,
+                    sortOrder: this.sortDirection,
+                    page: this.page,
+                    pageSize: this.pageSize,
+                    filters,
+                    filtersOperators: this.filters.map((f) => ({
+                        columnField: f.columnField,
+                        operator: f.operatorValue,
+                    })),
+                },
+                bubbles: true,
+                composed: true,
+            }));
+        };
         this.renderColumnHeader = (column, nextColumn, index, length) => {
             const headerClasses = classMap({
                 header: true,
@@ -249,22 +276,25 @@ export class IxGrid extends LitElement {
             width: !column.width ? undefined : column.width,
         }));
     }
-    update(changedProperties) {
-        if (!this.initialised && this.columns.length > 0) {
-            this.displayColumns = [...this.columns];
-            this.checkLocalStorageUpdate();
-            this.initialised = true;
-        }
-        super.update(changedProperties);
+    connectedCallback() {
+        var _a;
+        (_a = super.connectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        window.addEventListener('popstate', this.handlePopState);
     }
-    firstUpdated() {
+    disconnectedCallback() {
+        var _a;
+        window.removeEventListener('popstate', this.handlePopState);
+        (_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    updateSearchParamsFromUri(rebuildFiltersFromUri = false) {
         if (this.readParamsFromURL) {
             const url = new URL(window.location.href);
             const searchParams = new URLSearchParams(url.search);
-            const sort = searchParams.get('sort');
-            const order = searchParams.get('order');
-            const page = searchParams.get('page');
-            const size = searchParams.get('size');
+            const [sortKey, orderKey, pageKey, sizeKey] = this.defaultFilterKeys;
+            const sort = searchParams.get(sortKey);
+            const order = searchParams.get(orderKey);
+            const page = searchParams.get(pageKey);
+            const size = searchParams.get(sizeKey);
             if (sort && order) {
                 this.sortedColumn = sort;
                 this.sortDirection = order;
@@ -275,7 +305,36 @@ export class IxGrid extends LitElement {
             if (size) {
                 this.pageSize = parseInt(size, 10) || this.defaultPageSize;
             }
+            if (rebuildFiltersFromUri) {
+                this.rebuildFiltersFromUri(searchParams);
+            }
+        }
+    }
+    rebuildFiltersFromUri(searchParams) {
+        const filters = [];
+        for (const [key, value] of searchParams.entries()) {
+            const isDefaultKey = this.defaultFilterKeys.includes(key);
+            const [columnField, operatorValue] = key.split('_');
+            if (!isDefaultKey && columnField && operatorValue) {
+                filters.push({
+                    columnField,
+                    operatorValue,
+                    value,
+                });
+            }
+        }
+        this.filters = filters;
+    }
+    update(changedProperties) {
+        if (!this.initialised && this.columns.length > 0) {
+            this.displayColumns = [...this.columns];
+            this.checkLocalStorageUpdate();
+            this.initialised = true;
         }
+        super.update(changedProperties);
+    }
+    firstUpdated() {
+        this.updateSearchParamsFromUri();
         this.removeOldLocalStorageValues();
     }
     checkLocalStorageUpdate() {
@@ -303,6 +362,19 @@ export class IxGrid extends LitElement {
         });
         return Object.fromEntries(params);
     }
+    rebuildQueryFromMatchingQuerystringParams() {
+        const params = new URLSearchParams();
+        if (this.preservedQueryParamKeys.length === 0)
+            return {};
+        const url = new URL(window.location.href);
+        const originalSearchParams = new URLSearchParams(url.search);
+        originalSearchParams.forEach((value, key) => {
+            if (this.preservedQueryParamKeys.includes(key)) {
+                params.append(key, value);
+            }
+        });
+        return Object.fromEntries(params);
+    }
     getColumnsToDisplayFromLocalStorage() {
         let columnsToDisplay = [];
         if (this.isPersistable) {
@@ -363,25 +435,7 @@ export class IxGrid extends LitElement {
     }
     async updatePage(refreshUrlParams = true) {
         var _a;
-        const filters = this.filters.reduce((columnFilters, { columnField, value }) => ({
-            ...columnFilters,
-            [columnField]: value,
-        }), {});
-        this.dispatchEvent(new CustomEvent('change', {
-            detail: {
-                columnName: this.sortedColumn,
-                sortOrder: this.sortDirection,
-                page: this.page,
-                pageSize: this.pageSize,
-                filters,
-                filtersOperators: this.filters.map((f) => ({
-                    columnField: f.columnField,
-                    operator: f.operatorValue,
-                })),
-            },
-            bubbles: true,
-            composed: true,
-        }));
+        this.dispatchChangeEvent();
         if (this.addParamsToURL && refreshUrlParams) {
             const urlParams = {
                 sort: this.sortedColumn,
@@ -389,6 +443,7 @@ export class IxGrid extends LitElement {
                 page: this.page.toString(),
                 size: this.pageSize.toString(),
                 ...this.buildQueryFromFilters(),
+                ...this.rebuildQueryFromMatchingQuerystringParams(),
             };
             const url = new URL(window.location.href);
             const gridSearchParams = new URLSearchParams(urlParams);
@@ -400,7 +455,7 @@ export class IxGrid extends LitElement {
                 ...gridSearchParams,
             ]);
             url.search = combinedParams.toString();
-            window.history.replaceState(null, '', url.toString());
+            window.history.pushState(null, '', url.toString());
         }
     }
     saveOriginalSearchParams(gridSearchParams) {
@@ -631,6 +686,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], IxGrid.prototype, "hideColumnHeaders", void 0);
+__decorate([
+    property({ type: Array })
+], IxGrid.prototype, "preservedQueryParamKeys", void 0);
 __decorate([
     property({ type: String })
 ], IxGrid.prototype, "filterMaxDate", void 0);

package/dist/IxGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxGrid.js","sourceRoot":"","sources":["../src/IxGrid.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport '@digital-realty/grid';\nimport type { GridItemModel } from '@digital-realty/grid';\nimport { columnHeaderRenderer } from '@digital-realty/grid/lit.js';\nimport { GridColumn } from '@digital-realty/grid/src/vaadin-grid-column.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-progress/ix-progress.js';\nimport { html, LitElement, nothing, render } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { formatDate } from 'date-fns/format.js';\nimport './components/IxGridColumnFilter.js';\nimport './components/IxGridDownloadMenu.js';\nimport './components/IxGridRowFilter.js';\nimport type { Filter } from './components/IxGridRowFilter.js';\nimport './components/IxPagination.js';\nimport { IxGridViewStyles } from './grid-view-styles.js';\nimport { copy } from './ix-grid-copy.js';\nimport { IxGridDownloadMenuItemModel } from './models/IxGridDownloadMenuItemModel.js';\n\nexport interface Row {\n  [key: string]: unknown;\n}\n\nexport type FilterOperator = 'equals' | 'contains';\n\nexport type DataType = 'string' | 'dateTime';\n\nexport type BodyRenderer = (\n  item: any,\n  model: GridItemModel<any>,\n  column: GridColumn\n) => any;\n\nexport interface Column {\n  name: string;\n  header: string;\n  bodyRenderer: BodyRenderer;\n  width?: string;\n  sortable?: boolean;\n  filterable?: boolean;\n  hidden?: boolean;\n  frozenToEnd?: boolean;\n  dataType?: DataType;\n  filterOperators?: FilterOperator[];\n  autoWidth?: boolean;\n  minWidth?: string;\n  maxWidth?: string;\n  responsive?: [string, string][];\n  flexGrow?: number;\n}\n\nexport interface FieldOperator {\n  columnField: string;\n  operator: FilterOperator;\n}\n\nexport class IxGrid extends LitElement {\n  static readonly styles = [IxGridViewStyles];\n\n  private defaultPageSize = 10;\n\n  private defaultPage = 1;\n\n  private originalSearchParams: URLSearchParams | undefined = undefined;\n\n  @query('vaadin-grid') grid!: HTMLElement;\n\n  @property({ type: Boolean, attribute: 'column-reordering-allowed' })\n  columnReorderingAllowed: boolean = false;\n\n  @property({ type: String }) variantClass = '';\n\n  @property({ type: Array }) readonly columns: Column[] = [];\n\n  @property({ type: Array }) rows: Row[] = [];\n\n  @property({ type: String }) defaultEmptyText = 'No data to display';\n\n  @property({ type: String }) sortedColumn = '';\n\n  @property({ type: String }) sortDirection = '';\n\n  @property({ type: Boolean }) hideHeader = false;\n\n  @property({ type: Boolean, attribute: 'hide-filters' }) hideFilters = false;\n\n  @property({ type: Number }) rowLimit: number = 0;\n\n  @property({ type: Number }) page = this.defaultPage;\n\n  @property({ type: Number }) pageSize = this.defaultPageSize;\n\n  @property({ type: Array }) pageSizes: number[] = [5, 10, 25, 100];\n\n  @property({ type: Number }) recordCount = 0;\n\n  @property({ type: String }) localStorageID: string | undefined = undefined;\n\n  @property({ type: Boolean }) showDownload = true;\n\n  @property({ type: Boolean }) isDownloading = false;\n\n  @property({ type: Boolean }) isLoading = false;\n\n  @property({ type: Array }) downloadMenuItems: IxGridDownloadMenuItemModel[] =\n    [];\n\n  @property({ type: Boolean, attribute: 'add-params-to-url' }) addParamsToURL =\n    true;\n\n  @property({ type: Boolean }) readParamsFromURL = false;\n\n  @property({ type: Boolean }) refreshDataOnColumnVisibilityChange: boolean =\n    true;\n\n  @property({ type: Number }) filterValueChangeDebounceTime: number = 300;\n\n  @property({ type: Boolean }) hideColumnHeaders = false;\n\n  @property({ type: String }) filterMaxDate?: string = formatDate(\n    new Date(),\n    'yyyy-MM-dd'\n  );\n\n  @state() private filters: Filter[] = [];\n\n  @state() isColumnsReordering = false;\n\n  @state() isExpanded = false;\n\n  @state() displayColumns: Column[] = [];\n\n  private hashedTableState: string = '';\n\n  private initialised = false;\n\n  get isPersistable() {\n    if (this.localStorageID) return true;\n\n    return false;\n  }\n\n  get columnNames() {\n    return this.columns.map((column: Column) => column.name);\n  }\n\n  get columnsLocalStorageKey() {\n    if (this.hashedTableState === '') {\n      const columnsWithoutFunctions = this.columns.map(\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ({ bodyRenderer, ...rest }) => rest\n      );\n      const serializedColumns = JSON.stringify(columnsWithoutFunctions);\n\n      let hash = 0;\n      for (let i = 0; i < serializedColumns.length; i += 1) {\n        // Update hash using prime number multiplier (31) for better distribution and ensure it doesn't exceed 32-bit integer\n        // eslint-disable-next-line no-bitwise\n        hash = (hash * 31 + serializedColumns.charCodeAt(i)) >>> 0;\n      }\n\n      // Convert the string to base36 for brevity\n      this.hashedTableState = hash.toString(36);\n    }\n\n    return `ix-grid-${this.localStorageID}-${this.hashedTableState}-columns`;\n  }\n\n  get arrangedColumns() {\n    let columnsToDisplay: Column[] = [];\n    columnsToDisplay = this.getColumnsToDisplayFromLocalStorage();\n\n    if (columnsToDisplay.length === 0) columnsToDisplay = [...this.columns];\n\n    return columnsToDisplay\n      .filter(col => col)\n      .map((column: Column) => ({\n        ...column,\n        width: !column.width ? undefined : column.width,\n      }));\n  }\n\n  update(changedProperties: Map<string, any>) {\n    if (!this.initialised && this.columns.length > 0) {\n      this.displayColumns = [...this.columns];\n      this.checkLocalStorageUpdate();\n      this.initialised = true;\n    }\n    super.update(changedProperties);\n  }\n\n  firstUpdated() {\n    if (this.readParamsFromURL) {\n      const url = new URL(window.location.href);\n      const searchParams = new URLSearchParams(url.search);\n      const sort = searchParams.get('sort');\n      const order = searchParams.get('order');\n      const page = searchParams.get('page');\n      const size = searchParams.get('size');\n\n      if (sort && order) {\n        this.sortedColumn = sort;\n        this.sortDirection = order;\n      }\n\n      if (page) {\n        this.page = parseInt(page, 10) || this.defaultPage;\n      }\n\n      if (size) {\n        this.pageSize = parseInt(size, 10) || this.defaultPageSize;\n      }\n    }\n\n    this.removeOldLocalStorageValues();\n  }\n\n  private checkLocalStorageUpdate(): void {\n    if (this.isPersistable) {\n      const preservedColumns = JSON.parse(\n        localStorage.getItem(this.columnsLocalStorageKey) || '[]'\n      );\n\n      if (preservedColumns.length > 0) {\n        let updateStorage = false;\n\n        // Scenarios where we should update appData with the latest display columns data\n        if (preservedColumns.length !== this.columns.length)\n          updateStorage = true;\n        const allColumnNamesFound =\n          this.columns.every(column =>\n            preservedColumns.some(pc => pc.name === column.name)\n          ) &&\n          preservedColumns.every(pc =>\n            this.columns.some(column => column.name === pc.name)\n          );\n        if (!allColumnNamesFound) updateStorage = true;\n\n        if (updateStorage) {\n          this.setColumnsToLocalStorage(this.columns);\n        }\n      }\n    }\n  }\n\n  buildQueryFromFilters() {\n    const params = new URLSearchParams();\n\n    this.filters.forEach((f: Filter) => {\n      params.append(`${f.columnField}_${f.operatorValue}`, f.value);\n    });\n\n    return Object.fromEntries(params);\n  }\n\n  private getColumnsToDisplayFromLocalStorage(): Column[] {\n    let columnsToDisplay: Column[] = [];\n    if (this.isPersistable) {\n      const preservedColumns = JSON.parse(\n        localStorage.getItem(this.columnsLocalStorageKey) || '[]'\n      );\n\n      if (preservedColumns.length > 0) {\n        columnsToDisplay =\n          this.mapColumnsWithPersistedSettings(preservedColumns);\n      }\n    }\n\n    return columnsToDisplay;\n  }\n\n  private mapColumnsWithPersistedSettings(\n    preservedColumns: Column[]\n  ): Column[] {\n    const preservedMap = new Map(preservedColumns.map(col => [col.name, col]));\n\n    const mappedColumns = this.columns.map(configuredColumn => {\n      const preservedColumn = preservedMap.get(configuredColumn.name);\n\n      if (!preservedColumn) {\n        return { ...configuredColumn };\n      }\n\n      return {\n        ...configuredColumn,\n        hidden: preservedColumn.hidden,\n        frozenToEnd: preservedColumn.frozenToEnd,\n        width: preservedColumn.width || undefined,\n      };\n    });\n\n    mappedColumns.sort((a, b) => {\n      const indexA = preservedColumns.findIndex(col => col.name === a.name);\n      const indexB = preservedColumns.findIndex(col => col.name === b.name);\n\n      if (indexA === -1 && indexB === -1) return 0;\n      if (indexA === -1) return 1;\n      if (indexB === -1) return -1;\n\n      return indexA - indexB;\n    });\n\n    return mappedColumns;\n  }\n\n  private removeOldLocalStorageValues() {\n    const oldKeys = this.findMatchingLocalStorageKeys(\n      `ix-grid-${this.localStorageID}-`,\n      '-columns',\n      this.hashedTableState\n    );\n    for (let i = 0; i <= oldKeys.length; i += 1) {\n      localStorage.removeItem(oldKeys[i]);\n    }\n  }\n\n  private findMatchingLocalStorageKeys(\n    prefix: string,\n    suffix: string,\n    currentTableStateHash: string\n  ): string[] {\n    const matchingKeys: string[] = [];\n    const currentKey = prefix + currentTableStateHash + suffix;\n\n    for (let i = 0; i < localStorage.length; i += 1) {\n      const key = localStorage.key(i);\n      if (\n        key &&\n        key.startsWith(prefix) &&\n        key.endsWith(suffix) &&\n        key !== currentKey\n      ) {\n        matchingKeys.push(key);\n      }\n    }\n\n    return matchingKeys;\n  }\n\n  private async updatePage(refreshUrlParams = true) {\n    const filters = this.filters.reduce(\n      (columnFilters: { [key: string]: string }, { columnField, value }) => ({\n        ...columnFilters,\n        [columnField]: value,\n      }),\n      {}\n    );\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          columnName: this.sortedColumn,\n          sortOrder: this.sortDirection,\n          page: this.page,\n          pageSize: this.pageSize,\n          filters,\n          filtersOperators: this.filters.map(\n            (f: Filter): FieldOperator => ({\n              columnField: f.columnField,\n              operator: <FilterOperator>f.operatorValue,\n            })\n          ),\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    if (this.addParamsToURL && refreshUrlParams) {\n      const urlParams: { [key: string]: string } = {\n        sort: this.sortedColumn,\n        order: this.sortDirection,\n        page: this.page.toString(),\n        size: this.pageSize.toString(),\n        ...this.buildQueryFromFilters(),\n      };\n\n      const url = new URL(window.location.href);\n      const gridSearchParams = new URLSearchParams(urlParams);\n\n      if (!this.originalSearchParams) {\n        this.saveOriginalSearchParams(gridSearchParams);\n      }\n\n      const combinedParams = new URLSearchParams([\n        ...(this.originalSearchParams ?? []),\n        ...gridSearchParams,\n      ]);\n      url.search = combinedParams.toString();\n      window.history.replaceState(null, '', url.toString());\n    }\n  }\n\n  saveOriginalSearchParams(gridSearchParams: URLSearchParams) {\n    const url = new URL(window.location.href);\n    const originalSearchParams = new URLSearchParams(url.search);\n\n    this.filters.forEach((f: Filter) => {\n      originalSearchParams.delete(`${f.columnField}_${f.operatorValue}`);\n    });\n\n    gridSearchParams.forEach((value, key) => {\n      originalSearchParams.delete(key);\n    });\n\n    this.originalSearchParams = originalSearchParams;\n  }\n\n  handleSort(column: string = '') {\n    if (this.sortedColumn !== column) {\n      this.sortDirection = 'asc';\n    } else {\n      this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n    }\n    this.sortedColumn = column;\n\n    this.updatePage();\n  }\n\n  private renderColumnHeader = (\n    column: Column,\n    nextColumn: Column,\n    index: number,\n    length: number\n  ) => {\n    const headerClasses = classMap({\n      header: true,\n      frozen: !!column.frozenToEnd,\n      first: index === 0,\n      last: index === length - 1,\n      border: !nextColumn?.frozenToEnd,\n    });\n\n    return html`\n      <div\n        @click=${() => column.sortable && this.handleSort(column.name)}\n        @keyDown=${() => column.sortable && this.handleSort(column.name)}\n        class=${headerClasses}\n      >\n        <span class=\"header-label\">${column.header}</span>\n        ${column.sortable\n          ? html`<ix-icon title=\"Sort\" class=\"header-sort-icon\"\n              >${this.sortDirection === 'desc' &&\n              this.sortedColumn === column.name\n                ? `arrow_upward`\n                : `arrow_downward`}</ix-icon\n            >`\n          : nothing}\n      </div>\n    `;\n  };\n\n  setColumnsToLocalStorage(columns: Column[]) {\n    if (this.isPersistable) {\n      localStorage.setItem(\n        this.columnsLocalStorageKey,\n        JSON.stringify(columns)\n      );\n    }\n  }\n\n  async reorderColumnsFromTable() {\n    const columns = [...this.arrangedColumns];\n    const visibleColumns = columns.filter(\n      (column: Column) => column.hidden !== true\n    );\n    const hiddenColumns = columns.filter(\n      (column: Column) => column.hidden === true\n    );\n    const frozenColumns = columns.filter(\n      (column: Column) => column.frozenToEnd === true\n    );\n\n    const allColumns = [\n      ...visibleColumns.filter(column => column?.frozenToEnd !== true),\n      ...hiddenColumns.filter(column => column?.frozenToEnd !== true),\n      ...frozenColumns,\n    ];\n\n    // calulate column order from table header flex order\n    const headerNodes = Array.from(\n      this.grid?.shadowRoot?.querySelectorAll('th') || []\n    );\n    if (headerNodes.length) {\n      const columnOrder = headerNodes\n        .map((el, id) => ({ id, flexPosition: Number(el.style.order) }))\n        .sort((a, b) => a.flexPosition - b.flexPosition)\n        .map(el => el.id);\n\n      const columnsCorrectlyOrdered = columnOrder.every(\n        (x, i) => i === 0 || x > columnOrder[i - 1]\n      );\n      let reorderedColumns: Column[] = [];\n      if (!columnsCorrectlyOrdered) {\n        reorderedColumns = columnOrder.map(id => allColumns[id]);\n        this.displayColumns = [\n          ...reorderedColumns.filter(\n            column => column.hidden !== true && column?.frozenToEnd !== true\n          ),\n          ...hiddenColumns.filter(column => column?.frozenToEnd !== true),\n          ...frozenColumns,\n        ];\n\n        this.isColumnsReordering = true;\n        await this.updateComplete;\n        this.isColumnsReordering = false;\n\n        this.setColumnsToLocalStorage(this.displayColumns);\n      }\n    }\n  }\n\n  async reorderColumnsFromFilter(e: CustomEvent) {\n    this.displayColumns = [...e.detail.reorderedColumns];\n    this.setColumnsToLocalStorage([...this.displayColumns]);\n\n    this.isColumnsReordering = true;\n    await this.updateComplete;\n    this.isColumnsReordering = false;\n  }\n\n  handleOnColumnFilter(e: CustomEvent) {\n    e.detail.columns.forEach((column: Column, id: number) => {\n      if (!this.displayColumns[id]) return;\n      this.displayColumns[id].hidden = column?.hidden;\n    });\n    this.displayColumns = [...this.displayColumns];\n    this.updatePage(false);\n  }\n\n  cellPartNameGenerator(_column: Column, model: { item: Row }): string {\n    let parts = '';\n    if (model.item.disabled) {\n      parts += ' ix-disabled-cell';\n    }\n    return parts;\n  }\n\n  private columnRenderer = (\n    column: Column,\n    root: HTMLElement,\n    columnElement: GridColumn,\n    model: any\n  ) => {\n    /*\n      Due to a quirk of vaadin-grid, in order for the column cells to react to\n      changes to bodyRenderer output, we must clear the contents of the cell\n      before rendering the new content. Otherwise the new content will be\n      appended to the existing content.\n    */\n    render(nothing, root);\n\n    const templateResult = column.bodyRenderer(\n      model.item,\n      model,\n      columnElement\n    );\n\n    let styledWrapper = templateResult;\n    const shouldApplyMaxWidth = !!column.maxWidth;\n    const maxWidthSetClass = 'column-max-width-set';\n\n    if (shouldApplyMaxWidth) {\n      styledWrapper = html`\n        <div class=\"${maxWidthSetClass}\" style=\"max-width: ${column.maxWidth}\">\n          ${templateResult}\n        </div>\n      `;\n    }\n\n    render(styledWrapper, root);\n\n    if (shouldApplyMaxWidth) {\n      requestAnimationFrame(() => {\n        const el = root.querySelector(`.${maxWidthSetClass}`) as HTMLElement;\n        if (el && el.scrollWidth > el.clientWidth) {\n          if (!el.querySelector('.custom-tooltip') && el.textContent?.trim()) {\n            const tooltip = document.createElement('div');\n            tooltip.className = 'custom-tooltip';\n            tooltip.style.cssText = `\n              background-color: #092241;\n              font-size: 0.75rem;\n              color: white;\n              text-align: left;\n              padding: 0.313rem 0.5rem;\n              border-radius: 0.188rem;\n              max-height: 31.25rem;\n              overflow: hidden;\n              position: absolute;\n              z-index: 1000;\n              display: none;\n            `;\n\n            tooltip.textContent = el.textContent;\n\n            el.addEventListener('mouseenter', () => {\n              tooltip.style.display = 'flex';\n              const rect = el.getBoundingClientRect();\n              tooltip.style.left = `${rect.left}px`;\n              tooltip.style.top = `${rect.bottom + window.scrollY + 4}px`;\n              document.body.appendChild(tooltip);\n            });\n\n            el.addEventListener('mouseleave', () => {\n              tooltip.remove();\n            });\n          }\n        }\n      });\n    }\n  };\n\n  private renderHeader = () => html`\n    <div class=\"grid-header\">\n      <slot name=\"header\"><div class=\"empty\"></div></slot>\n      ${this.hideFilters\n        ? nothing\n        : html`<div class=\"grid-menu\">\n            <ix-grid-column-filter\n              .columns=${this.arrangedColumns}\n              columnsLocalStorageKey=${ifDefined(this.columnsLocalStorageKey)}\n              @columnFilter=${(e: CustomEvent) => this.handleOnColumnFilter(e)}\n              @reorderColumns=${this.reorderColumnsFromFilter}\n              .columnReorderingAllowed=${this.columnReorderingAllowed}\n              .refreshDataOnColumnVisibilityChange=${this\n                .refreshDataOnColumnVisibilityChange}\n              .requestGridUpdate=${() => this.requestUpdate()}\n            ></ix-grid-column-filter>\n            ${this.showDownload\n              ? html`<ix-grid-download-menu\n                  .items=${this.downloadMenuItems}\n                  .isDownloading=${this.isDownloading}\n                ></ix-grid-download-menu>`\n              : nothing}\n            <ix-grid-row-filter\n              .columns=${this.displayColumns}\n              .filterValueChangeDebounceTime=${this\n                .filterValueChangeDebounceTime}\n              .readParamsFromURL=${this.readParamsFromURL}\n              .maxDate=${this.filterMaxDate}\n              @rowFilter=${(e: CustomEvent) => {\n                this.filters = e.detail.filters;\n                if (e.detail.resetPage) {\n                  this.page = this.defaultPage;\n                }\n                this.updatePage();\n              }}\n            ></ix-grid-row-filter>\n          </div>`}\n    </div>\n    <div class=\"touch-edge\">\n      <slot name=\"under-header\"></slot>\n    </div>\n  `;\n\n  private renderRowLimitControls = () => {\n    if (this.rows.length <= this.rowLimit) return nothing;\n\n    return html`\n      <div class=\"row-controls row-limit\">\n        <ix-button\n          appearance=\"text\"\n          @click=${() => {\n            this.isExpanded = !this.isExpanded;\n          }}\n          has-icon\n        >\n          ${this.isExpanded ? copy.viewLess : copy.viewMore}\n          <ix-icon slot=\"icon\">${this.isExpanded ? 'remove' : 'add'}</ix-icon>\n        </ix-button>\n      </div>\n    `;\n  };\n\n  private renderPaginationControls = () => html`\n    <div class=\"row-controls pagination\">\n      <ix-pagination\n        .page=${this.page}\n        .pageSize=${this.pageSize}\n        .pageSizes=${this.pageSizes}\n        .recordCount=${this.recordCount}\n        @updatePagination=${(e: CustomEvent) => {\n          this.page = e.detail.page;\n          this.pageSize = e.detail.pageSize;\n          this.updatePage();\n        }}\n      ></ix-pagination>\n    </div>\n  `;\n\n  renderColumns() {\n    const arrangedColumnsInstance = [...this.arrangedColumns];\n\n    if (arrangedColumnsInstance.length > 0) {\n      return html`${arrangedColumnsInstance.map(\n        (column: Column, id: number) => {\n          if (column.hidden === true) return nothing;\n          return html`<vaadin-grid-column\n            ${columnHeaderRenderer(\n              () =>\n                this.renderColumnHeader(\n                  column,\n                  arrangedColumnsInstance[id + 1],\n                  id,\n                  arrangedColumnsInstance.length\n                ),\n              this.sortDirection\n            )}\n            .renderer=${(\n              root: HTMLElement,\n              columnElement: GridColumn,\n              model: any\n            ) => this.columnRenderer(column, root, columnElement, model)}\n            resizable\n            width=${ifDefined(column.width)}\n            min-width=${ifDefined(column.minWidth)}\n            .responsive=${column.responsive}\n            ?hidden=${column.hidden}\n            ?frozen-to-end=${column.frozenToEnd}\n            path=${column.name}\n            ?auto-width=${column.autoWidth}\n            flex-grow=${ifDefined(column.flexGrow)}\n          ></vaadin-grid-column>`;\n        }\n      )}`;\n    }\n\n    return html`<vaadin-grid-column></vaadin-grid-column>`;\n  }\n\n  renderLoading() {\n    return html` <div\n      class=\"progress-container\"\n      style=\"display: ${this.isLoading ? '' : 'none'}\"\n    >\n      <ix-progress .indeterminate=${true}></ix-progress>\n    </div>`;\n  }\n\n  renderGrid() {\n    if (this.isColumnsReordering) {\n      return nothing;\n    }\n\n    const columnDisplayed = this.displayColumns.find(\n      (column: Column) => column.hidden !== true\n    );\n\n    if (this.rows.length === 0 || !columnDisplayed) {\n      return html`<slot name=\"no-rows\"></slot>`;\n    }\n\n    return html`<vaadin-grid\n      class=${this.hideColumnHeaders ? 'hide-column-headers' : ''}\n      .items=${this.rowLimit > 0 && !this.isExpanded\n        ? this.rows.slice(0, this.rowLimit)\n        : this.rows}\n      all-rows-visible\n      ?column-reordering-allowed=${this.columnReorderingAllowed}\n      theme=\"no-border\"\n      .cellPartNameGenerator=${this.cellPartNameGenerator}\n      @mouseup=${this.reorderColumnsFromTable}\n    >\n      ${this.renderColumns()}\n    </vaadin-grid>`;\n  }\n\n  render() {\n    return html`\n      <div\n        class=${`grid-container ${\n          this.isColumnsReordering ? 'columns-reordering' : ''\n        } ${this.variantClass}`}\n      >\n        ${this.hideHeader ? nothing : this.renderHeader()}\n        ${this.renderLoading()} ${this.renderGrid()}\n        ${this.rowLimit > 0\n          ? this.renderRowLimitControls()\n          : this.renderPaginationControls()}\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"IxGrid.js","sourceRoot":"","sources":["../src/IxGrid.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport '@digital-realty/grid';\nimport type { GridItemModel } from '@digital-realty/grid';\nimport { columnHeaderRenderer } from '@digital-realty/grid/lit.js';\nimport { GridColumn } from '@digital-realty/grid/src/vaadin-grid-column.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-progress/ix-progress.js';\nimport { html, LitElement, nothing, render } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { formatDate } from 'date-fns/format.js';\nimport './components/IxGridColumnFilter.js';\nimport './components/IxGridDownloadMenu.js';\nimport './components/IxGridRowFilter.js';\nimport type { Filter } from './components/IxGridRowFilter.js';\nimport './components/IxPagination.js';\nimport { IxGridViewStyles } from './grid-view-styles.js';\nimport { copy } from './ix-grid-copy.js';\nimport { IxGridDownloadMenuItemModel } from './models/IxGridDownloadMenuItemModel.js';\n\nexport interface Row {\n  [key: string]: unknown;\n}\n\nexport type FilterOperator = 'equals' | 'contains';\n\nexport type DataType = 'string' | 'dateTime';\n\nexport type BodyRenderer = (\n  item: any,\n  model: GridItemModel<any>,\n  column: GridColumn\n) => any;\n\nexport interface Column {\n  name: string;\n  header: string;\n  bodyRenderer: BodyRenderer;\n  width?: string;\n  sortable?: boolean;\n  filterable?: boolean;\n  hidden?: boolean;\n  frozenToEnd?: boolean;\n  dataType?: DataType;\n  filterOperators?: FilterOperator[];\n  autoWidth?: boolean;\n  minWidth?: string;\n  maxWidth?: string;\n  responsive?: [string, string][];\n  flexGrow?: number;\n}\n\nexport interface FieldOperator {\n  columnField: string;\n  operator: FilterOperator;\n}\n\nexport class IxGrid extends LitElement {\n  static readonly styles = [IxGridViewStyles];\n\n  private defaultPageSize = 10;\n\n  private defaultPage = 1;\n\n  private originalSearchParams: URLSearchParams | undefined = undefined;\n\n  @query('vaadin-grid') grid!: HTMLElement;\n\n  @property({ type: Boolean, attribute: 'column-reordering-allowed' })\n  columnReorderingAllowed: boolean = false;\n\n  @property({ type: String }) variantClass = '';\n\n  @property({ type: Array }) readonly columns: Column[] = [];\n\n  @property({ type: Array }) rows: Row[] = [];\n\n  @property({ type: String }) defaultEmptyText = 'No data to display';\n\n  @property({ type: String }) sortedColumn = '';\n\n  @property({ type: String }) sortDirection = '';\n\n  @property({ type: Boolean }) hideHeader = false;\n\n  @property({ type: Boolean, attribute: 'hide-filters' }) hideFilters = false;\n\n  @property({ type: Number }) rowLimit: number = 0;\n\n  @property({ type: Number }) page = this.defaultPage;\n\n  @property({ type: Number }) pageSize = this.defaultPageSize;\n\n  @property({ type: Array }) pageSizes: number[] = [5, 10, 25, 100];\n\n  @property({ type: Number }) recordCount = 0;\n\n  @property({ type: String }) localStorageID: string | undefined = undefined;\n\n  @property({ type: Boolean }) showDownload = true;\n\n  @property({ type: Boolean }) isDownloading = false;\n\n  @property({ type: Boolean }) isLoading = false;\n\n  @property({ type: Array }) downloadMenuItems: IxGridDownloadMenuItemModel[] =\n    [];\n\n  @property({ type: Boolean, attribute: 'add-params-to-url' }) addParamsToURL =\n    true;\n\n  @property({ type: Boolean }) readParamsFromURL = false;\n\n  @property({ type: Boolean }) refreshDataOnColumnVisibilityChange: boolean =\n    true;\n\n  @property({ type: Number }) filterValueChangeDebounceTime: number = 300;\n\n  @property({ type: Boolean }) hideColumnHeaders = false;\n\n  @property({ type: Array }) preservedQueryParamKeys: string[] = [];\n\n  @property({ type: String }) filterMaxDate?: string = formatDate(\n    new Date(),\n    'yyyy-MM-dd'\n  );\n\n  @state() private filters: Filter[] = [];\n\n  @state() isColumnsReordering = false;\n\n  @state() isExpanded = false;\n\n  @state() displayColumns: Column[] = [];\n\n  private defaultFilterKeys = ['sort', 'order', 'page', 'size'];\n\n  private hashedTableState: string = '';\n\n  private initialised = false;\n\n  get isPersistable() {\n    if (this.localStorageID) return true;\n\n    return false;\n  }\n\n  get columnNames() {\n    return this.columns.map((column: Column) => column.name);\n  }\n\n  get columnsLocalStorageKey() {\n    if (this.hashedTableState === '') {\n      const columnsWithoutFunctions = this.columns.map(\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ({ bodyRenderer, ...rest }) => rest\n      );\n      const serializedColumns = JSON.stringify(columnsWithoutFunctions);\n\n      let hash = 0;\n      for (let i = 0; i < serializedColumns.length; i += 1) {\n        // Update hash using prime number multiplier (31) for better distribution and ensure it doesn't exceed 32-bit integer\n        // eslint-disable-next-line no-bitwise\n        hash = (hash * 31 + serializedColumns.charCodeAt(i)) >>> 0;\n      }\n\n      // Convert the string to base36 for brevity\n      this.hashedTableState = hash.toString(36);\n    }\n\n    return `ix-grid-${this.localStorageID}-${this.hashedTableState}-columns`;\n  }\n\n  get arrangedColumns() {\n    let columnsToDisplay: Column[] = [];\n    columnsToDisplay = this.getColumnsToDisplayFromLocalStorage();\n\n    if (columnsToDisplay.length === 0) columnsToDisplay = [...this.columns];\n\n    return columnsToDisplay\n      .filter(col => col)\n      .map((column: Column) => ({\n        ...column,\n        width: !column.width ? undefined : column.width,\n      }));\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    window.addEventListener('popstate', this.handlePopState);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('popstate', this.handlePopState);\n    super.disconnectedCallback?.();\n  }\n\n  private handlePopState = () => {\n    this.updateSearchParamsFromUri(true);\n    this.dispatchChangeEvent();\n  };\n\n  private updateSearchParamsFromUri(\n    rebuildFiltersFromUri: boolean = false\n  ): void {\n    if (this.readParamsFromURL) {\n      const url = new URL(window.location.href);\n      const searchParams = new URLSearchParams(url.search);\n      const [sortKey, orderKey, pageKey, sizeKey] = this.defaultFilterKeys;\n      const sort = searchParams.get(sortKey);\n      const order = searchParams.get(orderKey);\n      const page = searchParams.get(pageKey);\n      const size = searchParams.get(sizeKey);\n\n      if (sort && order) {\n        this.sortedColumn = sort;\n        this.sortDirection = order;\n      }\n\n      if (page) {\n        this.page = parseInt(page, 10) || this.defaultPage;\n      }\n\n      if (size) {\n        this.pageSize = parseInt(size, 10) || this.defaultPageSize;\n      }\n\n      if (rebuildFiltersFromUri) {\n        this.rebuildFiltersFromUri(searchParams);\n      }\n    }\n  }\n\n  private rebuildFiltersFromUri(searchParams: URLSearchParams): void {\n    const filters: Filter[] = [];\n\n    for (const [key, value] of searchParams.entries()) {\n      const isDefaultKey = this.defaultFilterKeys.includes(key);\n      const [columnField, operatorValue] = key.split('_');\n\n      if (!isDefaultKey && columnField && operatorValue) {\n        filters.push({\n          columnField,\n          operatorValue,\n          value,\n        });\n      }\n    }\n\n    this.filters = filters;\n  }\n\n  private dispatchChangeEvent = () => {\n    const filters = this.filters.reduce(\n      (columnFilters: { [key: string]: string }, { columnField, value }) => ({\n        ...columnFilters,\n        [columnField]: value,\n      }),\n      {}\n    );\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          columnName: this.sortedColumn,\n          sortOrder: this.sortDirection,\n          page: this.page,\n          pageSize: this.pageSize,\n          filters,\n          filtersOperators: this.filters.map(\n            (f: Filter): FieldOperator => ({\n              columnField: f.columnField,\n              operator: <FilterOperator>f.operatorValue,\n            })\n          ),\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  update(changedProperties: Map<string, any>) {\n    if (!this.initialised && this.columns.length > 0) {\n      this.displayColumns = [...this.columns];\n      this.checkLocalStorageUpdate();\n      this.initialised = true;\n    }\n    super.update(changedProperties);\n  }\n\n  firstUpdated() {\n    this.updateSearchParamsFromUri();\n    this.removeOldLocalStorageValues();\n  }\n\n  private checkLocalStorageUpdate(): void {\n    if (this.isPersistable) {\n      const preservedColumns = JSON.parse(\n        localStorage.getItem(this.columnsLocalStorageKey) || '[]'\n      );\n\n      if (preservedColumns.length > 0) {\n        let updateStorage = false;\n\n        // Scenarios where we should update appData with the latest display columns data\n        if (preservedColumns.length !== this.columns.length)\n          updateStorage = true;\n        const allColumnNamesFound =\n          this.columns.every(column =>\n            preservedColumns.some(pc => pc.name === column.name)\n          ) &&\n          preservedColumns.every(pc =>\n            this.columns.some(column => column.name === pc.name)\n          );\n        if (!allColumnNamesFound) updateStorage = true;\n\n        if (updateStorage) {\n          this.setColumnsToLocalStorage(this.columns);\n        }\n      }\n    }\n  }\n\n  buildQueryFromFilters() {\n    const params = new URLSearchParams();\n\n    this.filters.forEach((f: Filter) => {\n      params.append(`${f.columnField}_${f.operatorValue}`, f.value);\n    });\n\n    return Object.fromEntries(params);\n  }\n\n  rebuildQueryFromMatchingQuerystringParams(): Record<string, string> {\n    const params = new URLSearchParams();\n    if (this.preservedQueryParamKeys.length === 0) return {};\n\n    const url = new URL(window.location.href);\n    const originalSearchParams = new URLSearchParams(url.search);\n    originalSearchParams.forEach((value, key) => {\n      if (this.preservedQueryParamKeys.includes(key)) {\n        params.append(key, value);\n      }\n    });\n\n    return Object.fromEntries(params);\n  }\n\n  private getColumnsToDisplayFromLocalStorage(): Column[] {\n    let columnsToDisplay: Column[] = [];\n    if (this.isPersistable) {\n      const preservedColumns = JSON.parse(\n        localStorage.getItem(this.columnsLocalStorageKey) || '[]'\n      );\n\n      if (preservedColumns.length > 0) {\n        columnsToDisplay =\n          this.mapColumnsWithPersistedSettings(preservedColumns);\n      }\n    }\n\n    return columnsToDisplay;\n  }\n\n  private mapColumnsWithPersistedSettings(\n    preservedColumns: Column[]\n  ): Column[] {\n    const preservedMap = new Map(preservedColumns.map(col => [col.name, col]));\n\n    const mappedColumns = this.columns.map(configuredColumn => {\n      const preservedColumn = preservedMap.get(configuredColumn.name);\n\n      if (!preservedColumn) {\n        return { ...configuredColumn };\n      }\n\n      return {\n        ...configuredColumn,\n        hidden: preservedColumn.hidden,\n        frozenToEnd: preservedColumn.frozenToEnd,\n        width: preservedColumn.width || undefined,\n      };\n    });\n\n    mappedColumns.sort((a, b) => {\n      const indexA = preservedColumns.findIndex(col => col.name === a.name);\n      const indexB = preservedColumns.findIndex(col => col.name === b.name);\n\n      if (indexA === -1 && indexB === -1) return 0;\n      if (indexA === -1) return 1;\n      if (indexB === -1) return -1;\n\n      return indexA - indexB;\n    });\n\n    return mappedColumns;\n  }\n\n  private removeOldLocalStorageValues() {\n    const oldKeys = this.findMatchingLocalStorageKeys(\n      `ix-grid-${this.localStorageID}-`,\n      '-columns',\n      this.hashedTableState\n    );\n    for (let i = 0; i <= oldKeys.length; i += 1) {\n      localStorage.removeItem(oldKeys[i]);\n    }\n  }\n\n  private findMatchingLocalStorageKeys(\n    prefix: string,\n    suffix: string,\n    currentTableStateHash: string\n  ): string[] {\n    const matchingKeys: string[] = [];\n    const currentKey = prefix + currentTableStateHash + suffix;\n\n    for (let i = 0; i < localStorage.length; i += 1) {\n      const key = localStorage.key(i);\n      if (\n        key &&\n        key.startsWith(prefix) &&\n        key.endsWith(suffix) &&\n        key !== currentKey\n      ) {\n        matchingKeys.push(key);\n      }\n    }\n\n    return matchingKeys;\n  }\n\n  private async updatePage(refreshUrlParams = true) {\n    this.dispatchChangeEvent();\n\n    if (this.addParamsToURL && refreshUrlParams) {\n      const urlParams: { [key: string]: string } = {\n        sort: this.sortedColumn,\n        order: this.sortDirection,\n        page: this.page.toString(),\n        size: this.pageSize.toString(),\n        ...this.buildQueryFromFilters(),\n        ...this.rebuildQueryFromMatchingQuerystringParams(),\n      };\n\n      const url = new URL(window.location.href);\n      const gridSearchParams = new URLSearchParams(urlParams);\n\n      if (!this.originalSearchParams) {\n        this.saveOriginalSearchParams(gridSearchParams);\n      }\n\n      const combinedParams = new URLSearchParams([\n        ...(this.originalSearchParams ?? []),\n        ...gridSearchParams,\n      ]);\n      url.search = combinedParams.toString();\n      window.history.pushState(null, '', url.toString());\n    }\n  }\n\n  saveOriginalSearchParams(gridSearchParams: URLSearchParams) {\n    const url = new URL(window.location.href);\n    const originalSearchParams = new URLSearchParams(url.search);\n\n    this.filters.forEach((f: Filter) => {\n      originalSearchParams.delete(`${f.columnField}_${f.operatorValue}`);\n    });\n\n    gridSearchParams.forEach((value, key) => {\n      originalSearchParams.delete(key);\n    });\n\n    this.originalSearchParams = originalSearchParams;\n  }\n\n  handleSort(column: string = '') {\n    if (this.sortedColumn !== column) {\n      this.sortDirection = 'asc';\n    } else {\n      this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n    }\n    this.sortedColumn = column;\n\n    this.updatePage();\n  }\n\n  private renderColumnHeader = (\n    column: Column,\n    nextColumn: Column,\n    index: number,\n    length: number\n  ) => {\n    const headerClasses = classMap({\n      header: true,\n      frozen: !!column.frozenToEnd,\n      first: index === 0,\n      last: index === length - 1,\n      border: !nextColumn?.frozenToEnd,\n    });\n\n    return html`\n      <div\n        @click=${() => column.sortable && this.handleSort(column.name)}\n        @keyDown=${() => column.sortable && this.handleSort(column.name)}\n        class=${headerClasses}\n      >\n        <span class=\"header-label\">${column.header}</span>\n        ${column.sortable\n          ? html`<ix-icon title=\"Sort\" class=\"header-sort-icon\"\n              >${this.sortDirection === 'desc' &&\n              this.sortedColumn === column.name\n                ? `arrow_upward`\n                : `arrow_downward`}</ix-icon\n            >`\n          : nothing}\n      </div>\n    `;\n  };\n\n  setColumnsToLocalStorage(columns: Column[]) {\n    if (this.isPersistable) {\n      localStorage.setItem(\n        this.columnsLocalStorageKey,\n        JSON.stringify(columns)\n      );\n    }\n  }\n\n  async reorderColumnsFromTable() {\n    const columns = [...this.arrangedColumns];\n    const visibleColumns = columns.filter(\n      (column: Column) => column.hidden !== true\n    );\n    const hiddenColumns = columns.filter(\n      (column: Column) => column.hidden === true\n    );\n    const frozenColumns = columns.filter(\n      (column: Column) => column.frozenToEnd === true\n    );\n\n    const allColumns = [\n      ...visibleColumns.filter(column => column?.frozenToEnd !== true),\n      ...hiddenColumns.filter(column => column?.frozenToEnd !== true),\n      ...frozenColumns,\n    ];\n\n    // calulate column order from table header flex order\n    const headerNodes = Array.from(\n      this.grid?.shadowRoot?.querySelectorAll('th') || []\n    );\n    if (headerNodes.length) {\n      const columnOrder = headerNodes\n        .map((el, id) => ({ id, flexPosition: Number(el.style.order) }))\n        .sort((a, b) => a.flexPosition - b.flexPosition)\n        .map(el => el.id);\n\n      const columnsCorrectlyOrdered = columnOrder.every(\n        (x, i) => i === 0 || x > columnOrder[i - 1]\n      );\n      let reorderedColumns: Column[] = [];\n      if (!columnsCorrectlyOrdered) {\n        reorderedColumns = columnOrder.map(id => allColumns[id]);\n        this.displayColumns = [\n          ...reorderedColumns.filter(\n            column => column.hidden !== true && column?.frozenToEnd !== true\n          ),\n          ...hiddenColumns.filter(column => column?.frozenToEnd !== true),\n          ...frozenColumns,\n        ];\n\n        this.isColumnsReordering = true;\n        await this.updateComplete;\n        this.isColumnsReordering = false;\n\n        this.setColumnsToLocalStorage(this.displayColumns);\n      }\n    }\n  }\n\n  async reorderColumnsFromFilter(e: CustomEvent) {\n    this.displayColumns = [...e.detail.reorderedColumns];\n    this.setColumnsToLocalStorage([...this.displayColumns]);\n\n    this.isColumnsReordering = true;\n    await this.updateComplete;\n    this.isColumnsReordering = false;\n  }\n\n  handleOnColumnFilter(e: CustomEvent) {\n    e.detail.columns.forEach((column: Column, id: number) => {\n      if (!this.displayColumns[id]) return;\n      this.displayColumns[id].hidden = column?.hidden;\n    });\n    this.displayColumns = [...this.displayColumns];\n    this.updatePage(false);\n  }\n\n  cellPartNameGenerator(_column: Column, model: { item: Row }): string {\n    let parts = '';\n    if (model.item.disabled) {\n      parts += ' ix-disabled-cell';\n    }\n    return parts;\n  }\n\n  private columnRenderer = (\n    column: Column,\n    root: HTMLElement,\n    columnElement: GridColumn,\n    model: any\n  ) => {\n    /*\n      Due to a quirk of vaadin-grid, in order for the column cells to react to\n      changes to bodyRenderer output, we must clear the contents of the cell\n      before rendering the new content. Otherwise the new content will be\n      appended to the existing content.\n    */\n    render(nothing, root);\n\n    const templateResult = column.bodyRenderer(\n      model.item,\n      model,\n      columnElement\n    );\n\n    let styledWrapper = templateResult;\n    const shouldApplyMaxWidth = !!column.maxWidth;\n    const maxWidthSetClass = 'column-max-width-set';\n\n    if (shouldApplyMaxWidth) {\n      styledWrapper = html`\n        <div class=\"${maxWidthSetClass}\" style=\"max-width: ${column.maxWidth}\">\n          ${templateResult}\n        </div>\n      `;\n    }\n\n    render(styledWrapper, root);\n\n    if (shouldApplyMaxWidth) {\n      requestAnimationFrame(() => {\n        const el = root.querySelector(`.${maxWidthSetClass}`) as HTMLElement;\n        if (el && el.scrollWidth > el.clientWidth) {\n          if (!el.querySelector('.custom-tooltip') && el.textContent?.trim()) {\n            const tooltip = document.createElement('div');\n            tooltip.className = 'custom-tooltip';\n            tooltip.style.cssText = `\n              background-color: #092241;\n              font-size: 0.75rem;\n              color: white;\n              text-align: left;\n              padding: 0.313rem 0.5rem;\n              border-radius: 0.188rem;\n              max-height: 31.25rem;\n              overflow: hidden;\n              position: absolute;\n              z-index: 1000;\n              display: none;\n            `;\n\n            tooltip.textContent = el.textContent;\n\n            el.addEventListener('mouseenter', () => {\n              tooltip.style.display = 'flex';\n              const rect = el.getBoundingClientRect();\n              tooltip.style.left = `${rect.left}px`;\n              tooltip.style.top = `${rect.bottom + window.scrollY + 4}px`;\n              document.body.appendChild(tooltip);\n            });\n\n            el.addEventListener('mouseleave', () => {\n              tooltip.remove();\n            });\n          }\n        }\n      });\n    }\n  };\n\n  private renderHeader = () => html`\n    <div class=\"grid-header\">\n      <slot name=\"header\"><div class=\"empty\"></div></slot>\n      ${this.hideFilters\n        ? nothing\n        : html`<div class=\"grid-menu\">\n            <ix-grid-column-filter\n              .columns=${this.arrangedColumns}\n              columnsLocalStorageKey=${ifDefined(this.columnsLocalStorageKey)}\n              @columnFilter=${(e: CustomEvent) => this.handleOnColumnFilter(e)}\n              @reorderColumns=${this.reorderColumnsFromFilter}\n              .columnReorderingAllowed=${this.columnReorderingAllowed}\n              .refreshDataOnColumnVisibilityChange=${this\n                .refreshDataOnColumnVisibilityChange}\n              .requestGridUpdate=${() => this.requestUpdate()}\n            ></ix-grid-column-filter>\n            ${this.showDownload\n              ? html`<ix-grid-download-menu\n                  .items=${this.downloadMenuItems}\n                  .isDownloading=${this.isDownloading}\n                ></ix-grid-download-menu>`\n              : nothing}\n            <ix-grid-row-filter\n              .columns=${this.displayColumns}\n              .filterValueChangeDebounceTime=${this\n                .filterValueChangeDebounceTime}\n              .readParamsFromURL=${this.readParamsFromURL}\n              .maxDate=${this.filterMaxDate}\n              @rowFilter=${(e: CustomEvent) => {\n                this.filters = e.detail.filters;\n                if (e.detail.resetPage) {\n                  this.page = this.defaultPage;\n                }\n                this.updatePage();\n              }}\n            ></ix-grid-row-filter>\n          </div>`}\n    </div>\n    <div class=\"touch-edge\">\n      <slot name=\"under-header\"></slot>\n    </div>\n  `;\n\n  private renderRowLimitControls = () => {\n    if (this.rows.length <= this.rowLimit) return nothing;\n\n    return html`\n      <div class=\"row-controls row-limit\">\n        <ix-button\n          appearance=\"text\"\n          @click=${() => {\n            this.isExpanded = !this.isExpanded;\n          }}\n          has-icon\n        >\n          ${this.isExpanded ? copy.viewLess : copy.viewMore}\n          <ix-icon slot=\"icon\">${this.isExpanded ? 'remove' : 'add'}</ix-icon>\n        </ix-button>\n      </div>\n    `;\n  };\n\n  private renderPaginationControls = () => html`\n    <div class=\"row-controls pagination\">\n      <ix-pagination\n        .page=${this.page}\n        .pageSize=${this.pageSize}\n        .pageSizes=${this.pageSizes}\n        .recordCount=${this.recordCount}\n        @updatePagination=${(e: CustomEvent) => {\n          this.page = e.detail.page;\n          this.pageSize = e.detail.pageSize;\n          this.updatePage();\n        }}\n      ></ix-pagination>\n    </div>\n  `;\n\n  renderColumns() {\n    const arrangedColumnsInstance = [...this.arrangedColumns];\n\n    if (arrangedColumnsInstance.length > 0) {\n      return html`${arrangedColumnsInstance.map(\n        (column: Column, id: number) => {\n          if (column.hidden === true) return nothing;\n          return html`<vaadin-grid-column\n            ${columnHeaderRenderer(\n              () =>\n                this.renderColumnHeader(\n                  column,\n                  arrangedColumnsInstance[id + 1],\n                  id,\n                  arrangedColumnsInstance.length\n                ),\n              this.sortDirection\n            )}\n            .renderer=${(\n              root: HTMLElement,\n              columnElement: GridColumn,\n              model: any\n            ) => this.columnRenderer(column, root, columnElement, model)}\n            resizable\n            width=${ifDefined(column.width)}\n            min-width=${ifDefined(column.minWidth)}\n            .responsive=${column.responsive}\n            ?hidden=${column.hidden}\n            ?frozen-to-end=${column.frozenToEnd}\n            path=${column.name}\n            ?auto-width=${column.autoWidth}\n            flex-grow=${ifDefined(column.flexGrow)}\n          ></vaadin-grid-column>`;\n        }\n      )}`;\n    }\n\n    return html`<vaadin-grid-column></vaadin-grid-column>`;\n  }\n\n  renderLoading() {\n    return html` <div\n      class=\"progress-container\"\n      style=\"display: ${this.isLoading ? '' : 'none'}\"\n    >\n      <ix-progress .indeterminate=${true}></ix-progress>\n    </div>`;\n  }\n\n  renderGrid() {\n    if (this.isColumnsReordering) {\n      return nothing;\n    }\n\n    const columnDisplayed = this.displayColumns.find(\n      (column: Column) => column.hidden !== true\n    );\n\n    if (this.rows.length === 0 || !columnDisplayed) {\n      return html`<slot name=\"no-rows\"></slot>`;\n    }\n\n    return html`<vaadin-grid\n      class=${this.hideColumnHeaders ? 'hide-column-headers' : ''}\n      .items=${this.rowLimit > 0 && !this.isExpanded\n        ? this.rows.slice(0, this.rowLimit)\n        : this.rows}\n      all-rows-visible\n      ?column-reordering-allowed=${this.columnReorderingAllowed}\n      theme=\"no-border\"\n      .cellPartNameGenerator=${this.cellPartNameGenerator}\n      @mouseup=${this.reorderColumnsFromTable}\n    >\n      ${this.renderColumns()}\n    </vaadin-grid>`;\n  }\n\n  render() {\n    return html`\n      <div\n        class=${`grid-container ${\n          this.isColumnsReordering ? 'columns-reordering' : ''\n        } ${this.variantClass}`}\n      >\n        ${this.hideHeader ? nothing : this.renderHeader()}\n        ${this.renderLoading()} ${this.renderGrid()}\n        ${this.rowLimit > 0\n          ? this.renderRowLimitControls()\n          : this.renderPaginationControls()}\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/components/IxGridRowFilter.d.ts

@@ -39,6 +39,7 @@ export declare class IxGridRowFilter extends LitElement {
     addFilter(): void;
     clearFilters(): void;
     removeFilter(index: number): void;
+    private handlePopState;
     private onfilterColumnChange;
     private onfilterOperatorChange;
     private onDatefilterValueChange;

package/dist/components/IxGridRowFilter.js

@@ -32,6 +32,10 @@ let IxGridRowFilter = class IxGridRowFilter extends LitElement {
                 this.isDropdownVisible = false;
             }
         };
+        this.handlePopState = () => {
+            this.filters = this.parseFilterQueryString();
+            this.updateActiveFilters();
+        };
     }
     updateActiveFilters() {
         this.activeFilters = this.filters.filter(filter => filter.value.length > 0);
@@ -39,10 +43,12 @@ let IxGridRowFilter = class IxGridRowFilter extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         document.addEventListener('click', this.closeOnOuterClick);
+        window.addEventListener('popstate', this.handlePopState);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         document.removeEventListener('click', this.closeOnOuterClick);
+        window.removeEventListener('popstate', this.handlePopState);
     }
     firstUpdated() {
         this.filterableColumns = this.columns.filter(column => column.filterable);

package/dist/components/IxGridRowFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxGridRowFilter.js","sourceRoot":"","sources":["../../src/components/IxGridRowFilter.ts"],"names":[],"mappings":"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","sourcesContent":["import '@digital-realty/ix-button/ix-button.js';\nimport '@digital-realty/ix-date/ix-date.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-select/ix-select.js';\nimport { formatDate } from 'date-fns/format.js';\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport type { Column, DataType, FilterOperator } from '../IxGrid.js';\nimport { IxGridViewStyles } from '../grid-view-styles.js';\nimport { copy } from '../ix-grid-copy.js';\nimport { IxGridRowFilterStyles } from './grid-row-filter-styles.js';\n\nexport interface Filter {\n  columnField: string;\n  operatorValue: string;\n  dataType?: DataType;\n  value: string;\n}\n\n@customElement('ix-grid-row-filter')\nexport class IxGridRowFilter extends LitElement {\n  static readonly styles = [IxGridViewStyles, IxGridRowFilterStyles];\n\n  @property({ type: Array }) columns: Column[] = [];\n\n  @property({ type: Number }) filterValueChangeDebounceTime: number = 300;\n\n  @property({ type: Boolean }) readParamsFromURL = false;\n\n  @property({ type: String }) maxDate: string = formatDate(\n    new Date(),\n    'yyyy-MM-dd'\n  );\n\n  @state() private isDropdownVisible: boolean = false;\n\n  @state() private filters: Filter[] = [];\n\n  @state() private filterableColumns: Column[] = [];\n\n  @state() private filterColumns: string[] = [];\n\n  @state() private activeFilters: Filter[] = [];\n\n  @state() private mapSelect: boolean = false;\n\n  @state() private fromDateErrorText? = '';\n\n  @state() private oldValueLength: number = 0;\n\n  private debounceEvent: ReturnType<typeof setTimeout> | undefined;\n\n  private debouncedOnFilterValueChange: (\n    index: number,\n    target: EventTarget\n  ) => void = () => {};\n\n  updateActiveFilters() {\n    this.activeFilters = this.filters.filter(filter => filter.value.length > 0);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this.closeOnOuterClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.closeOnOuterClick);\n  }\n\n  firstUpdated() {\n    this.filterableColumns = this.columns.filter(column => column.filterable);\n    this.filterColumns = this.filterableColumns.map(column => column.name);\n\n    if (this.readParamsFromURL) {\n      this.filters = this.parseFilterQueryString();\n    }\n\n    if (!this.filters.length) {\n      this.addFilter();\n    }\n\n    this.updateActiveFilters();\n    this.dispatchUpdate(false);\n    this.debouncedOnFilterValueChange = (index, target) => {\n      clearTimeout(this.debounceEvent);\n      this.debounceEvent = setTimeout(\n        () => this.onfilterValueChange.bind(this)(index, target),\n        this.filterValueChangeDebounceTime\n      );\n    };\n  }\n\n  get filterNames() {\n    return this.filters.map(filter => filter.columnField);\n  }\n\n  get unselectedFilters() {\n    return this.filterColumns.filter(f => !this.filterNames.includes(f));\n  }\n\n  closeOnOuterClick = (e: Event) => {\n    if (!e.composedPath().includes(this)) {\n      this.isDropdownVisible = false;\n    }\n  };\n\n  parseFilterQueryString(): Filter[] {\n    const params = new URLSearchParams(window.location.search);\n    const filters: Filter[] = [];\n\n    this.filterableColumns.forEach(fc => {\n      fc.filterOperators?.forEach(operator => {\n        const key = `${fc.name}_${operator}`;\n\n        if (params.has(key)) {\n          filters.push({\n            columnField: fc.name,\n            operatorValue: operator,\n            dataType: fc.dataType,\n            value: params.get(key) ?? '',\n          });\n        }\n      });\n    });\n\n    return filters;\n  }\n\n  dispatchUpdate(resetPage = true) {\n    this.dispatchEvent(\n      new CustomEvent('rowFilter', {\n        detail: {\n          filters: this.filters.filter(filter => filter.value.length),\n          resetPage,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  addFilter() {\n    const nextFilter =\n      this.filterColumns.find(filter => !this.filterNames.includes(filter)) ||\n      '';\n    const filterOperators = this.filterableColumns.find(\n      c => c.name === nextFilter\n    )?.filterOperators || ['contains'];\n\n    const filterDataType =\n      this.filterableColumns.find(c => c.name === nextFilter)?.dataType ||\n      'string';\n\n    this.filters = [\n      ...this.filters,\n      {\n        columnField: nextFilter,\n        operatorValue: filterOperators[0],\n        dataType: filterDataType,\n        value: '',\n      },\n    ];\n    this.updateActiveFilters();\n  }\n\n  clearFilters() {\n    this.filters = [];\n    this.addFilter();\n    this.dispatchUpdate();\n  }\n\n  removeFilter(index: number) {\n    this.filters = this.filters.filter((_, i) => i !== index);\n    this.dispatchUpdate();\n    if (this.filters.length === 0) {\n      this.isDropdownVisible = false;\n      this.addFilter();\n    }\n\n    this.updateActiveFilters();\n  }\n\n  private onfilterColumnChange(index: number, e: Event) {\n    const selectedValue = (e.target as HTMLSelectElement).value;\n    const selectedColumn = this.filterableColumns.find(\n      column => column.name === selectedValue\n    );\n    this.filters[index].columnField = selectedValue;\n    this.filters[index].dataType = selectedColumn?.dataType;\n    this.filters[index].operatorValue =\n      selectedColumn?.filterOperators?.[0] || 'contains';\n\n    this.filters = [...this.filters];\n\n    this.dispatchUpdate();\n  }\n\n  private onfilterOperatorChange(index: number, e: Event) {\n    const selectedValue = (e.target as HTMLSelectElement).value;\n    this.filters[index].operatorValue = selectedValue;\n\n    this.filters = [...this.filters];\n\n    this.dispatchUpdate();\n  }\n\n  private onDatefilterValueChange(index: number, value: string) {\n    this.filters[index].value = value;\n    this.dispatchUpdate();\n    this.updateActiveFilters();\n  }\n\n  private onfilterValueChange(index: number, target: EventTarget) {\n    const { value } = target as HTMLInputElement;\n    this.filters[index].value = value;\n\n    const newValueLength = this.filters[index].value.length;\n    if (\n      this.filters[index].columnField.length > 0 &&\n      (newValueLength >= 3 || newValueLength < this.oldValueLength)\n    ) {\n      this.dispatchUpdate();\n    }\n    this.updateActiveFilters();\n    this.oldValueLength = newValueLength;\n  }\n\n  formatCamelCaseToEnglish(text: string) {\n    const spaced = text.replace(/([A-Z])/g, ' $1').toLowerCase();\n    const english = spaced.charAt(0).toUpperCase() + spaced.slice(1);\n    return english;\n  }\n\n  renderToolTip() {\n    if (this.isDropdownVisible) {\n      return copy.hideFilters;\n    }\n    if (!this.activeFilters.length) {\n      return copy.showFilters;\n    }\n    return html` <p>${this.activeFilters.length} ${copy.activeFilter}</p>\n      <ul>\n        ${this.activeFilters.map(\n          filter => html`<li>\n            ${this.formatCamelCaseToEnglish(filter.columnField)}\n            ${filter.operatorValue} ${filter.value}\n          </li>`\n        )}\n      </ul>`;\n  }\n\n  private renderStringInput(value: any, index: number) {\n    return html`<label class=\"form-group-operator-label\">\n      <span>Value</span>\n      <input\n        data-testid=${`filterValueInput-${index}`}\n        placeholder=\"Filter value\"\n        @input=${(e: Event) =>\n          this.debouncedOnFilterValueChange(index, e.target!)}\n        .value=${value.value}\n      />\n    </label>`;\n  }\n\n  private renderDateInput(value: any, index: number) {\n    return html` <ix-date\n      data-testid=${`filterValueInput-${index}`}\n      .value=${value.value}\n      max=${this.maxDate}\n      name=\"${value.columnField}-valueDate\"\n      .errorText=${this.fromDateErrorText}\n      .onChanged=${e => this.onDatefilterValueChange(index, e)}\n    >\n    </ix-date>`;\n  }\n\n  private renderFilterInputControl(value: any, index: number) {\n    switch (value.dataType) {\n      case 'string':\n      case undefined:\n        return this.renderStringInput(value, index);\n      case 'dateTime':\n        return this.renderDateInput(value, index);\n      default:\n        return nothing;\n    }\n  }\n\n  renderFilterInput(value: Filter, index: number) {\n    const options = [value.columnField, ...this.unselectedFilters];\n    const filterOptions = this.filterableColumns.filter(column =>\n      options.includes(column.name)\n    );\n    return html`\n      <div class=\"filter-form\">\n        <div class=\"filter-remove filter-form-column\">\n          <div class=\"form-group\">\n            <ix-icon-button\n              icon=\"close\"\n              data-testid=\"clearFilterButton\"\n              @click=${() => this.removeFilter(index)}\n              @keyDown=${(e: KeyboardEvent) => {\n                if (e.key === ' ' || e.key === 'Enter') {\n                  this.removeFilter(index);\n                }\n              }}\n            ></ix-icon-button>\n          </div>\n        </div>\n        ${this.mapSelect\n          ? html`<div\n              class=\"filter-form-column filter-form-column-border filterColumnField\"\n            >\n              <div class=\"form-group\">\n                <label\n                  class=\"form-group-column-label\"\n                  title=\"select: ${value.columnField}, options: ${filterOptions.map(\n                    column => `value=${column.name}, selected=${\n                      column.name === value.columnField\n                    }, ${column.header}\n                `\n                  )}\"\n                  >Columns</label\n                >\n\n                <select\n                  @change=${(e: Event) => this.onfilterColumnChange(index, e)}\n                  .value=${value.columnField}\n                  data-v=${value.columnField}\n                >\n                  ${filterOptions.map(\n                    column => html`\n                      <option\n                        value=${column.name}\n                        ?selected=${column.name === value.columnField}\n                      >\n                        ${column.header}\n                      </option>\n                    `\n                  )}\n                </select>\n              </div>\n            </div>`\n          : nothing}\n\n        <div\n          class=\"filter-form-column filter-form-column-border filterColumnField\"\n        >\n          <div class=\"filter-form-group\">\n            <label\n              class=\"form-group-column-label\"\n              title=\"select: ${value.columnField}, options: ${filterOptions.map(\n                column => `value=${column.name}, selected=${\n                  column.name === value.columnField\n                }, ${column.header}\n                `\n              )}\"\n              ><span>Columns</span>\n              <select\n                data-testid=${`filterColumnInput-${index}`}\n                @change=${(e: Event) => this.onfilterColumnChange(index, e)}\n                .value=${value.columnField}\n                data-v=${value.columnField}\n              >\n                ${repeat(\n                  filterOptions,\n                  (column: Column) => column.name,\n                  (column: Column) => html`\n                    <option\n                      value=${column.name}\n                      ?selected=${column.name === value.columnField}\n                    >\n                      ${column.header}\n                    </option>\n                  `\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n\n        <div\n          class=\"filter-form-column filter-form-column-border filterOperatorField\"\n        >\n          <div class=\"filter-form-group\">\n            <label class=\"form-group-operator-label\"\n              ><span>Operator</span>\n              <select\n                data-testid=${`filterOperatorInput-${index}`}\n                class=\"filterOperatorInput\"\n                @change=${(e: Event) => this.onfilterOperatorChange(index, e)}\n                .value=${value.operatorValue}\n                data-v=${value.operatorValue}\n              >\n                ${repeat(\n                  filterOptions.find(\n                    column => column.name === value.columnField\n                  )?.filterOperators ?? ['contains'],\n                  (filter: FilterOperator) => html`\n                    <option\n                      value=${filter}\n                      ?selected=${filter === value.operatorValue}\n                    >\n                      ${filter}\n                    </option>\n                  `\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n        <div\n          class=\"filter-form-column filter-form-column-border filterValueField\"\n        >\n          <div class=\"filter-form-group\">\n            ${this.renderFilterInputControl(value, index)}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  renderDropdown() {\n    const disableAddButton =\n      this.filters.length >= this.filterColumns.length ||\n      this.activeFilters.length < this.filters.length;\n    return html` <div class=\"filter-dropdown-content\">\n      <div class=\"filter-body\">\n        ${this.filters.map((filter, index) =>\n          this.renderFilterInput(filter, index)\n        )}\n      </div>\n      <div class=\"filter-footer\">\n        <ix-button\n          data-testid=\"addFilterButton\"\n          class=\"add-filter-button\"\n          @click=\"${() => this.addFilter()}\"\n          ?disabled=${disableAddButton}\n          appearance=\"text\"\n        >\n          <ix-icon slot=\"icon\">add</ix-icon>\n          Add filter\n        </ix-button>\n        <ix-button\n          data-testid=\"clearAllFiltersButton\"\n          @click=\"${() => this.clearFilters()}\"\n          ?disabled=${this.activeFilters.length === 0}\n          appearance=\"text\"\n        >\n          Clear all\n        </ix-button>\n      </div>\n    </div>`;\n  }\n\n  render() {\n    return html` <div class=\"grid-menu\">\n      <div class=\"filter-container tooltip-container\">\n        ${this.activeFilters.length > 0\n          ? html`<span class=\"filter-superscript\"\n              >${this.activeFilters.length}</span\n            >`\n          : nothing}\n        <ix-button\n          data-testid=\"showFiltersButton\"\n          appearance=\"text\"\n          class=\"filter_list filter-button\"\n          @click=${() => {\n            this.isDropdownVisible = !this.isDropdownVisible;\n          }}\n          @keyDown=${() => {\n            this.isDropdownVisible = !this.isDropdownVisible;\n          }}\n        >\n          <div class=\"slot-wrap\">\n            <ix-icon appearance=\"default\" class=\"filter-icon\"\n              >filter_list</ix-icon\n            >\n            <span class=\"filter\">${copy.filters}</span>\n          </div>\n        </ix-button>\n        <div class=\"tool-tip\">${this.renderToolTip()}</div>\n        ${this.isDropdownVisible ? this.renderDropdown() : nothing}\n      </div>\n    </div>`;\n  }\n}\n"]}
+{"version":3,"file":"IxGridRowFilter.js","sourceRoot":"","sources":["../../src/components/IxGridRowFilter.ts"],"names":[],"mappings":"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","sourcesContent":["import '@digital-realty/ix-button/ix-button.js';\nimport '@digital-realty/ix-date/ix-date.js';\nimport '@digital-realty/ix-icon-button/ix-icon-button.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-select/ix-select.js';\nimport { formatDate } from 'date-fns/format.js';\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport type { Column, DataType, FilterOperator } from '../IxGrid.js';\nimport { IxGridViewStyles } from '../grid-view-styles.js';\nimport { copy } from '../ix-grid-copy.js';\nimport { IxGridRowFilterStyles } from './grid-row-filter-styles.js';\n\nexport interface Filter {\n  columnField: string;\n  operatorValue: string;\n  dataType?: DataType;\n  value: string;\n}\n\n@customElement('ix-grid-row-filter')\nexport class IxGridRowFilter extends LitElement {\n  static readonly styles = [IxGridViewStyles, IxGridRowFilterStyles];\n\n  @property({ type: Array }) columns: Column[] = [];\n\n  @property({ type: Number }) filterValueChangeDebounceTime: number = 300;\n\n  @property({ type: Boolean }) readParamsFromURL = false;\n\n  @property({ type: String }) maxDate: string = formatDate(\n    new Date(),\n    'yyyy-MM-dd'\n  );\n\n  @state() private isDropdownVisible: boolean = false;\n\n  @state() private filters: Filter[] = [];\n\n  @state() private filterableColumns: Column[] = [];\n\n  @state() private filterColumns: string[] = [];\n\n  @state() private activeFilters: Filter[] = [];\n\n  @state() private mapSelect: boolean = false;\n\n  @state() private fromDateErrorText? = '';\n\n  @state() private oldValueLength: number = 0;\n\n  private debounceEvent: ReturnType<typeof setTimeout> | undefined;\n\n  private debouncedOnFilterValueChange: (\n    index: number,\n    target: EventTarget\n  ) => void = () => {};\n\n  updateActiveFilters() {\n    this.activeFilters = this.filters.filter(filter => filter.value.length > 0);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this.closeOnOuterClick);\n    window.addEventListener('popstate', this.handlePopState);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.closeOnOuterClick);\n    window.removeEventListener('popstate', this.handlePopState);\n  }\n\n  firstUpdated() {\n    this.filterableColumns = this.columns.filter(column => column.filterable);\n    this.filterColumns = this.filterableColumns.map(column => column.name);\n\n    if (this.readParamsFromURL) {\n      this.filters = this.parseFilterQueryString();\n    }\n\n    if (!this.filters.length) {\n      this.addFilter();\n    }\n\n    this.updateActiveFilters();\n    this.dispatchUpdate(false);\n    this.debouncedOnFilterValueChange = (index, target) => {\n      clearTimeout(this.debounceEvent);\n      this.debounceEvent = setTimeout(\n        () => this.onfilterValueChange.bind(this)(index, target),\n        this.filterValueChangeDebounceTime\n      );\n    };\n  }\n\n  get filterNames() {\n    return this.filters.map(filter => filter.columnField);\n  }\n\n  get unselectedFilters() {\n    return this.filterColumns.filter(f => !this.filterNames.includes(f));\n  }\n\n  closeOnOuterClick = (e: Event) => {\n    if (!e.composedPath().includes(this)) {\n      this.isDropdownVisible = false;\n    }\n  };\n\n  parseFilterQueryString(): Filter[] {\n    const params = new URLSearchParams(window.location.search);\n    const filters: Filter[] = [];\n\n    this.filterableColumns.forEach(fc => {\n      fc.filterOperators?.forEach(operator => {\n        const key = `${fc.name}_${operator}`;\n\n        if (params.has(key)) {\n          filters.push({\n            columnField: fc.name,\n            operatorValue: operator,\n            dataType: fc.dataType,\n            value: params.get(key) ?? '',\n          });\n        }\n      });\n    });\n\n    return filters;\n  }\n\n  dispatchUpdate(resetPage = true) {\n    this.dispatchEvent(\n      new CustomEvent('rowFilter', {\n        detail: {\n          filters: this.filters.filter(filter => filter.value.length),\n          resetPage,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  addFilter() {\n    const nextFilter =\n      this.filterColumns.find(filter => !this.filterNames.includes(filter)) ||\n      '';\n    const filterOperators = this.filterableColumns.find(\n      c => c.name === nextFilter\n    )?.filterOperators || ['contains'];\n\n    const filterDataType =\n      this.filterableColumns.find(c => c.name === nextFilter)?.dataType ||\n      'string';\n\n    this.filters = [\n      ...this.filters,\n      {\n        columnField: nextFilter,\n        operatorValue: filterOperators[0],\n        dataType: filterDataType,\n        value: '',\n      },\n    ];\n    this.updateActiveFilters();\n  }\n\n  clearFilters() {\n    this.filters = [];\n    this.addFilter();\n    this.dispatchUpdate();\n  }\n\n  removeFilter(index: number) {\n    this.filters = this.filters.filter((_, i) => i !== index);\n    this.dispatchUpdate();\n    if (this.filters.length === 0) {\n      this.isDropdownVisible = false;\n      this.addFilter();\n    }\n\n    this.updateActiveFilters();\n  }\n\n  private handlePopState = () => {\n    this.filters = this.parseFilterQueryString();\n    this.updateActiveFilters();\n  };\n\n  private onfilterColumnChange(index: number, e: Event) {\n    const selectedValue = (e.target as HTMLSelectElement).value;\n    const selectedColumn = this.filterableColumns.find(\n      column => column.name === selectedValue\n    );\n    this.filters[index].columnField = selectedValue;\n    this.filters[index].dataType = selectedColumn?.dataType;\n    this.filters[index].operatorValue =\n      selectedColumn?.filterOperators?.[0] || 'contains';\n\n    this.filters = [...this.filters];\n\n    this.dispatchUpdate();\n  }\n\n  private onfilterOperatorChange(index: number, e: Event) {\n    const selectedValue = (e.target as HTMLSelectElement).value;\n    this.filters[index].operatorValue = selectedValue;\n\n    this.filters = [...this.filters];\n\n    this.dispatchUpdate();\n  }\n\n  private onDatefilterValueChange(index: number, value: string) {\n    this.filters[index].value = value;\n    this.dispatchUpdate();\n    this.updateActiveFilters();\n  }\n\n  private onfilterValueChange(index: number, target: EventTarget) {\n    const { value } = target as HTMLInputElement;\n    this.filters[index].value = value;\n\n    const newValueLength = this.filters[index].value.length;\n    if (\n      this.filters[index].columnField.length > 0 &&\n      (newValueLength >= 3 || newValueLength < this.oldValueLength)\n    ) {\n      this.dispatchUpdate();\n    }\n    this.updateActiveFilters();\n    this.oldValueLength = newValueLength;\n  }\n\n  formatCamelCaseToEnglish(text: string) {\n    const spaced = text.replace(/([A-Z])/g, ' $1').toLowerCase();\n    const english = spaced.charAt(0).toUpperCase() + spaced.slice(1);\n    return english;\n  }\n\n  renderToolTip() {\n    if (this.isDropdownVisible) {\n      return copy.hideFilters;\n    }\n    if (!this.activeFilters.length) {\n      return copy.showFilters;\n    }\n    return html` <p>${this.activeFilters.length} ${copy.activeFilter}</p>\n      <ul>\n        ${this.activeFilters.map(\n          filter => html`<li>\n            ${this.formatCamelCaseToEnglish(filter.columnField)}\n            ${filter.operatorValue} ${filter.value}\n          </li>`\n        )}\n      </ul>`;\n  }\n\n  private renderStringInput(value: any, index: number) {\n    return html`<label class=\"form-group-operator-label\">\n      <span>Value</span>\n      <input\n        data-testid=${`filterValueInput-${index}`}\n        placeholder=\"Filter value\"\n        @input=${(e: Event) =>\n          this.debouncedOnFilterValueChange(index, e.target!)}\n        .value=${value.value}\n      />\n    </label>`;\n  }\n\n  private renderDateInput(value: any, index: number) {\n    return html` <ix-date\n      data-testid=${`filterValueInput-${index}`}\n      .value=${value.value}\n      max=${this.maxDate}\n      name=\"${value.columnField}-valueDate\"\n      .errorText=${this.fromDateErrorText}\n      .onChanged=${e => this.onDatefilterValueChange(index, e)}\n    >\n    </ix-date>`;\n  }\n\n  private renderFilterInputControl(value: any, index: number) {\n    switch (value.dataType) {\n      case 'string':\n      case undefined:\n        return this.renderStringInput(value, index);\n      case 'dateTime':\n        return this.renderDateInput(value, index);\n      default:\n        return nothing;\n    }\n  }\n\n  renderFilterInput(value: Filter, index: number) {\n    const options = [value.columnField, ...this.unselectedFilters];\n    const filterOptions = this.filterableColumns.filter(column =>\n      options.includes(column.name)\n    );\n    return html`\n      <div class=\"filter-form\">\n        <div class=\"filter-remove filter-form-column\">\n          <div class=\"form-group\">\n            <ix-icon-button\n              icon=\"close\"\n              data-testid=\"clearFilterButton\"\n              @click=${() => this.removeFilter(index)}\n              @keyDown=${(e: KeyboardEvent) => {\n                if (e.key === ' ' || e.key === 'Enter') {\n                  this.removeFilter(index);\n                }\n              }}\n            ></ix-icon-button>\n          </div>\n        </div>\n        ${this.mapSelect\n          ? html`<div\n              class=\"filter-form-column filter-form-column-border filterColumnField\"\n            >\n              <div class=\"form-group\">\n                <label\n                  class=\"form-group-column-label\"\n                  title=\"select: ${value.columnField}, options: ${filterOptions.map(\n                    column => `value=${column.name}, selected=${\n                      column.name === value.columnField\n                    }, ${column.header}\n                `\n                  )}\"\n                  >Columns</label\n                >\n\n                <select\n                  @change=${(e: Event) => this.onfilterColumnChange(index, e)}\n                  .value=${value.columnField}\n                  data-v=${value.columnField}\n                >\n                  ${filterOptions.map(\n                    column => html`\n                      <option\n                        value=${column.name}\n                        ?selected=${column.name === value.columnField}\n                      >\n                        ${column.header}\n                      </option>\n                    `\n                  )}\n                </select>\n              </div>\n            </div>`\n          : nothing}\n\n        <div\n          class=\"filter-form-column filter-form-column-border filterColumnField\"\n        >\n          <div class=\"filter-form-group\">\n            <label\n              class=\"form-group-column-label\"\n              title=\"select: ${value.columnField}, options: ${filterOptions.map(\n                column => `value=${column.name}, selected=${\n                  column.name === value.columnField\n                }, ${column.header}\n                `\n              )}\"\n              ><span>Columns</span>\n              <select\n                data-testid=${`filterColumnInput-${index}`}\n                @change=${(e: Event) => this.onfilterColumnChange(index, e)}\n                .value=${value.columnField}\n                data-v=${value.columnField}\n              >\n                ${repeat(\n                  filterOptions,\n                  (column: Column) => column.name,\n                  (column: Column) => html`\n                    <option\n                      value=${column.name}\n                      ?selected=${column.name === value.columnField}\n                    >\n                      ${column.header}\n                    </option>\n                  `\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n\n        <div\n          class=\"filter-form-column filter-form-column-border filterOperatorField\"\n        >\n          <div class=\"filter-form-group\">\n            <label class=\"form-group-operator-label\"\n              ><span>Operator</span>\n              <select\n                data-testid=${`filterOperatorInput-${index}`}\n                class=\"filterOperatorInput\"\n                @change=${(e: Event) => this.onfilterOperatorChange(index, e)}\n                .value=${value.operatorValue}\n                data-v=${value.operatorValue}\n              >\n                ${repeat(\n                  filterOptions.find(\n                    column => column.name === value.columnField\n                  )?.filterOperators ?? ['contains'],\n                  (filter: FilterOperator) => html`\n                    <option\n                      value=${filter}\n                      ?selected=${filter === value.operatorValue}\n                    >\n                      ${filter}\n                    </option>\n                  `\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n        <div\n          class=\"filter-form-column filter-form-column-border filterValueField\"\n        >\n          <div class=\"filter-form-group\">\n            ${this.renderFilterInputControl(value, index)}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  renderDropdown() {\n    const disableAddButton =\n      this.filters.length >= this.filterColumns.length ||\n      this.activeFilters.length < this.filters.length;\n    return html` <div class=\"filter-dropdown-content\">\n      <div class=\"filter-body\">\n        ${this.filters.map((filter, index) =>\n          this.renderFilterInput(filter, index)\n        )}\n      </div>\n      <div class=\"filter-footer\">\n        <ix-button\n          data-testid=\"addFilterButton\"\n          class=\"add-filter-button\"\n          @click=\"${() => this.addFilter()}\"\n          ?disabled=${disableAddButton}\n          appearance=\"text\"\n        >\n          <ix-icon slot=\"icon\">add</ix-icon>\n          Add filter\n        </ix-button>\n        <ix-button\n          data-testid=\"clearAllFiltersButton\"\n          @click=\"${() => this.clearFilters()}\"\n          ?disabled=${this.activeFilters.length === 0}\n          appearance=\"text\"\n        >\n          Clear all\n        </ix-button>\n      </div>\n    </div>`;\n  }\n\n  render() {\n    return html` <div class=\"grid-menu\">\n      <div class=\"filter-container tooltip-container\">\n        ${this.activeFilters.length > 0\n          ? html`<span class=\"filter-superscript\"\n              >${this.activeFilters.length}</span\n            >`\n          : nothing}\n        <ix-button\n          data-testid=\"showFiltersButton\"\n          appearance=\"text\"\n          class=\"filter_list filter-button\"\n          @click=${() => {\n            this.isDropdownVisible = !this.isDropdownVisible;\n          }}\n          @keyDown=${() => {\n            this.isDropdownVisible = !this.isDropdownVisible;\n          }}\n        >\n          <div class=\"slot-wrap\">\n            <ix-icon appearance=\"default\" class=\"filter-icon\"\n              >filter_list</ix-icon\n            >\n            <span class=\"filter\">${copy.filters}</span>\n          </div>\n        </ix-button>\n        <div class=\"tool-tip\">${this.renderToolTip()}</div>\n        ${this.isDropdownVisible ? this.renderDropdown() : nothing}\n      </div>\n    </div>`;\n  }\n}\n"]}