npm - @francofantomius/material-components - Versions diffs - 1.0.1 → 1.1.0 - Mend

@francofantomius/material-components 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/dist/chunks/{table-aRTYzDyE.js.map → table-CqHnneAj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-aRTYzDyE.js","names":[],"sources":["../../src/components/table/table.css.ts","../../src/components/table/table.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const tableStyles = css`\n :host {\n display: block;\n width: 100%;\n position: relative;\n box-sizing: border-box;\n font-family: var(--md-sys-typescale-font-family, inherit);\n background-color: var(--md-sys-color-surface, #FEF7FF);\n color: var(--md-sys-color-on-surface, #1D1B20);\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n overflow: hidden;\n transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([bordered]) {\n border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host([elevated]) {\n box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15));\n }\n\n .table-wrapper {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n position: relative;\n }\n\n .progress-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 5;\n height: 4px;\n }\n\n .table {\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n font-size: var(--md-sys-typescale-body-medium-size, 14px);\n line-height: 20px;\n }\n\n /* Dense table variant /\n :host([dense]) {\n --md-table-cell-padding-y: 8px;\n --md-table-cell-padding-x: 12px;\n --md-table-header-padding-y: 10px;\n }\n\n / Default cell padding variables /\n :host {\n --md-table-cell-padding-y: 14px;\n --md-table-cell-padding-x: 16px;\n --md-table-header-padding-y: 16px;\n --md-table-header-padding-x: 16px;\n }\n`;\n\nexport const tableHeadStyles = css`\n :host {\n display: table-header-group;\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host-context([sticky-header]),\n :host([sticky]) {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n`;\n\nexport const tableBodyStyles = css`\n :host {\n display: table-row-group;\n }\n`;\n\nexport const tableRowStyles = css`\n :host {\n display: table-row;\n position: relative;\n transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host(:last-of-type) {\n border-bottom: none;\n }\n\n / Hoverable rows /\n :host-context([hoverable]):hover,\n :host([hoverable]:hover),\n :host([interactive]:hover) {\n background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n }\n\n / Striped rows /\n :host-context([striped]):host(:nth-of-type(even)) {\n background-color: var(--md-sys-color-surface-container-lowest, #FFFFFF);\n }\n\n :host-context([striped]):host(:nth-of-type(odd)) {\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n }\n\n / Selected row /\n :host([selected]) {\n background-color: var(--md-sys-color-secondary-container, #E8DEF8) !important;\n }\n\n :host([interactive]) {\n cursor: pointer;\n }\n\n :host([disabled]) {\n opacity: 0.38;\n pointer-events: none;\n }\n`;\n\nexport const tableHeaderCellStyles = css`\n :host {\n display: table-cell;\n vertical-align: middle;\n padding: var(--md-table-header-padding-y, 16px) var(--md-table-header-padding-x, 16px);\n color: var(--md-sys-color-on-surface-variant, #49454F);\n font-size: var(--md-sys-typescale-title-small-size, 14px);\n font-weight: 600;\n letter-spacing: 0.1px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n user-select: none;\n box-sizing: border-box;\n white-space: nowrap;\n }\n\n :host([sortable]) {\n cursor: pointer;\n }\n\n :host([sortable]:hover) {\n color: var(--md-sys-color-on-surface, #1D1B20);\n background-color: rgba(0, 0, 0, 0.04);\n }\n\n :host([align=\"start\"]),\n :host([align=\"left\"]) {\n text-align: left;\n }\n\n :host([align=\"center\"]) {\n text-align: center;\n }\n\n :host([align=\"end\"]),\n :host([align=\"right\"]) {\n text-align: right;\n }\n\n .cell-content {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n width: 100%;\n }\n\n :host([align=\"center\"]) .cell-content {\n justify-content: center;\n }\n\n :host([align=\"end\"]) .cell-content,\n :host([align=\"right\"]) .cell-content {\n justify-content: flex-end;\n }\n\n .sort-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n color: var(--md-sys-color-primary, #6750A4);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.2, 0, 0, 1), opacity 150ms ease;\n }\n\n :host([sort-direction=\"asc\"]) .sort-icon {\n opacity: 1;\n transform: rotate(0deg);\n }\n\n :host([sort-direction=\"desc\"]) .sort-icon {\n opacity: 1;\n transform: rotate(180deg);\n }\n\n :host([sortable]:hover:not([sort-direction=\"asc\"]):not([sort-direction=\"desc\"])) .sort-icon {\n opacity: 0.5;\n }\n`;\n\nexport const tableCellStyles = css`\n :host {\n display: table-cell;\n vertical-align: middle;\n padding: var(--md-table-cell-padding-y, 14px) var(--md-table-cell-padding-x, 16px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n font-size: var(--md-sys-typescale-body-medium-size, 14px);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n box-sizing: border-box;\n }\n\n :host([align=\"start\"]),\n :host([align=\"left\"]) {\n text-align: left;\n }\n\n :host([align=\"center\"]) {\n text-align: center;\n }\n\n :host([align=\"end\"]),\n :host([align=\"right\"]) {\n text-align: right;\n }\n\n :host([numeric]) {\n font-variant-numeric: tabular-nums;\n text-align: right;\n }\n\n :host([truncate]) {\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`;\n\nexport const tablePaginationStyles = css`\n :host {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 16px;\n padding: 8px 16px;\n border-top: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n background-color: var(--md-sys-color-surface, #FEF7FF);\n font-size: var(--md-sys-typescale-body-small-size, 12px);\n color: var(--md-sys-color-on-surface-variant, #49454F);\n box-sizing: border-box;\n }\n\n .rows-per-page {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n select {\n padding: 4px 8px;\n border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n color: var(--md-sys-color-on-surface, #1D1B20);\n font-family: inherit;\n font-size: inherit;\n outline: none;\n cursor: pointer;\n }\n\n select:focus {\n border-color: var(--md-sys-color-primary, #6750A4);\n }\n\n .range-label {\n user-select: none;\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n`;\n\n","import { html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../progress/progress.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport '../checkbox/checkbox.js';\nimport {\n tableStyles,\n tableHeadStyles,\n tableBodyStyles,\n tableRowStyles,\n tableHeaderCellStyles,\n tableCellStyles,\n tablePaginationStyles,\n} from './table.css.js';\n\nexport type SortDirection = 'asc' \| 'desc' \| 'none';\nexport type TableCellAlignment = 'start' \| 'center' \| 'end' \| 'left' \| 'right';\n\nexport interface TableColumn<T = any> {\n key: string;\n label: string;\n sortable?: boolean;\n align?: TableCellAlignment;\n width?: string;\n numeric?: boolean;\n render?: (row: T, index: number) => unknown;\n}\n\nexport interface SortChangeEventDetail {\n column: string;\n direction: SortDirection;\n}\n\nexport interface PageChangeEventDetail {\n page: number;\n pageSize: number;\n}\n\nexport interface RowSelectEventDetail<T = any> {\n row: T;\n index: number;\n selected: boolean;\n selectedRows: T[];\n}\n\n/\n Material Design 3 Table Header Cell\n /\n@customElement('md-table-header-cell')\nexport class MdTableHeaderCell extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableHeaderCellStyles];\n\n @property({ type: Boolean, reflect: true })\n sortable = false;\n\n @property({ type: String, reflect: true, attribute: 'sort-direction' })\n sortDirection: SortDirection = 'none';\n\n @property({ type: String, reflect: true })\n align: TableCellAlignment = 'start';\n\n @property({ type: String, attribute: 'column-key' })\n columnKey = '';\n\n @property({ type: String })\n width = '';\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'columnheader');\n this.addEventListener('click', this.handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n }\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('width') && this.width) {\n this.style.width = this.width;\n }\n if (changedProperties.has('sortDirection')) {\n if (this.sortDirection === 'asc') {\n this.setAttribute('aria-sort', 'ascending');\n } else if (this.sortDirection === 'desc') {\n this.setAttribute('aria-sort', 'descending');\n } else {\n this.removeAttribute('aria-sort');\n }\n }\n }\n\n private handleClick = () => {\n if (!this.sortable) return;\n let nextDirection: SortDirection = 'asc';\n if (this.sortDirection === 'asc') {\n nextDirection = 'desc';\n } else if (this.sortDirection === 'desc') {\n nextDirection = 'none';\n }\n this.sortDirection = nextDirection;\n this.emitEvent<SortChangeEventDetail>('sort-change', {\n column: this.columnKey,\n direction: this.sortDirection,\n });\n };\n\n override render() {\n return html`\n <div class=\"cell-content\">\n <slot></slot>\n ${this.sortable\n ? html`<span class=\"sort-icon\" aria-hidden=\"true\"><md-icon name=\"arrow_upward\" size=\"18\"></md-icon></span>`\n : nothing}\n </div>\n `;\n }\n}\n\n/\n Material Design 3 Table Cell\n /\n@customElement('md-table-cell')\nexport class MdTableCell extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableCellStyles];\n\n @property({ type: String, reflect: true })\n align: TableCellAlignment = 'start';\n\n @property({ type: Boolean, reflect: true })\n numeric = false;\n\n @property({ type: Boolean, reflect: true })\n truncate = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'cell');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Row\n /\n@customElement('md-table-row')\nexport class MdTableRow extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableRowStyles];\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n selectable = false;\n\n @property({ type: Boolean, reflect: true })\n interactive = false;\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n hoverable = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'row');\n this.addEventListener('click', this.handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n }\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n this.emitEvent('row-click', { row: this });\n\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('row-select', { selected: this.selected, row: this });\n }\n };\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Head\n /\n@customElement('md-table-head')\nexport class MdTableHead extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableHeadStyles];\n\n @property({ type: Boolean, reflect: true })\n sticky = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'rowgroup');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Body\n /\n@customElement('md-table-body')\nexport class MdTableBody extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableBodyStyles];\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'rowgroup');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Pagination\n /\n@customElement('md-table-pagination')\nexport class MdTablePagination extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tablePaginationStyles];\n\n @property({ type: Number })\n page = 1;\n\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n @property({ type: Number })\n total = 0;\n\n @property({ type: Array, attribute: 'page-size-options' })\n pageSizeOptions: number[] = [5, 10, 25, 50];\n\n @property({ type: Boolean, attribute: 'show-first-last' })\n showFirstLast = true;\n\n get totalPages(): number {\n return Math.max(1, Math.ceil(this.total / Math.max(1, this.pageSize)));\n }\n\n private handlePageSizeChange = (event: Event) => {\n const select = event.target as HTMLSelectElement;\n const newSize = Number(select.value);\n this.pageSize = newSize;\n this.page = 1;\n this.emitEvent<PageChangeEventDetail>('page-size-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n this.emitEvent<PageChangeEventDetail>('page-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n };\n\n public firstPage = () => {\n if (this.page <= 1) return;\n this.page = 1;\n this.notifyPageChange();\n };\n\n public prevPage = () => {\n if (this.page <= 1) return;\n this.page -= 1;\n this.notifyPageChange();\n };\n\n public nextPage = () => {\n if (this.page >= this.totalPages) return;\n this.page += 1;\n this.notifyPageChange();\n };\n\n public lastPage = () => {\n if (this.page >= this.totalPages) return;\n this.page = this.totalPages;\n this.notifyPageChange();\n };\n\n private notifyPageChange() {\n this.emitEvent<PageChangeEventDetail>('page-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n }\n\n override render() {\n const start = this.total === 0 ? 0 : (this.page - 1) this.pageSize + 1;\n const end = Math.min(this.page * this.pageSize, this.total);\n const rangeText = `${start}–${end} of ${this.total}`;\n\n return html`\n <div class=\"rows-per-page\">\n <span>Rows per page:</span>\n <select .value=${String(this.pageSize)} @change=${this.handlePageSizeChange}>\n ${this.pageSizeOptions.map(\n (opt) => html`<option value=${opt} ?selected=${opt === this.pageSize}>${opt}</option>`\n )}\n </select>\n </div>\n\n <div class=\"range-label\">${rangeText}</div>\n\n <div class=\"actions\">\n ${this.showFirstLast\n ? html`\n <md-icon-button\n icon=\"first_page\"\n aria-label=\"First page\"\n ?disabled=${this.page <= 1}\n @click=${this.firstPage}\n ></md-icon-button>\n `\n : nothing}\n <md-icon-button\n icon=\"chevron_left\"\n aria-label=\"Previous page\"\n ?disabled=${this.page <= 1}\n @click=${this.prevPage}\n ></md-icon-button>\n <md-icon-button\n icon=\"chevron_right\"\n aria-label=\"Next page\"\n ?disabled=${this.page >= this.totalPages}\n @click=${this.nextPage}\n ></md-icon-button>\n ${this.showFirstLast\n ? html`\n <md-icon-button\n icon=\"last_page\"\n aria-label=\"Last page\"\n ?disabled=${this.page >= this.totalPages}\n @click=${this.lastPage}\n ></md-icon-button>\n `\n : nothing}\n </div>\n `;\n }\n}\n\n/*\n Material Design 3 Table / Data Table\n /\n@customElement('md-table')\nexport class MdTable extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableStyles];\n\n @property({ type: Boolean, reflect: true })\n bordered = false;\n\n @property({ type: Boolean, reflect: true })\n elevated = false;\n\n @property({ type: Boolean, reflect: true })\n striped = false;\n\n @property({ type: Boolean, reflect: true })\n hoverable = true;\n\n @property({ type: Boolean, reflect: true })\n dense = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n stickyHeader = false;\n\n @property({ type: Boolean, reflect: true })\n loading = false;\n\n @property({ type: Boolean, reflect: true })\n selectable = false;\n\n @property({ type: Array })\n columns: TableColumn[] = [];\n\n @property({ type: Array })\n rows: Record<string, any>[] = [];\n\n @property({ type: Array })\n selectedRows: Record<string, any>[] = [];\n\n @property({ type: String, attribute: 'sort-column' })\n sortColumn = '';\n\n @property({ type: String, attribute: 'sort-direction' })\n sortDirection: SortDirection = 'none';\n\n @property({ type: Boolean })\n paginated = false;\n\n @property({ type: Number })\n page = 1;\n\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n @property({ type: Array, attribute: 'page-size-options' })\n pageSizeOptions: number[] = [5, 10, 25, 50];\n\n @property({ type: Number })\n total = 0;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'table');\n }\n\n private handleHeaderSortChange = (event: CustomEvent<SortChangeEventDetail>) => {\n this.sortColumn = event.detail.column;\n this.sortDirection = event.detail.direction;\n this.emitEvent<SortChangeEventDetail>('sort-change', event.detail);\n };\n\n private handleSelectAllToggle = (event: CustomEvent<{ checked: boolean }>) => {\n const isChecked = event.detail.checked;\n const currentRows = this.getProcessedRows();\n if (isChecked) {\n const newSelections = [...this.selectedRows];\n currentRows.forEach((r) => {\n if (!newSelections.includes(r)) {\n newSelections.push(r);\n }\n });\n this.selectedRows = newSelections;\n } else {\n this.selectedRows = this.selectedRows.filter((r) => !currentRows.includes(r));\n }\n\n this.emitEvent('selection-change', {\n selectedRows: this.selectedRows,\n allSelected: isChecked,\n });\n };\n\n private handleRowSelectToggle = (row: Record<string, any>, index: number) => {\n const isSelected = this.selectedRows.includes(row);\n if (isSelected) {\n this.selectedRows = this.selectedRows.filter((r) => r !== row);\n } else {\n this.selectedRows = [...this.selectedRows, row];\n }\n\n this.emitEvent<RowSelectEventDetail>('row-select', {\n row,\n index,\n selected: !isSelected,\n selectedRows: this.selectedRows,\n });\n this.emitEvent('selection-change', {\n selectedRows: this.selectedRows,\n });\n };\n\n private handlePaginationChange = (event: CustomEvent<PageChangeEventDetail>) => {\n this.page = event.detail.page;\n this.pageSize = event.detail.pageSize;\n this.emitEvent<PageChangeEventDetail>('page-change', event.detail);\n };\n\n private getProcessedRows(): Record<string, any>[] {\n if (!this.rows \|\| this.rows.length === 0) return [];\n let processed = [...this.rows];\n\n // Sorting\n if (this.sortColumn && this.sortDirection !== 'none') {\n const dir = this.sortDirection === 'asc' ? 1 : -1;\n processed.sort((a, b) => {\n const valA = a[this.sortColumn];\n const valB = b[this.sortColumn];\n if (valA == null && valB == null) return 0;\n if (valA == null) return 1;\n if (valB == null) return -1;\n if (typeof valA === 'number' && typeof valB === 'number') {\n return (valA - valB) dir;\n }\n return String(valA).localeCompare(String(valB)) * dir;\n });\n }\n\n // Pagination (if data-driven rows & paginated)\n if (this.paginated) {\n const startIndex = (this.page - 1) * this.pageSize;\n processed = processed.slice(startIndex, startIndex + this.pageSize);\n }\n\n return processed;\n }\n\n override render() {\n const isDataDriven = this.columns && this.columns.length > 0;\n const currentRows = isDataDriven ? this.getProcessedRows() : [];\n const totalCount = this.total \|\| (this.rows ? this.rows.length : 0);\n\n const allCurrentSelected =\n currentRows.length > 0 && currentRows.every((r) => this.selectedRows.includes(r));\n const someCurrentSelected =\n !allCurrentSelected && currentRows.some((r) => this.selectedRows.includes(r));\n\n return html`\n <div class=\"table-wrapper\">\n ${this.loading\n ? html`<div class=\"progress-container\"><md-linear-progress indeterminate></md-linear-progress></div>`\n : nothing}\n\n <div class=\"table\" role=\"table\">\n ${isDataDriven\n ? html`\n <md-table-head ?sticky=${this.stickyHeader}>\n <md-table-row>\n ${this.selectable\n ? html`\n <md-table-header-cell style=\"width: 48px; padding-right: 0;\">\n <md-checkbox\n .checked=${allCurrentSelected}\n .indeterminate=${someCurrentSelected}\n aria-label=\"Select all rows\"\n @change=${this.handleSelectAllToggle}\n ></md-checkbox>\n </md-table-header-cell>\n `\n : nothing}\n ${this.columns.map((col) => {\n const isSorted = this.sortColumn === col.key;\n const dir = isSorted ? this.sortDirection : 'none';\n return html`\n <md-table-header-cell\n column-key=${col.key}\n ?sortable=${Boolean(col.sortable)}\n sort-direction=${dir}\n align=${col.align \|\| (col.numeric ? 'end' : 'start')}\n width=${col.width \|\| ''}\n @sort-change=${this.handleHeaderSortChange}\n >\n ${col.label}\n </md-table-header-cell>\n `;\n })}\n </md-table-row>\n </md-table-head>\n\n <md-table-body>\n ${currentRows.map((row, index) => {\n const isSelected = this.selectedRows.includes(row);\n return html`\n <md-table-row\n ?selected=${isSelected}\n ?hoverable=${this.hoverable}\n @click=${() => this.emitEvent('row-click', { row, index })}\n >\n ${this.selectable\n ? html`\n <md-table-cell style=\"width: 48px; padding-right: 0;\">\n <md-checkbox\n .checked=${isSelected}\n aria-label=\"Select row\"\n @change=${(e: Event) => {\n e.stopPropagation();\n this.handleRowSelectToggle(row, index);\n }}\n ></md-checkbox>\n </md-table-cell>\n `\n : nothing}\n ${this.columns.map((col) => {\n const cellContent = col.render ? col.render(row, index) : row[col.key];\n return html`\n <md-table-cell\n align=${col.align \|\| (col.numeric ? 'end' : 'start')}\n ?numeric=${Boolean(col.numeric)}\n >\n ${cellContent}\n </md-table-cell>\n `;\n })}\n </md-table-row>\n `;\n })}\n </md-table-body>\n `\n : html`<slot></slot>`}\n </div>\n </div>\n\n ${this.paginated \|\| isDataDriven && this.rows.length > 0 && this.paginated\n ? html`\n <md-table-pagination\n .page=${this.page}\n .pageSize=${this.pageSize}\n .total=${totalCount}\n .pageSizeOptions=${this.pageSizeOptions}\n @page-change=${this.handlePaginationChange}\n @page-size-change=${this.handlePaginationChange}\n ></md-table-pagination>\n `\n : nothing}\n <slot name=\"pagination\"></slot>\n `;\n }\n}\n\n// Aliases\n@customElement('md-data-table')\nexport class MdDataTable extends MdTable {}\n\n@customElement('md-table-header')\nexport class MdTableHeader extends MdTableHead {}\n\n@customElement('md-table-head-cell')\nexport class MdTableHeadCell extends MdTableHeaderCell {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-table': MdTable;\n 'md-data-table': MdDataTable;\n 'md-table-head': MdTableHead;\n 'md-table-header': MdTableHeader;\n 'md-table-body': MdTableBody;\n 'md-table-row': MdTableRow;\n 'md-table-cell': MdTableCell;\n 'md-table-header-cell': MdTableHeaderCell;\n 'md-table-head-cell': MdTableHeadCell;\n 'md-table-pagination': MdTablePagination;\n }\n}\n\n"],"mappings":"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"}
1	+ {"version":3,"file":"table-CqHnneAj.js","names":[],"sources":["../../src/components/table/table.css.ts","../../src/components/table/table.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const tableStyles = css`\n :host {\n display: block;\n width: 100%;\n position: relative;\n box-sizing: border-box;\n font-family: var(--md-sys-typescale-font-family, inherit);\n background-color: var(--md-sys-color-surface, #FEF7FF);\n color: var(--md-sys-color-on-surface, #1D1B20);\n border-radius: var(--md-sys-shape-corner-medium, 12px);\n overflow: hidden;\n transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n }\n\n :host([bordered]) {\n border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host([elevated]) {\n box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15));\n }\n\n .table-wrapper {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n position: relative;\n }\n\n .progress-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 5;\n height: 4px;\n }\n\n .table {\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n font-size: var(--md-sys-typescale-body-medium-size, 14px);\n line-height: 20px;\n }\n\n /* Dense table variant /\n :host([dense]) {\n --md-table-cell-padding-y: 8px;\n --md-table-cell-padding-x: 12px;\n --md-table-header-padding-y: 10px;\n }\n\n / Default cell padding variables /\n :host {\n --md-table-cell-padding-y: 14px;\n --md-table-cell-padding-x: 16px;\n --md-table-header-padding-y: 16px;\n --md-table-header-padding-x: 16px;\n }\n`;\n\nexport const tableHeadStyles = css`\n :host {\n display: table-header-group;\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host-context([sticky-header]),\n :host([sticky]) {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n`;\n\nexport const tableBodyStyles = css`\n :host {\n display: table-row-group;\n }\n`;\n\nexport const tableRowStyles = css`\n :host {\n display: table-row;\n position: relative;\n transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n }\n\n :host(:last-of-type) {\n border-bottom: none;\n }\n\n / Hoverable rows /\n :host-context([hoverable]):hover,\n :host([hoverable]:hover),\n :host([interactive]:hover) {\n background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n }\n\n / Striped rows /\n :host-context([striped]):host(:nth-of-type(even)) {\n background-color: var(--md-sys-color-surface-container-lowest, #FFFFFF);\n }\n\n :host-context([striped]):host(:nth-of-type(odd)) {\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n }\n\n / Selected row /\n :host([selected]) {\n background-color: var(--md-sys-color-secondary-container, #E8DEF8) !important;\n }\n\n :host([interactive]) {\n cursor: pointer;\n }\n\n :host([disabled]) {\n opacity: 0.38;\n pointer-events: none;\n }\n`;\n\nexport const tableHeaderCellStyles = css`\n :host {\n display: table-cell;\n vertical-align: middle;\n padding: var(--md-table-header-padding-y, 16px) var(--md-table-header-padding-x, 16px);\n color: var(--md-sys-color-on-surface-variant, #49454F);\n font-size: var(--md-sys-typescale-title-small-size, 14px);\n font-weight: 600;\n letter-spacing: 0.1px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n user-select: none;\n box-sizing: border-box;\n white-space: nowrap;\n }\n\n :host([sortable]) {\n cursor: pointer;\n }\n\n :host([sortable]:hover) {\n color: var(--md-sys-color-on-surface, #1D1B20);\n background-color: rgba(0, 0, 0, 0.04);\n }\n\n :host([align=\"start\"]),\n :host([align=\"left\"]) {\n text-align: left;\n }\n\n :host([align=\"center\"]) {\n text-align: center;\n }\n\n :host([align=\"end\"]),\n :host([align=\"right\"]) {\n text-align: right;\n }\n\n .cell-content {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n width: 100%;\n }\n\n :host([align=\"center\"]) .cell-content {\n justify-content: center;\n }\n\n :host([align=\"end\"]) .cell-content,\n :host([align=\"right\"]) .cell-content {\n justify-content: flex-end;\n }\n\n .sort-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n color: var(--md-sys-color-primary, #6750A4);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.2, 0, 0, 1), opacity 150ms ease;\n }\n\n :host([sort-direction=\"asc\"]) .sort-icon {\n opacity: 1;\n transform: rotate(0deg);\n }\n\n :host([sort-direction=\"desc\"]) .sort-icon {\n opacity: 1;\n transform: rotate(180deg);\n }\n\n :host([sortable]:hover:not([sort-direction=\"asc\"]):not([sort-direction=\"desc\"])) .sort-icon {\n opacity: 0.5;\n }\n`;\n\nexport const tableCellStyles = css`\n :host {\n display: table-cell;\n vertical-align: middle;\n padding: var(--md-table-cell-padding-y, 14px) var(--md-table-cell-padding-x, 16px);\n color: var(--md-sys-color-on-surface, #1D1B20);\n font-size: var(--md-sys-typescale-body-medium-size, 14px);\n border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n box-sizing: border-box;\n }\n\n :host([align=\"start\"]),\n :host([align=\"left\"]) {\n text-align: left;\n }\n\n :host([align=\"center\"]) {\n text-align: center;\n }\n\n :host([align=\"end\"]),\n :host([align=\"right\"]) {\n text-align: right;\n }\n\n :host([numeric]) {\n font-variant-numeric: tabular-nums;\n text-align: right;\n }\n\n :host([truncate]) {\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`;\n\nexport const tablePaginationStyles = css`\n :host {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 16px;\n padding: 8px 16px;\n border-top: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n background-color: var(--md-sys-color-surface, #FEF7FF);\n font-size: var(--md-sys-typescale-body-small-size, 12px);\n color: var(--md-sys-color-on-surface-variant, #49454F);\n box-sizing: border-box;\n }\n\n .rows-per-page {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n select {\n padding: 4px 8px;\n border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n border-radius: var(--md-sys-shape-corner-extra-small, 4px);\n background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n color: var(--md-sys-color-on-surface, #1D1B20);\n font-family: inherit;\n font-size: inherit;\n outline: none;\n cursor: pointer;\n }\n\n select:focus {\n border-color: var(--md-sys-color-primary, #6750A4);\n }\n\n .range-label {\n user-select: none;\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n`;\n\n","import { html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../progress/progress.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport '../checkbox/checkbox.js';\nimport {\n tableStyles,\n tableHeadStyles,\n tableBodyStyles,\n tableRowStyles,\n tableHeaderCellStyles,\n tableCellStyles,\n tablePaginationStyles,\n} from './table.css.js';\n\nexport type SortDirection = 'asc' \| 'desc' \| 'none';\nexport type TableCellAlignment = 'start' \| 'center' \| 'end' \| 'left' \| 'right';\n\nexport interface TableColumn<T = any> {\n key: string;\n label: string;\n sortable?: boolean;\n align?: TableCellAlignment;\n width?: string;\n numeric?: boolean;\n render?: (row: T, index: number) => unknown;\n}\n\nexport interface SortChangeEventDetail {\n column: string;\n direction: SortDirection;\n}\n\nexport interface PageChangeEventDetail {\n page: number;\n pageSize: number;\n}\n\nexport interface RowSelectEventDetail<T = any> {\n row: T;\n index: number;\n selected: boolean;\n selectedRows: T[];\n}\n\n/\n Material Design 3 Table Header Cell\n /\n@customElement('md-table-header-cell')\nexport class MdTableHeaderCell extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableHeaderCellStyles];\n\n @property({ type: Boolean, reflect: true })\n sortable = false;\n\n @property({ type: String, reflect: true, attribute: 'sort-direction' })\n sortDirection: SortDirection = 'none';\n\n @property({ type: String, reflect: true })\n align: TableCellAlignment = 'start';\n\n @property({ type: String, attribute: 'column-key' })\n columnKey = '';\n\n @property({ type: String })\n width = '';\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'columnheader');\n this.addEventListener('click', this.handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n }\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('width') && this.width) {\n this.style.width = this.width;\n }\n if (changedProperties.has('sortDirection')) {\n if (this.sortDirection === 'asc') {\n this.setAttribute('aria-sort', 'ascending');\n } else if (this.sortDirection === 'desc') {\n this.setAttribute('aria-sort', 'descending');\n } else {\n this.removeAttribute('aria-sort');\n }\n }\n }\n\n private handleClick = () => {\n if (!this.sortable) return;\n let nextDirection: SortDirection = 'asc';\n if (this.sortDirection === 'asc') {\n nextDirection = 'desc';\n } else if (this.sortDirection === 'desc') {\n nextDirection = 'none';\n }\n this.sortDirection = nextDirection;\n this.emitEvent<SortChangeEventDetail>('sort-change', {\n column: this.columnKey,\n direction: this.sortDirection,\n });\n };\n\n override render() {\n return html`\n <div class=\"cell-content\">\n <slot></slot>\n ${this.sortable\n ? html`<span class=\"sort-icon\" aria-hidden=\"true\"><md-icon name=\"arrow_upward\" size=\"18\"></md-icon></span>`\n : nothing}\n </div>\n `;\n }\n}\n\n/\n Material Design 3 Table Cell\n /\n@customElement('md-table-cell')\nexport class MdTableCell extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableCellStyles];\n\n @property({ type: String, reflect: true })\n align: TableCellAlignment = 'start';\n\n @property({ type: Boolean, reflect: true })\n numeric = false;\n\n @property({ type: Boolean, reflect: true })\n truncate = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'cell');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Row\n /\n@customElement('md-table-row')\nexport class MdTableRow extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableRowStyles];\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n selectable = false;\n\n @property({ type: Boolean, reflect: true })\n interactive = false;\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n hoverable = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'row');\n this.addEventListener('click', this.handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleClick);\n }\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('selected')) {\n this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n }\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n this.emitEvent('row-click', { row: this });\n\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('row-select', { selected: this.selected, row: this });\n }\n };\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Head\n /\n@customElement('md-table-head')\nexport class MdTableHead extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableHeadStyles];\n\n @property({ type: Boolean, reflect: true })\n sticky = false;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'rowgroup');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Body\n /\n@customElement('md-table-body')\nexport class MdTableBody extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableBodyStyles];\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'rowgroup');\n }\n\n override render() {\n return html`<slot></slot>`;\n }\n}\n\n/\n Material Design 3 Table Pagination\n /\n@customElement('md-table-pagination')\nexport class MdTablePagination extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tablePaginationStyles];\n\n @property({ type: Number })\n page = 1;\n\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n @property({ type: Number })\n total = 0;\n\n @property({ type: Array, attribute: 'page-size-options' })\n pageSizeOptions: number[] = [5, 10, 25, 50];\n\n @property({ type: Boolean, attribute: 'show-first-last' })\n showFirstLast = true;\n\n get totalPages(): number {\n return Math.max(1, Math.ceil(this.total / Math.max(1, this.pageSize)));\n }\n\n private handlePageSizeChange = (event: Event) => {\n const select = event.target as HTMLSelectElement;\n const newSize = Number(select.value);\n this.pageSize = newSize;\n this.page = 1;\n this.emitEvent<PageChangeEventDetail>('page-size-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n this.emitEvent<PageChangeEventDetail>('page-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n };\n\n public firstPage = () => {\n if (this.page <= 1) return;\n this.page = 1;\n this.notifyPageChange();\n };\n\n public prevPage = () => {\n if (this.page <= 1) return;\n this.page -= 1;\n this.notifyPageChange();\n };\n\n public nextPage = () => {\n if (this.page >= this.totalPages) return;\n this.page += 1;\n this.notifyPageChange();\n };\n\n public lastPage = () => {\n if (this.page >= this.totalPages) return;\n this.page = this.totalPages;\n this.notifyPageChange();\n };\n\n private notifyPageChange() {\n this.emitEvent<PageChangeEventDetail>('page-change', {\n page: this.page,\n pageSize: this.pageSize,\n });\n }\n\n override render() {\n const start = this.total === 0 ? 0 : (this.page - 1) this.pageSize + 1;\n const end = Math.min(this.page * this.pageSize, this.total);\n const rangeText = `${start}–${end} of ${this.total}`;\n\n return html`\n <div class=\"rows-per-page\">\n <span>Rows per page:</span>\n <select .value=${String(this.pageSize)} @change=${this.handlePageSizeChange}>\n ${this.pageSizeOptions.map(\n (opt) => html`<option value=${opt} ?selected=${opt === this.pageSize}>${opt}</option>`\n )}\n </select>\n </div>\n\n <div class=\"range-label\">${rangeText}</div>\n\n <div class=\"actions\">\n ${this.showFirstLast\n ? html`\n <md-icon-button\n icon=\"first_page\"\n aria-label=\"First page\"\n ?disabled=${this.page <= 1}\n @click=${this.firstPage}\n ></md-icon-button>\n `\n : nothing}\n <md-icon-button\n icon=\"chevron_left\"\n aria-label=\"Previous page\"\n ?disabled=${this.page <= 1}\n @click=${this.prevPage}\n ></md-icon-button>\n <md-icon-button\n icon=\"chevron_right\"\n aria-label=\"Next page\"\n ?disabled=${this.page >= this.totalPages}\n @click=${this.nextPage}\n ></md-icon-button>\n ${this.showFirstLast\n ? html`\n <md-icon-button\n icon=\"last_page\"\n aria-label=\"Last page\"\n ?disabled=${this.page >= this.totalPages}\n @click=${this.lastPage}\n ></md-icon-button>\n `\n : nothing}\n </div>\n `;\n }\n}\n\n/*\n Material Design 3 Table / Data Table\n /\n@customElement('md-table')\nexport class MdTable extends MdBaseElement {\n static override styles = [MdBaseElement.styles, tableStyles];\n\n @property({ type: Boolean, reflect: true })\n bordered = false;\n\n @property({ type: Boolean, reflect: true })\n elevated = false;\n\n @property({ type: Boolean, reflect: true })\n striped = false;\n\n @property({ type: Boolean, reflect: true })\n hoverable = true;\n\n @property({ type: Boolean, reflect: true })\n dense = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n stickyHeader = false;\n\n @property({ type: Boolean, reflect: true })\n loading = false;\n\n @property({ type: Boolean, reflect: true })\n selectable = false;\n\n @property({ type: Array })\n columns: TableColumn[] = [];\n\n @property({ type: Array })\n rows: Record<string, any>[] = [];\n\n @property({ type: Array })\n selectedRows: Record<string, any>[] = [];\n\n @property({ type: String, attribute: 'sort-column' })\n sortColumn = '';\n\n @property({ type: String, attribute: 'sort-direction' })\n sortDirection: SortDirection = 'none';\n\n @property({ type: Boolean })\n paginated = false;\n\n @property({ type: Number })\n page = 1;\n\n @property({ type: Number, attribute: 'page-size' })\n pageSize = 10;\n\n @property({ type: Array, attribute: 'page-size-options' })\n pageSizeOptions: number[] = [5, 10, 25, 50];\n\n @property({ type: Number })\n total = 0;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'table');\n }\n\n private handleHeaderSortChange = (event: CustomEvent<SortChangeEventDetail>) => {\n this.sortColumn = event.detail.column;\n this.sortDirection = event.detail.direction;\n this.emitEvent<SortChangeEventDetail>('sort-change', event.detail);\n };\n\n private handleSelectAllToggle = (event: CustomEvent<{ checked: boolean }>) => {\n const isChecked = event.detail.checked;\n const currentRows = this.getProcessedRows();\n if (isChecked) {\n const newSelections = [...this.selectedRows];\n currentRows.forEach((r) => {\n if (!newSelections.includes(r)) {\n newSelections.push(r);\n }\n });\n this.selectedRows = newSelections;\n } else {\n this.selectedRows = this.selectedRows.filter((r) => !currentRows.includes(r));\n }\n\n this.emitEvent('selection-change', {\n selectedRows: this.selectedRows,\n allSelected: isChecked,\n });\n };\n\n private handleRowSelectToggle = (row: Record<string, any>, index: number) => {\n const isSelected = this.selectedRows.includes(row);\n if (isSelected) {\n this.selectedRows = this.selectedRows.filter((r) => r !== row);\n } else {\n this.selectedRows = [...this.selectedRows, row];\n }\n\n this.emitEvent<RowSelectEventDetail>('row-select', {\n row,\n index,\n selected: !isSelected,\n selectedRows: this.selectedRows,\n });\n this.emitEvent('selection-change', {\n selectedRows: this.selectedRows,\n });\n };\n\n private handlePaginationChange = (event: CustomEvent<PageChangeEventDetail>) => {\n this.page = event.detail.page;\n this.pageSize = event.detail.pageSize;\n this.emitEvent<PageChangeEventDetail>('page-change', event.detail);\n };\n\n private getProcessedRows(): Record<string, any>[] {\n if (!this.rows \|\| this.rows.length === 0) return [];\n let processed = [...this.rows];\n\n // Sorting\n if (this.sortColumn && this.sortDirection !== 'none') {\n const dir = this.sortDirection === 'asc' ? 1 : -1;\n processed.sort((a, b) => {\n const valA = a[this.sortColumn];\n const valB = b[this.sortColumn];\n if (valA == null && valB == null) return 0;\n if (valA == null) return 1;\n if (valB == null) return -1;\n if (typeof valA === 'number' && typeof valB === 'number') {\n return (valA - valB) dir;\n }\n return String(valA).localeCompare(String(valB)) * dir;\n });\n }\n\n // Pagination (if data-driven rows & paginated)\n if (this.paginated) {\n const startIndex = (this.page - 1) * this.pageSize;\n processed = processed.slice(startIndex, startIndex + this.pageSize);\n }\n\n return processed;\n }\n\n override render() {\n const isDataDriven = this.columns && this.columns.length > 0;\n const currentRows = isDataDriven ? this.getProcessedRows() : [];\n const totalCount = this.total \|\| (this.rows ? this.rows.length : 0);\n\n const allCurrentSelected =\n currentRows.length > 0 && currentRows.every((r) => this.selectedRows.includes(r));\n const someCurrentSelected =\n !allCurrentSelected && currentRows.some((r) => this.selectedRows.includes(r));\n\n return html`\n <div class=\"table-wrapper\">\n ${this.loading\n ? html`<div class=\"progress-container\"><md-linear-progress indeterminate></md-linear-progress></div>`\n : nothing}\n\n <div class=\"table\" role=\"table\">\n ${isDataDriven\n ? html`\n <md-table-head ?sticky=${this.stickyHeader}>\n <md-table-row>\n ${this.selectable\n ? html`\n <md-table-header-cell style=\"width: 48px; padding-right: 0;\">\n <md-checkbox\n .checked=${allCurrentSelected}\n .indeterminate=${someCurrentSelected}\n aria-label=\"Select all rows\"\n @change=${this.handleSelectAllToggle}\n ></md-checkbox>\n </md-table-header-cell>\n `\n : nothing}\n ${this.columns.map((col) => {\n const isSorted = this.sortColumn === col.key;\n const dir = isSorted ? this.sortDirection : 'none';\n return html`\n <md-table-header-cell\n column-key=${col.key}\n ?sortable=${Boolean(col.sortable)}\n sort-direction=${dir}\n align=${col.align \|\| (col.numeric ? 'end' : 'start')}\n width=${col.width \|\| ''}\n @sort-change=${this.handleHeaderSortChange}\n >\n ${col.label}\n </md-table-header-cell>\n `;\n })}\n </md-table-row>\n </md-table-head>\n\n <md-table-body>\n ${currentRows.map((row, index) => {\n const isSelected = this.selectedRows.includes(row);\n return html`\n <md-table-row\n ?selected=${isSelected}\n ?hoverable=${this.hoverable}\n @click=${() => this.emitEvent('row-click', { row, index })}\n >\n ${this.selectable\n ? html`\n <md-table-cell style=\"width: 48px; padding-right: 0;\">\n <md-checkbox\n .checked=${isSelected}\n aria-label=\"Select row\"\n @change=${(e: Event) => {\n e.stopPropagation();\n this.handleRowSelectToggle(row, index);\n }}\n ></md-checkbox>\n </md-table-cell>\n `\n : nothing}\n ${this.columns.map((col) => {\n const cellContent = col.render ? col.render(row, index) : row[col.key];\n return html`\n <md-table-cell\n align=${col.align \|\| (col.numeric ? 'end' : 'start')}\n ?numeric=${Boolean(col.numeric)}\n >\n ${cellContent}\n </md-table-cell>\n `;\n })}\n </md-table-row>\n `;\n })}\n </md-table-body>\n `\n : html`<slot></slot>`}\n </div>\n </div>\n\n ${this.paginated \|\| isDataDriven && this.rows.length > 0 && this.paginated\n ? html`\n <md-table-pagination\n .page=${this.page}\n .pageSize=${this.pageSize}\n .total=${totalCount}\n .pageSizeOptions=${this.pageSizeOptions}\n @page-change=${this.handlePaginationChange}\n @page-size-change=${this.handlePaginationChange}\n ></md-table-pagination>\n `\n : nothing}\n <slot name=\"pagination\"></slot>\n `;\n }\n}\n\n// Aliases\n@customElement('md-data-table')\nexport class MdDataTable extends MdTable {}\n\n@customElement('md-table-header')\nexport class MdTableHeader extends MdTableHead {}\n\n@customElement('md-table-head-cell')\nexport class MdTableHeadCell extends MdTableHeaderCell {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-table': MdTable;\n 'md-data-table': MdDataTable;\n 'md-table-head': MdTableHead;\n 'md-table-header': MdTableHeader;\n 'md-table-body': MdTableBody;\n 'md-table-row': MdTableRow;\n 'md-table-cell': MdTableCell;\n 'md-table-header-cell': MdTableHeaderCell;\n 'md-table-head-cell': MdTableHeadCell;\n 'md-table-pagination': MdTablePagination;\n }\n}\n\n"],"mappings":"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"}