@redvars/peacock 3.8.0 → 3.8.2

package/dist/table.js

@@ -0,0 +1,620 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b, A } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { r } from './state-DkTK9EGF.js';
+import { e } from './class-map-DG7CA1et.js';
+import { o } from './unsafe-html-Ct0N2_UU.js';
+import { t as throttle } from './throttle-C7ZAPqtu.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  height: 100%;
+  min-height: 20em;
+  --table-border-color: var(--color-outline-variant);
+  --table-border: 1px solid var(--table-border-color);
+  --table-col-content-padding: var(--spacing-150, 0.75rem) var(--spacing-200, 1rem);
+}
+
+.table {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: var(--color-surface, #fff);
+  font-family: var(--typography-body-medium-font-family);
+  font-size: var(--typography-body-medium-font-size);
+  font-weight: var(--typography-body-medium-font-weight);
+  line-height: var(--typography-body-medium-line-height);
+  letter-spacing: var(--typography-body-medium-letter-spacing);
+}
+.table .table-scroll-container {
+  position: relative;
+  overflow: auto;
+  height: 100%;
+}
+.table .empty-table {
+  height: 80%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.table .empty-table .empty-state {
+  width: 10rem;
+}
+.table wc-pagination {
+  border-top: 1px solid var(--table-border-color);
+}
+.table.horizontal-scrolled .fixed-columns::after {
+  box-shadow: 10px 0 20px -20px var(--color-outline) inset;
+  content: " ";
+  height: 100%;
+  position: absolute;
+  top: 0;
+  right: -20px;
+  width: 20px;
+}
+
+.row {
+  display: flex;
+  box-sizing: border-box;
+  width: max-content;
+  min-width: 100%;
+}
+.row .columns-container {
+  display: flex;
+}
+.row .col {
+  margin: 0;
+  color: var(--color-on-surface);
+  flex-shrink: 0;
+}
+.row .col .col-content {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.row .col .col-content .col-text {
+  padding: var(--table-col-content-padding);
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.row .col .col-content .col-template {
+  width: 100%;
+}
+.row .col .col-content .col-action {
+  --button-border-radius: 0;
+}
+.row .col .col-content .col-action.has-focus {
+  z-index: 12;
+}
+.row .col .col-content .checkbox {
+  padding: 0 var(--spacing-100, 0.5rem);
+}
+.row .col.center .col-content {
+  justify-content: center;
+}
+.row .col:last-child {
+  flex: 1;
+}
+.row .fixed-columns {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+}
+.row .scrollable-columns {
+  flex: 0 0 auto;
+}
+
+.header {
+  z-index: 2;
+  position: sticky;
+  top: 0;
+  font-family: var(--typography-label-medium-font-family);
+  font-size: var(--typography-label-medium-font-size);
+  font-weight: var(--typography-label-medium-font-weight);
+  line-height: var(--typography-label-medium-line-height);
+  letter-spacing: var(--typography-label-medium-letter-spacing);
+}
+.header .col {
+  background: var(--color-surface-variant, #f4f4f4);
+}
+.header .col.sort {
+  background: var(--color-secondary-container, #e8eaf6);
+}
+
+.body .row .col {
+  cursor: pointer;
+  background: var(--color-surface, #fff);
+  border-bottom: 1px solid var(--color-surface-variant, #f4f4f4);
+}
+.body .row .col.col-checkbox .col-content {
+  border: 0;
+}
+.body .row .col .col-content {
+  border: 2px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+.body .row .col .col-content .col-text {
+  text-wrap: wrap;
+}
+.body .row .col:focus {
+  outline: none;
+  border-bottom-color: var(--color-primary);
+  z-index: 1;
+}
+.body .row .col:focus .col-content {
+  border-color: var(--color-primary);
+}
+.body .row:hover .col {
+  background-color: var(--color-surface-container-low, #f8f8f8);
+}`;
+
+const DEFAULT_CELL_WIDTH = 16; // in rem
+/**
+ * @label Table
+ * @tag wc-table
+ * @rawTag table
+ * @summary A configurable component for displaying tabular data.
+ * @overview
+ * <p>The table component displays rows of data with support for sorting, pagination, row selection, and fixed columns.</p>
+ *
+ * @fires {CustomEvent} cell-click - Dispatched when a table cell is clicked.
+ * @fires {CustomEvent} selection-change - Dispatched when the row selection changes.
+ * @fires {CustomEvent} sort - Dispatched when the table is sorted.
+ * @fires {CustomEvent} page - Dispatched when the page or page size changes.
+ *
+ * @example
+ * ```html
+ * <wc-table columns="[{'name': 'name','label': 'Name','width': 16},{'name': 'age','label': 'Age','width': 7}]" data="[{'name': 'John','age': 30},{'name': 'Jane','age': 25}]"></wc-table>
+ * ```
+ * @tags display, data
+ */
+let Table = class Table extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Grid columns configuration.
+         * Each column can have: name, label, width (px), fixed (boolean), template (function).
+         */
+        this.columns = [];
+        /**
+         * Grid data to display on table.
+         */
+        this.data = [];
+        /**
+         * Array of selected row key values.
+         */
+        this.selectedRowKeys = [];
+        /**
+         * The field name used as the unique key for each row. Defaults to `"id"`.
+         */
+        this.keyField = 'id';
+        /**
+         * If true, sorting and pagination are managed externally (controlled mode).
+         */
+        this.managed = false;
+        /**
+         * If true, columns are sortable. Defaults to `true`.
+         */
+        this.sortable = true;
+        /**
+         * The field name currently used for sorting.
+         */
+        this.sortBy = '';
+        /**
+         * The current sort order. Possible values are `"asc"` and `"desc"`. Defaults to `"asc"`.
+         */
+        this.sortOrder = 'asc';
+        /**
+         * If true, pagination is enabled. Defaults to `true`.
+         */
+        this.paginate = false;
+        /**
+         * The current page number (1-based). Defaults to `1`.
+         */
+        this.page = 1;
+        /**
+         * The number of rows per page. Defaults to `10`.
+         */
+        this.pageSize = 10;
+        /**
+         * Headline text shown when the table has no data.
+         */
+        this.emptyStateHeadline = 'No items';
+        /**
+         * Description text shown when the table has no data.
+         */
+        this.emptyStateDescription = 'There are no items to display';
+        /** Tracks the currently hovered row and column for hover-highlight CSS. */
+        this.hoveredCell = {};
+        /** True when all rows on the current page are selected. */
+        this.isSelectAll = false;
+        /** True when some (but not all) rows on the current page are selected. */
+        this.isSelectAllIntermediate = false;
+        /** True when the scroll container has been scrolled horizontally. */
+        this.isHorizontallyScrolled = false;
+        // ── Private fields ────────────────────────────────────────────────────────
+        /** Throttled version of the cell-mouseover handler to avoid excessive state updates. */
+        this.onCellMouseOverThrottled = throttle((row, column) => {
+            this.hoveredCell = { row, column };
+        }, 30);
+        this.onSelectAllClick = () => {
+            this.isSelectAll = !this.isSelectAll;
+            let selectedRowKeys = [];
+            if (this.isSelectAll) {
+                selectedRowKeys = this.data
+                    .slice((this.page - 1) * this.pageSize, this.page * this.pageSize)
+                    .map(row => row[this.keyField]);
+            }
+            this.onSelectChange(selectedRowKeys);
+        };
+        this.onRowSelectClick = (row) => {
+            let selectedRowKeys = [...this.selectedRowKeys];
+            if (selectedRowKeys.includes(row[this.keyField])) {
+                this.isSelectAll = false;
+                selectedRowKeys = selectedRowKeys.filter(rowId => rowId !== row[this.keyField]);
+            }
+            else {
+                selectedRowKeys.push(row[this.keyField]);
+            }
+            this.onSelectChange(selectedRowKeys);
+        };
+        this.onScrollContainer = (event) => {
+            const target = event.target;
+            this.isHorizontallyScrolled = !!target.scrollLeft;
+        };
+    }
+    onSelectChange(selectedRowKeys) {
+        this.selectedRowKeys = selectedRowKeys;
+        this.dispatchEvent(new CustomEvent('selection-change', {
+            detail: {
+                value: this.selectedRowKeys,
+                isSelectAll: this.isSelectAll,
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    onCellClick(row, col, evt) {
+        this.dispatchEvent(new CustomEvent('cell-click', {
+            detail: {
+                record: row,
+                column: col,
+                altKey: evt.altKey,
+                ctrlKey: evt.ctrlKey,
+                metaKey: evt.metaKey,
+                shiftKey: evt.shiftKey,
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    get totalColumnsWidth() {
+        let total = 0;
+        if (this.selectionType === 'checkbox') {
+            total += 3; // approximate checkbox column width in rem
+        }
+        this.columns.forEach(col => {
+            total += col.width ?? DEFAULT_CELL_WIDTH;
+        });
+        return total;
+    }
+    getTotalItems() {
+        if (this.paginate && !this.managed && this.data)
+            return this.data.length;
+        return this.totalItems ?? 0;
+    }
+    getSortIcon(col) {
+        if (this.sortBy === col.name) {
+            return this.sortOrder === 'asc'
+                ? 'keyboard_arrow_up'
+                : 'keyboard_arrow_down';
+        }
+        return '';
+    }
+    onSortClick(col) {
+        if (this.sortBy === col.name) {
+            if (this.sortOrder === 'asc') {
+                this.sortOrder = 'desc';
+            }
+            else {
+                this.sortBy = '';
+            }
+        }
+        else {
+            this.sortBy = col.name;
+            this.sortOrder = 'asc';
+        }
+        this.dispatchEvent(new CustomEvent('sort', {
+            detail: { sortBy: this.sortBy, sortOrder: this.sortOrder },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    renderHeader() {
+        const fixedCols = [];
+        const scrollCols = [];
+        if (this.selectionType === 'checkbox') {
+            fixedCols.push(b `
+        <div class="col col-checkbox center">
+          <div class="col-content">
+            <wc-checkbox
+              class="checkbox"
+              .value=${this.isSelectAll}
+              .indeterminate=${this.isSelectAllIntermediate}
+              @change=${this.onSelectAllClick}
+            ></wc-checkbox>
+          </div>
+        </div>
+      `);
+        }
+        this.columns.forEach(col => {
+            const colWidth = col.width
+                ? parseInt(String(col.width), 10)
+                : DEFAULT_CELL_WIDTH;
+            const colEl = b `
+        <div
+          class=${e({ col: true, sort: this.sortBy === col.name })}
+          style="width: ${colWidth}rem"
+        >
+          <div class="col-content">
+            <div class="col-text">${col.label}</div>
+            <div class="col-actions">
+              ${this.sortable
+                ? b `
+                    <wc-button
+                      class="col-action"
+                      color="secondary"
+                      variant="text"
+                      @click=${() => this.onSortClick(col)}
+                    >
+                      <wc-icon
+                        slot="icon"
+                        name=${this.getSortIcon(col)}
+                      ></wc-icon>
+                    </wc-button>
+                  `
+                : A}
+            </div>
+          </div>
+        </div>
+      `;
+            if (col.fixed) {
+                fixedCols.push(colEl);
+            }
+            else {
+                scrollCols.push(colEl);
+            }
+        });
+        return b `
+      <div class="header">
+        <div class="row" style="min-width: ${this.totalColumnsWidth}rem">
+          <div class="fixed-columns columns-container">${fixedCols}</div>
+          <div class="scrollable-columns columns-container">${scrollCols}</div>
+        </div>
+      </div>
+    `;
+    }
+    renderBody() {
+        let data = [...this.data];
+        if (!this.managed) {
+            if (this.sortable && this.sortBy) {
+                data = data.sort((a, b) => {
+                    if (a[this.sortBy] < b[this.sortBy])
+                        return this.sortOrder === 'asc' ? -1 : 1;
+                    if (a[this.sortBy] > b[this.sortBy])
+                        return this.sortOrder === 'asc' ? 1 : -1;
+                    return 0;
+                });
+            }
+            if (this.paginate) {
+                data = data.slice((this.page - 1) * this.pageSize, this.page * this.pageSize);
+            }
+        }
+        const rows = data.map(row => {
+            const fixedCols = [];
+            const scrollCols = [];
+            if (this.selectionType === 'checkbox') {
+                fixedCols.push(b `
+          <div class="col center col-checkbox">
+            <div class="col-content">
+              <wc-checkbox
+                class="checkbox"
+                .value=${this.selectedRowKeys.includes(row[this.keyField])}
+                @change=${() => this.onRowSelectClick(row)}
+              ></wc-checkbox>
+            </div>
+          </div>
+        `);
+            }
+            this.columns.forEach(column => {
+                const colWidth = column.width
+                    ? parseInt(String(column.width), 10)
+                    : DEFAULT_CELL_WIDTH;
+                const colEl = b `
+          <div
+            tabindex="0"
+            class=${e({
+                    col: true,
+                    'col-hover': this.hoveredCell.row === row &&
+                        this.hoveredCell.column === column,
+                })}
+            style="width: ${colWidth}rem"
+            @mouseover=${() => this.onCellMouseOverThrottled(row, column)}
+            @focus=${() => this.onCellMouseOverThrottled(row, column)}
+            @keydown=${(event) => {
+                    if ((event.ctrlKey || event.metaKey) && event.key === 'c') {
+                        const elem = event.target;
+                        window.navigator.clipboard
+                            .writeText(elem.innerText)
+                            .catch(() => { });
+                    }
+                }}
+            @click=${(evt) => {
+                    const selection = window.getSelection();
+                    if (selection?.type !== 'Range') {
+                        this.onCellClick(row, column, evt);
+                    }
+                }}
+          >
+            <div class="col-content">
+              ${column.template
+                    ? b `<div class="col-template">
+                    ${o(column.template(row, column))}
+                  </div>`
+                    : b `<div class="col-text" title=${row?.[column.name] ?? ''}>
+                    ${row?.[column.name]}
+                  </div>`}
+            </div>
+          </div>
+        `;
+                if (column.fixed) {
+                    fixedCols.push(colEl);
+                }
+                else {
+                    scrollCols.push(colEl);
+                }
+            });
+            return b `
+        <div
+          class=${e({
+                row: true,
+                'row-hover': this.hoveredCell.row === row,
+            })}
+          style="min-width: ${this.totalColumnsWidth}rem"
+        >
+          <div class="fixed-columns columns-container">${fixedCols}</div>
+          <div class="scrollable-columns columns-container">${scrollCols}</div>
+        </div>
+      `;
+        });
+        return b `<div class="body">${rows}</div>`;
+    }
+    renderEmptyState() {
+        return b `
+      <div class="empty-table">
+        <wc-empty-state
+          class="empty-state content-center"
+          headline=${this.emptyStateHeadline}
+          description=${this.emptyStateDescription}
+        ></wc-empty-state>
+      </div>
+    `;
+    }
+    renderPagination() {
+        if (!this.paginate)
+            return A;
+        return b `
+      <wc-pagination
+        .page=${this.page}
+        .pageSize=${this.pageSize}
+        .totalItems=${this.getTotalItems()}
+        @page=${(e) => {
+            this.page = e.detail.page;
+            this.pageSize = e.detail.pageSize;
+            this.dispatchEvent(new CustomEvent('page', {
+                detail: { page: this.page, pageSize: this.pageSize },
+                bubbles: true,
+                composed: true,
+            }));
+        }}
+      ></wc-pagination>
+    `;
+    }
+    render() {
+        const tableClasses = {
+            table: true,
+            sortable: this.sortable,
+            paginate: this.paginate,
+            'horizontal-scrolled': this.isHorizontallyScrolled,
+        };
+        return b `
+      <div class=${e(tableClasses)}>
+        <div class="table-scroll-container" @scroll=${this.onScrollContainer}>
+          ${this.renderHeader()}
+          ${this.data && this.data.length
+            ? this.renderBody()
+            : this.renderEmptyState()}
+        </div>
+        <div class="table-footer">${this.renderPagination()}</div>
+      </div>
+    `;
+    }
+};
+Table.styles = [css_248z];
+__decorate([
+    n({ type: Array })
+], Table.prototype, "columns", void 0);
+__decorate([
+    n({ type: Array })
+], Table.prototype, "data", void 0);
+__decorate([
+    n({ type: String, attribute: 'selection-type' })
+], Table.prototype, "selectionType", void 0);
+__decorate([
+    n({ type: Array, attribute: 'selected-row-keys' })
+], Table.prototype, "selectedRowKeys", void 0);
+__decorate([
+    n({ type: String, attribute: 'key-field' })
+], Table.prototype, "keyField", void 0);
+__decorate([
+    n({ type: Boolean })
+], Table.prototype, "managed", void 0);
+__decorate([
+    n({ type: Boolean })
+], Table.prototype, "sortable", void 0);
+__decorate([
+    n({ type: String, attribute: 'sort-by' })
+], Table.prototype, "sortBy", void 0);
+__decorate([
+    n({ type: String, attribute: 'sort-order' })
+], Table.prototype, "sortOrder", void 0);
+__decorate([
+    n({ type: Boolean })
+], Table.prototype, "paginate", void 0);
+__decorate([
+    n({ type: Number })
+], Table.prototype, "page", void 0);
+__decorate([
+    n({ type: Number, attribute: 'page-size' })
+], Table.prototype, "pageSize", void 0);
+__decorate([
+    n({ type: Number, attribute: 'total-items' })
+], Table.prototype, "totalItems", void 0);
+__decorate([
+    n({ type: String, attribute: 'empty-state-headline' })
+], Table.prototype, "emptyStateHeadline", void 0);
+__decorate([
+    n({ type: String, attribute: 'empty-state-description' })
+], Table.prototype, "emptyStateDescription", void 0);
+__decorate([
+    r()
+], Table.prototype, "hoveredCell", void 0);
+__decorate([
+    r()
+], Table.prototype, "isSelectAll", void 0);
+__decorate([
+    r()
+], Table.prototype, "isSelectAllIntermediate", void 0);
+__decorate([
+    r()
+], Table.prototype, "isHorizontallyScrolled", void 0);
+Table = __decorate([
+    IndividualComponent
+], Table);
+
+export { Table };
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../src/table/table.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nimport { throttle } from '@/__internal/utils/throttle.js';\n\nimport styles from './table.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\nconst DEFAULT_CELL_WIDTH = 16; // in rem\n\nexport interface TableColumn {\n  name: string;\n  label: string;\n  width?: number;\n  fixed?: boolean;\n  template?: (row: any, column: TableColumn) => string;\n}\n\n/**\n * @label Table\n * @tag wc-table\n * @rawTag table\n * @summary A configurable component for displaying tabular data.\n * @overview\n * <p>The table component displays rows of data with support for sorting, pagination, row selection, and fixed columns.</p>\n *\n * @fires {CustomEvent} cell-click - Dispatched when a table cell is clicked.\n * @fires {CustomEvent} selection-change - Dispatched when the row selection changes.\n * @fires {CustomEvent} sort - Dispatched when the table is sorted.\n * @fires {CustomEvent} page - Dispatched when the page or page size changes.\n *\n * @example\n * ```html\n * <wc-table columns=\"[{'name': 'name','label': 'Name','width': 16},{'name': 'age','label': 'Age','width': 7}]\" data=\"[{'name': 'John','age': 30},{'name': 'Jane','age': 25}]\"></wc-table>\n * ```\n * @tags display, data\n */\n@IndividualComponent\nexport class Table extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Grid columns configuration.\n   * Each column can have: name, label, width (px), fixed (boolean), template (function).\n   */\n  @property({ type: Array })\n  columns: TableColumn[] = [];\n\n  /**\n   * Grid data to display on table.\n   */\n  @property({ type: Array })\n  data: any[] = [];\n\n  /**\n   * Row selection type. Set to `\"checkbox\"` to enable checkbox selection.\n   */\n  @property({ type: String, attribute: 'selection-type' })\n  selectionType: 'checkbox' | undefined;\n\n  /**\n   * Array of selected row key values.\n   */\n  @property({ type: Array, attribute: 'selected-row-keys' })\n  selectedRowKeys: string[] = [];\n\n  /**\n   * The field name used as the unique key for each row. Defaults to `\"id\"`.\n   */\n  @property({ type: String, attribute: 'key-field' })\n  keyField: string = 'id';\n\n  /**\n   * If true, sorting and pagination are managed externally (controlled mode).\n   */\n  @property({ type: Boolean })\n  managed: boolean = false;\n\n  /**\n   * If true, columns are sortable. Defaults to `true`.\n   */\n  @property({ type: Boolean })\n  sortable: boolean = true;\n\n  /**\n   * The field name currently used for sorting.\n   */\n  @property({ type: String, attribute: 'sort-by' })\n  sortBy: string = '';\n\n  /**\n   * The current sort order. Possible values are `\"asc\"` and `\"desc\"`. Defaults to `\"asc\"`.\n   */\n  @property({ type: String, attribute: 'sort-order' })\n  sortOrder: 'asc' | 'desc' = 'asc';\n\n  /**\n   * If true, pagination is enabled. Defaults to `true`.\n   */\n  @property({ type: Boolean })\n  paginate: boolean = false;\n\n  /**\n   * The current page number (1-based). Defaults to `1`.\n   */\n  @property({ type: Number })\n  page: number = 1;\n\n  /**\n   * The number of rows per page. Defaults to `10`.\n   */\n  @property({ type: Number, attribute: 'page-size' })\n  pageSize: number = 10;\n\n  /**\n   * Total number of items (used in managed/controlled mode).\n   */\n  @property({ type: Number, attribute: 'total-items' })\n  totalItems: number | undefined;\n\n  /**\n   * Headline text shown when the table has no data.\n   */\n  @property({ type: String, attribute: 'empty-state-headline' })\n  emptyStateHeadline: string = 'No items';\n\n  /**\n   * Description text shown when the table has no data.\n   */\n  @property({ type: String, attribute: 'empty-state-description' })\n  emptyStateDescription: string = 'There are no items to display';\n\n  /** Tracks the currently hovered row and column for hover-highlight CSS. */\n  @state()\n  private hoveredCell: { row?: any; column?: any } = {};\n\n  /** True when all rows on the current page are selected. */\n  @state()\n  private isSelectAll: boolean = false;\n\n  /** True when some (but not all) rows on the current page are selected. */\n  @state()\n  private isSelectAllIntermediate: boolean = false;\n\n  /** True when the scroll container has been scrolled horizontally. */\n  @state()\n  private isHorizontallyScrolled: boolean = false;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** Throttled version of the cell-mouseover handler to avoid excessive state updates. */\n  private onCellMouseOverThrottled = throttle((row: any, column: any) => {\n    this.hoveredCell = { row, column };\n  }, 30);\n\n  private onSelectAllClick = () => {\n    this.isSelectAll = !this.isSelectAll;\n    let selectedRowKeys: string[] = [];\n    if (this.isSelectAll) {\n      selectedRowKeys = this.data\n        .slice((this.page - 1) * this.pageSize, this.page * this.pageSize)\n        .map(row => row[this.keyField]);\n    }\n    this.onSelectChange(selectedRowKeys);\n  };\n\n  private onRowSelectClick = (row: any) => {\n    let selectedRowKeys = [...this.selectedRowKeys];\n    if (selectedRowKeys.includes(row[this.keyField])) {\n      this.isSelectAll = false;\n      selectedRowKeys = selectedRowKeys.filter(\n        rowId => rowId !== row[this.keyField],\n      );\n    } else {\n      selectedRowKeys.push(row[this.keyField]);\n    }\n    this.onSelectChange(selectedRowKeys);\n  };\n\n  private onSelectChange(selectedRowKeys: string[]) {\n    this.selectedRowKeys = selectedRowKeys;\n    this.dispatchEvent(\n      new CustomEvent('selection-change', {\n        detail: {\n          value: this.selectedRowKeys,\n          isSelectAll: this.isSelectAll,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private onCellClick(row: any, col: TableColumn, evt: MouseEvent) {\n    this.dispatchEvent(\n      new CustomEvent('cell-click', {\n        detail: {\n          record: row,\n          column: col,\n          altKey: evt.altKey,\n          ctrlKey: evt.ctrlKey,\n          metaKey: evt.metaKey,\n          shiftKey: evt.shiftKey,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private onScrollContainer = (event: Event) => {\n    const target = event.target as HTMLElement;\n    this.isHorizontallyScrolled = !!target.scrollLeft;\n  };\n\n  private get totalColumnsWidth(): number {\n    let total = 0;\n    if (this.selectionType === 'checkbox') {\n      total += 3; // approximate checkbox column width in rem\n    }\n    this.columns.forEach(col => {\n      total += col.width ?? DEFAULT_CELL_WIDTH;\n    });\n    return total;\n  }\n\n  private getTotalItems(): number {\n    if (this.paginate && !this.managed && this.data) return this.data.length;\n    return this.totalItems ?? 0;\n  }\n\n  private getSortIcon(col: TableColumn): string {\n    if (this.sortBy === col.name) {\n      return this.sortOrder === 'asc'\n        ? 'keyboard_arrow_up'\n        : 'keyboard_arrow_down';\n    }\n    return '';\n  }\n\n  private onSortClick(col: TableColumn) {\n    if (this.sortBy === col.name) {\n      if (this.sortOrder === 'asc') {\n        this.sortOrder = 'desc';\n      } else {\n        this.sortBy = '';\n      }\n    } else {\n      this.sortBy = col.name;\n      this.sortOrder = 'asc';\n    }\n    this.dispatchEvent(\n      new CustomEvent('sort', {\n        detail: { sortBy: this.sortBy, sortOrder: this.sortOrder },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private renderHeader() {\n    const fixedCols: any[] = [];\n    const scrollCols: any[] = [];\n\n    if (this.selectionType === 'checkbox') {\n      fixedCols.push(html`\n        <div class=\"col col-checkbox center\">\n          <div class=\"col-content\">\n            <wc-checkbox\n              class=\"checkbox\"\n              .value=${this.isSelectAll}\n              .indeterminate=${this.isSelectAllIntermediate}\n              @change=${this.onSelectAllClick}\n            ></wc-checkbox>\n          </div>\n        </div>\n      `);\n    }\n\n    this.columns.forEach(col => {\n      const colWidth = col.width\n        ? parseInt(String(col.width), 10)\n        : DEFAULT_CELL_WIDTH;\n      const colEl = html`\n        <div\n          class=${classMap({ col: true, sort: this.sortBy === col.name })}\n          style=\"width: ${colWidth}rem\"\n        >\n          <div class=\"col-content\">\n            <div class=\"col-text\">${col.label}</div>\n            <div class=\"col-actions\">\n              ${this.sortable\n                ? html`\n                    <wc-button\n                      class=\"col-action\"\n                      color=\"secondary\"\n                      variant=\"text\"\n                      @click=${() => this.onSortClick(col)}\n                    >\n                      <wc-icon\n                        slot=\"icon\"\n                        name=${this.getSortIcon(col)}\n                      ></wc-icon>\n                    </wc-button>\n                  `\n                : nothing}\n            </div>\n          </div>\n        </div>\n      `;\n      if (col.fixed) {\n        fixedCols.push(colEl);\n      } else {\n        scrollCols.push(colEl);\n      }\n    });\n\n    return html`\n      <div class=\"header\">\n        <div class=\"row\" style=\"min-width: ${this.totalColumnsWidth}rem\">\n          <div class=\"fixed-columns columns-container\">${fixedCols}</div>\n          <div class=\"scrollable-columns columns-container\">${scrollCols}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderBody() {\n    let data = [...this.data];\n\n    if (!this.managed) {\n      if (this.sortable && this.sortBy) {\n        data = data.sort((a, b) => {\n          if (a[this.sortBy] < b[this.sortBy])\n            return this.sortOrder === 'asc' ? -1 : 1;\n          if (a[this.sortBy] > b[this.sortBy])\n            return this.sortOrder === 'asc' ? 1 : -1;\n          return 0;\n        });\n      }\n      if (this.paginate) {\n        data = data.slice(\n          (this.page - 1) * this.pageSize,\n          this.page * this.pageSize,\n        );\n      }\n    }\n\n    const rows = data.map(row => {\n      const fixedCols: any[] = [];\n      const scrollCols: any[] = [];\n\n      if (this.selectionType === 'checkbox') {\n        fixedCols.push(html`\n          <div class=\"col center col-checkbox\">\n            <div class=\"col-content\">\n              <wc-checkbox\n                class=\"checkbox\"\n                .value=${this.selectedRowKeys.includes(row[this.keyField])}\n                @change=${() => this.onRowSelectClick(row)}\n              ></wc-checkbox>\n            </div>\n          </div>\n        `);\n      }\n\n      this.columns.forEach(column => {\n        const colWidth = column.width\n          ? parseInt(String(column.width), 10)\n          : DEFAULT_CELL_WIDTH;\n        const colEl = html`\n          <div\n            tabindex=\"0\"\n            class=${classMap({\n              col: true,\n              'col-hover':\n                this.hoveredCell.row === row &&\n                this.hoveredCell.column === column,\n            })}\n            style=\"width: ${colWidth}rem\"\n            @mouseover=${() => this.onCellMouseOverThrottled(row, column)}\n            @focus=${() => this.onCellMouseOverThrottled(row, column)}\n            @keydown=${(event: KeyboardEvent) => {\n              if ((event.ctrlKey || event.metaKey) && event.key === 'c') {\n                const elem = event.target as HTMLElement;\n                window.navigator.clipboard\n                  .writeText(elem.innerText)\n                  .catch(() => {});\n              }\n            }}\n            @click=${(evt: MouseEvent) => {\n              const selection = window.getSelection();\n              if (selection?.type !== 'Range') {\n                this.onCellClick(row, column, evt);\n              }\n            }}\n          >\n            <div class=\"col-content\">\n              ${column.template\n                ? html`<div class=\"col-template\">\n                    ${unsafeHTML(column.template(row, column))}\n                  </div>`\n                : html`<div class=\"col-text\" title=${row?.[column.name] ?? ''}>\n                    ${row?.[column.name]}\n                  </div>`}\n            </div>\n          </div>\n        `;\n        if (column.fixed) {\n          fixedCols.push(colEl);\n        } else {\n          scrollCols.push(colEl);\n        }\n      });\n\n      return html`\n        <div\n          class=${classMap({\n            row: true,\n            'row-hover': this.hoveredCell.row === row,\n          })}\n          style=\"min-width: ${this.totalColumnsWidth}rem\"\n        >\n          <div class=\"fixed-columns columns-container\">${fixedCols}</div>\n          <div class=\"scrollable-columns columns-container\">${scrollCols}</div>\n        </div>\n      `;\n    });\n\n    return html`<div class=\"body\">${rows}</div>`;\n  }\n\n  private renderEmptyState() {\n    return html`\n      <div class=\"empty-table\">\n        <wc-empty-state\n          class=\"empty-state content-center\"\n          headline=${this.emptyStateHeadline}\n          description=${this.emptyStateDescription}\n        ></wc-empty-state>\n      </div>\n    `;\n  }\n\n  private renderPagination() {\n    if (!this.paginate) return nothing;\n\n    return html`\n      <wc-pagination\n        .page=${this.page}\n        .pageSize=${this.pageSize}\n        .totalItems=${this.getTotalItems()}\n        @page=${(e: CustomEvent) => {\n          this.page = e.detail.page;\n          this.pageSize = e.detail.pageSize;\n          this.dispatchEvent(\n            new CustomEvent('page', {\n              detail: { page: this.page, pageSize: this.pageSize },\n              bubbles: true,\n              composed: true,\n            }),\n          );\n        }}\n      ></wc-pagination>\n    `;\n  }\n\n  render() {\n    const tableClasses = {\n      table: true,\n      sortable: this.sortable,\n      paginate: this.paginate,\n      'horizontal-scrolled': this.isHorizontallyScrolled,\n    };\n\n    return html`\n      <div class=${classMap(tableClasses)}>\n        <div class=\"table-scroll-container\" @scroll=${this.onScrollContainer}>\n          ${this.renderHeader()}\n          ${this.data && this.data.length\n            ? this.renderBody()\n            : this.renderEmptyState()}\n        </div>\n        <div class=\"table-footer\">${this.renderPagination()}</div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","nothing","unsafeHTML","styles","property","state"],"mappings":"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"}