@digital-realty/ix-grid 1.0.50-alpha.1 → 1.0.51

package/dist/IxGrid.js

@@ -1,40 +1,40 @@
-import { __decorate } from "tslib";
-import { html, LitElement, nothing } from 'lit';
-import { property, state, query } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import '@vaadin/grid';
-import { columnBodyRenderer, columnHeaderRenderer } from '@vaadin/grid/lit.js';
-import '@digital-realty/ix-icon-button/ix-icon-button.js';
-import '@digital-realty/ix-icon/ix-icon.js';
-import './components/IxGridDownloadMenu.js';
-import './components/IxPagination.js';
-import './components/IxGridColumnFilter.js';
-import './components/IxGridRowFilter.js';
-import { IxGridViewStyles } from './grid-view-styles.js';
-import { copy } from './ix-grid-copy.js';
-export class IxGrid extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.variantClass = '';
-        this.columns = [];
-        this.rows = [];
-        this.defaultEmptyText = 'No data to display';
-        this.sortedColumn = '';
-        this.sortDirection = '';
-        this.hideHeader = false;
-        this.hideFilters = false;
-        this.rowLimit = 0;
-        this.page = 1;
-        this.pageSize = 10;
-        this.pageSizes = [5, 10, 25, 100];
-        this.recordCount = 0;
-        this.localStorageID = undefined;
-        this.showDownload = true;
-        this.downloadMenuItems = [];
-        this.addParamsToURL = true;
-        this.filters = [];
-        this.isLoading = false;
-        this.isExpanded = false;
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '@vaadin/grid';
+import { columnBodyRenderer, columnHeaderRenderer } from '@vaadin/grid/lit.js';
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
+import '@digital-realty/ix-icon/ix-icon.js';
+import './components/IxGridDownloadMenu.js';
+import './components/IxPagination.js';
+import './components/IxGridColumnFilter.js';
+import './components/IxGridRowFilter.js';
+import { IxGridViewStyles } from './grid-view-styles.js';
+import { copy } from './ix-grid-copy.js';
+export class IxGrid extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variantClass = '';
+        this.columns = [];
+        this.rows = [];
+        this.defaultEmptyText = 'No data to display';
+        this.sortedColumn = '';
+        this.sortDirection = '';
+        this.hideHeader = false;
+        this.hideFilters = false;
+        this.rowLimit = 0;
+        this.page = 1;
+        this.pageSize = 10;
+        this.pageSizes = [5, 10, 25, 100];
+        this.recordCount = 0;
+        this.localStorageID = undefined;
+        this.showDownload = true;
+        this.downloadMenuItems = [];
+        this.addParamsToURL = true;
+        this.filters = [];
+        this.isLoading = false;
+        this.isExpanded = false;
         this.renderColumnHeader = (column) => html `
     <div
       @click=${() => column.sortable && this.handleSort(column.name)}
@@ -42,21 +42,21 @@ export class IxGrid extends LitElement {
       class="header"
     >
       ${column.header}
-      ${column.sortable
+      ${column.sortable
             ? html `<ix-icon title="Sort" class="header-sort-icon"
-            >${this.sortDirection === 'desc' &&
-                this.sortedColumn === column.name
-                ? `arrow_upward`
+            >${this.sortDirection === 'desc' &&
+                this.sortedColumn === column.name
+                ? `arrow_upward`
                 : `arrow_downward`}</ix-icon
-          >`
+          >`
             : nothing}
     </div>
-  `;
+  `;
         this.renderHeader = () => html `
     <div class="grid-header">
       <slot name="header"><div class="empty"></div></slot>
-      ${this.hideFilters
-            ? nothing
+      ${this.hideFilters
+            ? nothing
             : html `<div class="grid-menu">
             <ix-grid-column-filter
               .columns=${this.arrangedColumns}
@@ -64,16 +64,16 @@ export class IxGrid extends LitElement {
               @columnFilter=${(e) => this.handleOnColumnFilter(e)}
               @reorderColumns=${this.reorderColumnsFromFilter}
             ></ix-grid-column-filter>
-            ${this.showDownload
+            ${this.showDownload
                 ? html `<ix-grid-download-menu
                   .items=${this.downloadMenuItems}
-                ></ix-grid-download-menu>`
+                ></ix-grid-download-menu>`
                 : nothing}
             <ix-grid-row-filter
               .columns=${this.columns}
-              @rowFilter=${(e) => {
-                this.filters = e.detail.filters;
-                this.updatePage();
+              @rowFilter=${(e) => {
+                this.filters = e.detail.filters;
+                this.updatePage();
             }}
             ></ix-grid-row-filter>
           </div>`}
@@ -81,16 +81,16 @@ export class IxGrid extends LitElement {
     <div class="touch-edge">
       <slot name="under-header"></slot>
     </div>
-  `;
-        this.renderRowLimitControls = () => {
-            if (this.rows.length <= this.rowLimit)
-                return nothing;
+  `;
+        this.renderRowLimitControls = () => {
+            if (this.rows.length <= this.rowLimit)
+                return nothing;
             return html `
       <div class="row-limit">
         <ix-button
           appearance="text"
-          @click=${() => {
-                this.isExpanded = !this.isExpanded;
+          @click=${() => {
+                this.isExpanded = !this.isExpanded;
             }}
           has-icon
         >
@@ -98,157 +98,157 @@ export class IxGrid extends LitElement {
           <ix-icon slot="icon">${this.isExpanded ? 'remove' : 'add'}</ix-icon>
         </ix-button>
       </div>
-    `;
-        };
+    `;
+        };
         this.renderPaginationControls = () => html `
     <ix-pagination
       .page=${this.page}
       .pageSize=${this.pageSize}
       .pageSizes=${this.pageSizes}
       .recordCount=${this.recordCount}
-      @updatePagination=${(e) => {
-            this.page = e.detail.page;
-            this.pageSize = e.detail.pageSize;
-            this.updatePage();
+      @updatePagination=${(e) => {
+            this.page = e.detail.page;
+            this.pageSize = e.detail.pageSize;
+            this.updatePage();
         }}
     ></ix-pagination>
-  `;
-    }
-    get isPersistable() {
-        if (this.localStorageID)
-            return true;
-        return false;
-    }
-    get columnNames() {
-        return this.columns.map((column) => column.name);
-    }
-    get columnsLocalStorageKey() {
-        return `ix-grid-${this.localStorageID}-columns`;
-    }
-    get arrangedColumns() {
-        let colums = [];
-        if (this.isPersistable) {
-            const preservedColumns = JSON.parse(localStorage.getItem(this.columnsLocalStorageKey) || '[]');
-            if (preservedColumns.length > 0)
-                colums = preservedColumns.map((c) => {
-                    const column = this.columns.find((col) => col.name === c.name);
-                    return {
-                        ...column,
-                        hidden: c.hidden,
-                        frozenToEnd: c.frozenToEnd,
-                        width: !c.width ? undefined : c.width,
-                    };
-                });
-        }
-        if (colums.length === 0)
-            colums = [...this.columns];
-        return colums
-            .filter(col => col)
-            .map((column) => ({
-            ...column,
-            width: !column.width ? undefined : column.width,
-        }));
-    }
-    async updatePage() {
-        const filters = this.filters.reduce((columnFilters, { columnField, value }) => ({
-            ...columnFilters,
-            [columnField]: value,
-        }), {});
-        if (this.addParamsToURL) {
-            const urlParams = {
-                sort: this.sortedColumn,
-                order: this.sortDirection,
-                page: this.page.toString(),
-                size: this.pageSize.toString(),
-                ...filters,
-            };
-            const url = new URL(window.location.href);
-            const searchParams = new URLSearchParams(urlParams);
-            url.search = searchParams.toString();
-            window.history.replaceState(null, '', url.toString());
-        }
-        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,
-        }));
-    }
-    handleSort(column = '') {
-        if (this.sortedColumn !== column) {
-            this.sortDirection = 'asc';
-        }
-        else {
-            this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
-        }
-        this.sortedColumn = column;
-        this.updatePage();
-    }
-    setColumnsToLocalStorage(columns) {
-        if (this.isPersistable) {
-            localStorage.setItem(this.columnsLocalStorageKey, JSON.stringify(columns));
-        }
-    }
-    async reorderColumnsFromTable() {
-        var _a, _b;
-        const visibleColumns = this.arrangedColumns.filter((column) => column.hidden !== true);
-        const hiddenColumns = this.arrangedColumns.filter((column) => column.hidden === true);
-        const frozenColumns = this.arrangedColumns.filter((column) => column.frozenToEnd === true);
-        const allColumns = [
-            ...visibleColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
-            ...hiddenColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
-            ...frozenColumns,
-        ];
-        // calulate column order from table header flex order
-        const headerNodes = Array.from(((_b = (_a = this.grid) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('th')) || []);
-        if (headerNodes.length) {
-            const columnOrder = headerNodes
-                .map((el, id) => ({ id, flexPosition: Number(el.style.order) }))
-                .sort((a, b) => a.flexPosition - b.flexPosition)
-                .map(el => el.id);
-            const columnsCorrectlyOrdered = columnOrder.every((x, i) => i === 0 || x > columnOrder[i - 1]);
-            let reorderedColumns = [];
-            if (!columnsCorrectlyOrdered) {
-                reorderedColumns = columnOrder.map(id => allColumns[id]);
-                this.columns = [
-                    ...reorderedColumns.filter(column => column.hidden !== true && (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
-                    ...hiddenColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
-                    ...frozenColumns,
-                ];
-                this.isLoading = true;
-                await this.updateComplete;
-                this.isLoading = false;
-            }
-            this.setColumnsToLocalStorage(reorderedColumns.length > 0 ? [...this.columns] : [...allColumns]);
-        }
-    }
-    async reorderColumnsFromFilter(e) {
-        this.columns = [...e.detail.reorderedColumns];
-        this.setColumnsToLocalStorage([...this.columns]);
-        this.isLoading = true;
-        await this.updateComplete;
-        this.isLoading = false;
-    }
-    handleOnColumnFilter(e) {
-        e.detail.columns.forEach((column, id) => {
-            this.columns[id].hidden = column === null || column === void 0 ? void 0 : column.hidden;
-        });
-        this.updatePage();
-    }
-    renderColumns() {
-        if (this.arrangedColumns.length > 0) {
-            return html `${this.arrangedColumns.map((column) => {
-                if (column.hidden === true)
-                    return nothing;
+  `;
+    }
+    get isPersistable() {
+        if (this.localStorageID)
+            return true;
+        return false;
+    }
+    get columnNames() {
+        return this.columns.map((column) => column.name);
+    }
+    get columnsLocalStorageKey() {
+        return `ix-grid-${this.localStorageID}-columns`;
+    }
+    get arrangedColumns() {
+        let colums = [];
+        if (this.isPersistable) {
+            const preservedColumns = JSON.parse(localStorage.getItem(this.columnsLocalStorageKey) || '[]');
+            if (preservedColumns.length > 0)
+                colums = preservedColumns.map((c) => {
+                    const column = this.columns.find((col) => col.name === c.name);
+                    return {
+                        ...column,
+                        hidden: c.hidden,
+                        frozenToEnd: c.frozenToEnd,
+                        width: !c.width ? undefined : c.width,
+                    };
+                });
+        }
+        if (colums.length === 0)
+            colums = [...this.columns];
+        return colums
+            .filter(col => col)
+            .map((column) => ({
+            ...column,
+            width: !column.width ? undefined : column.width,
+        }));
+    }
+    async updatePage() {
+        const filters = this.filters.reduce((columnFilters, { columnField, value }) => ({
+            ...columnFilters,
+            [columnField]: value,
+        }), {});
+        if (this.addParamsToURL) {
+            const urlParams = {
+                sort: this.sortedColumn,
+                order: this.sortDirection,
+                page: this.page.toString(),
+                size: this.pageSize.toString(),
+                ...filters,
+            };
+            const url = new URL(window.location.href);
+            const searchParams = new URLSearchParams(urlParams);
+            url.search = searchParams.toString();
+            window.history.replaceState(null, '', url.toString());
+        }
+        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,
+        }));
+    }
+    handleSort(column = '') {
+        if (this.sortedColumn !== column) {
+            this.sortDirection = 'asc';
+        }
+        else {
+            this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
+        }
+        this.sortedColumn = column;
+        this.updatePage();
+    }
+    setColumnsToLocalStorage(columns) {
+        if (this.isPersistable) {
+            localStorage.setItem(this.columnsLocalStorageKey, JSON.stringify(columns));
+        }
+    }
+    async reorderColumnsFromTable() {
+        var _a, _b;
+        const visibleColumns = this.arrangedColumns.filter((column) => column.hidden !== true);
+        const hiddenColumns = this.arrangedColumns.filter((column) => column.hidden === true);
+        const frozenColumns = this.arrangedColumns.filter((column) => column.frozenToEnd === true);
+        const allColumns = [
+            ...visibleColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
+            ...hiddenColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
+            ...frozenColumns,
+        ];
+        // calulate column order from table header flex order
+        const headerNodes = Array.from(((_b = (_a = this.grid) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('th')) || []);
+        if (headerNodes.length) {
+            const columnOrder = headerNodes
+                .map((el, id) => ({ id, flexPosition: Number(el.style.order) }))
+                .sort((a, b) => a.flexPosition - b.flexPosition)
+                .map(el => el.id);
+            const columnsCorrectlyOrdered = columnOrder.every((x, i) => i === 0 || x > columnOrder[i - 1]);
+            let reorderedColumns = [];
+            if (!columnsCorrectlyOrdered) {
+                reorderedColumns = columnOrder.map(id => allColumns[id]);
+                this.columns = [
+                    ...reorderedColumns.filter(column => column.hidden !== true && (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
+                    ...hiddenColumns.filter(column => (column === null || column === void 0 ? void 0 : column.frozenToEnd) !== true),
+                    ...frozenColumns,
+                ];
+                this.isLoading = true;
+                await this.updateComplete;
+                this.isLoading = false;
+            }
+            this.setColumnsToLocalStorage(reorderedColumns.length > 0 ? [...this.columns] : [...allColumns]);
+        }
+    }
+    async reorderColumnsFromFilter(e) {
+        this.columns = [...e.detail.reorderedColumns];
+        this.setColumnsToLocalStorage([...this.columns]);
+        this.isLoading = true;
+        await this.updateComplete;
+        this.isLoading = false;
+    }
+    handleOnColumnFilter(e) {
+        e.detail.columns.forEach((column, id) => {
+            this.columns[id].hidden = column === null || column === void 0 ? void 0 : column.hidden;
+        });
+        this.updatePage();
+    }
+    renderColumns() {
+        if (this.arrangedColumns.length > 0) {
+            return html `${this.arrangedColumns.map((column) => {
+                if (column.hidden === true)
+                    return nothing;
                 return html `<vaadin-grid-column
           ${columnHeaderRenderer(() => this.renderColumnHeader(column), this.sortDirection)}
           ${columnBodyRenderer(column.bodyRenderer, [])}
@@ -257,21 +257,21 @@ export class IxGrid extends LitElement {
           ?hidden=${column.hidden}
           ?frozen-to-end=${column.frozenToEnd}
           path=${column.name}
-        ></vaadin-grid-column>`;
-            })}`;
-        }
-        return html `<vaadin-grid-column></vaadin-grid-column>`;
-    }
-    render() {
+        ></vaadin-grid-column>`;
+            })}`;
+        }
+        return html `<vaadin-grid-column></vaadin-grid-column>`;
+    }
+    render() {
         return html `
       <div
         class=${`grid-container ${this.isLoading ? 'loading' : ''} ${this.variantClass}`}
       >
         ${this.hideHeader ? nothing : this.renderHeader()}
-        ${!this.isLoading
+        ${!this.isLoading
             ? html `<vaadin-grid
-                .items=${this.rowLimit > 0 && !this.isExpanded
-                ? this.rows.slice(0, this.rowLimit)
+                .items=${this.rowLimit > 0 && !this.isExpanded
+                ? this.rows.slice(0, this.rowLimit)
                 : this.rows}
                 all-rows-visible
                 column-reordering-allowed
@@ -280,81 +280,81 @@ export class IxGrid extends LitElement {
               >
                 ${this.renderColumns()}
               </vaadin-grid>
-              ${this.rows.length === 0 && !this.isLoading
-                ? html `<slot name="no-rows"></slot>`
-                : nothing}`
+              ${this.rows.length === 0 && !this.isLoading
+                ? html `<slot name="no-rows"></slot>`
+                : nothing}`
             : nothing}
-        ${this.rowLimit > 0
-            ? this.renderRowLimitControls()
+        ${this.rowLimit > 0
+            ? this.renderRowLimitControls()
             : this.renderPaginationControls()}
 
         <slot name="footer"></slot>
       </div>
-    `;
-    }
-}
-IxGrid.styles = [IxGridViewStyles];
-__decorate([
-    query('vaadin-grid')
-], IxGrid.prototype, "grid", void 0);
-__decorate([
-    property({ type: String })
-], IxGrid.prototype, "variantClass", void 0);
-__decorate([
-    property({ type: Array })
-], IxGrid.prototype, "columns", void 0);
-__decorate([
-    property({ type: Array })
-], IxGrid.prototype, "rows", void 0);
-__decorate([
-    property({ type: String })
-], IxGrid.prototype, "defaultEmptyText", void 0);
-__decorate([
-    property({ type: String })
-], IxGrid.prototype, "sortedColumn", void 0);
-__decorate([
-    property({ type: String })
-], IxGrid.prototype, "sortDirection", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxGrid.prototype, "hideHeader", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'hide-filters' })
-], IxGrid.prototype, "hideFilters", void 0);
-__decorate([
-    property({ type: Number })
-], IxGrid.prototype, "rowLimit", void 0);
-__decorate([
-    property({ type: Number })
-], IxGrid.prototype, "page", void 0);
-__decorate([
-    property({ type: Number })
-], IxGrid.prototype, "pageSize", void 0);
-__decorate([
-    property({ type: Array })
-], IxGrid.prototype, "pageSizes", void 0);
-__decorate([
-    property({ type: Number })
-], IxGrid.prototype, "recordCount", void 0);
-__decorate([
-    property({ type: String })
-], IxGrid.prototype, "localStorageID", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxGrid.prototype, "showDownload", void 0);
-__decorate([
-    property({ type: Array })
-], IxGrid.prototype, "downloadMenuItems", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'add-params-to-url' })
-], IxGrid.prototype, "addParamsToURL", void 0);
-__decorate([
-    state()
-], IxGrid.prototype, "filters", void 0);
-__decorate([
-    state()
-], IxGrid.prototype, "isLoading", void 0);
-__decorate([
-    state()
-], IxGrid.prototype, "isExpanded", void 0);
+    `;
+    }
+}
+IxGrid.styles = [IxGridViewStyles];
+__decorate([
+    query('vaadin-grid')
+], IxGrid.prototype, "grid", void 0);
+__decorate([
+    property({ type: String })
+], IxGrid.prototype, "variantClass", void 0);
+__decorate([
+    property({ type: Array })
+], IxGrid.prototype, "columns", void 0);
+__decorate([
+    property({ type: Array })
+], IxGrid.prototype, "rows", void 0);
+__decorate([
+    property({ type: String })
+], IxGrid.prototype, "defaultEmptyText", void 0);
+__decorate([
+    property({ type: String })
+], IxGrid.prototype, "sortedColumn", void 0);
+__decorate([
+    property({ type: String })
+], IxGrid.prototype, "sortDirection", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxGrid.prototype, "hideHeader", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-filters' })
+], IxGrid.prototype, "hideFilters", void 0);
+__decorate([
+    property({ type: Number })
+], IxGrid.prototype, "rowLimit", void 0);
+__decorate([
+    property({ type: Number })
+], IxGrid.prototype, "page", void 0);
+__decorate([
+    property({ type: Number })
+], IxGrid.prototype, "pageSize", void 0);
+__decorate([
+    property({ type: Array })
+], IxGrid.prototype, "pageSizes", void 0);
+__decorate([
+    property({ type: Number })
+], IxGrid.prototype, "recordCount", void 0);
+__decorate([
+    property({ type: String })
+], IxGrid.prototype, "localStorageID", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxGrid.prototype, "showDownload", void 0);
+__decorate([
+    property({ type: Array })
+], IxGrid.prototype, "downloadMenuItems", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'add-params-to-url' })
+], IxGrid.prototype, "addParamsToURL", void 0);
+__decorate([
+    state()
+], IxGrid.prototype, "filters", void 0);
+__decorate([
+    state()
+], IxGrid.prototype, "isLoading", void 0);
+__decorate([
+    state()
+], IxGrid.prototype, "isExpanded", void 0);
 //# sourceMappingURL=IxGrid.js.map

package/dist/{react/IxGridNav.d.ts → IxGridNav.d.ts}

@@ -1,2 +1,2 @@
-import { IxGridNavigation } from '../components/IxGridNav.js';
-export declare const IxGridNav: import("@lit/react").ReactWebComponent<IxGridNavigation, {}>;
+import { IxGridNavigation } from './components/IxGridNav.js';
+export declare const IxGridNav: import("@lit/react").ReactWebComponent<IxGridNavigation, {}>;

package/dist/{react/IxGridNav.js → IxGridNav.js}

@@ -1,9 +1,9 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { IxGridNavigation } from '../components/IxGridNav.js';
-export const IxGridNav = createComponent({
-    tagName: 'ix-grid-nav',
-    elementClass: IxGridNavigation,
-    react: React,
-});
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IxGridNavigation } from './components/IxGridNav.js';
+export const IxGridNav = createComponent({
+    tagName: 'ix-grid-nav',
+    elementClass: IxGridNavigation,
+    react: React,
+});
 //# sourceMappingURL=IxGridNav.js.map

package/dist/IxGridNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxGridNav.js","sourceRoot":"","sources":["../src/IxGridNav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,gBAAgB;IAC9B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { createComponent } from '@lit/react';\nimport { IxGridNavigation } from './components/IxGridNav.js';\n\nexport const IxGridNav = createComponent({\n  tagName: 'ix-grid-nav',\n  elementClass: IxGridNavigation,\n  react: React,\n});\n"]}