kanto-ds 1.5.2 → 1.6.0

package/dist/components/data/kt-meter/kt-meter.js

@@ -1,6 +1,6 @@
 import { css as m, html as r, nothing as o } from "lit";
 import { property as i } from "lit/decorators.js";
-import { K as u, d as c } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { K as u, d as c } from "../../../chunks/kt-element-T0VbIBNp.js";
 var g = Object.defineProperty, n = (d, t, e, s) => {
   for (var a = void 0, p = d.length - 1, h; p >= 0; p--)
     (h = d[p]) && (a = h(t, e, a) || a);

package/dist/components/data/kt-pagination/kt-pagination.js

@@ -1,8 +1,8 @@
 import { css as h, html as m } from "lit";
 import { property as n } from "lit/decorators.js";
-import { K as g, d as c } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { K as g, d as c } from "../../../chunks/kt-element-T0VbIBNp.js";
 import { e as u } from "../../../chunks/events-r51msXNf.js";
-import { s as i } from "../../../chunks/index-STEEvEP7.js";
+import { s as i } from "../../../chunks/index-TWJzttLX.js";
 import "../../core/kt-button/kt-button.js";
 var d = Object.defineProperty, p = (r, a, t, f) => {
   for (var e = void 0, o = r.length - 1, l; o >= 0; o--)

package/dist/components/data/kt-stat/kt-stat.js

@@ -1,6 +1,6 @@
 import { css as h, nothing as l, html as r } from "lit";
 import { property as e } from "lit/decorators.js";
-import { K as c, d as f } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { K as c, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../core/kt-badge/kt-badge.js";
 import "../../feedback/kt-skeleton/kt-skeleton.js";

package/dist/components/data/kt-table/kt-table.js

@@ -1,11 +1,11 @@
-import { css as k, nothing as d, html as c } from "lit";
-import { property as l, state as f } from "lit/decorators.js";
+import { css as k, nothing as d, html as h } from "lit";
+import { property as n, state as f } from "lit/decorators.js";
 import { classMap as S } from "lit/directives/class-map.js";
-import { styleMap as w } from "lit/directives/style-map.js";
-import { K as v, d as R } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { styleMap as v } from "lit/directives/style-map.js";
+import { K as w, d as R } from "../../../chunks/kt-element-T0VbIBNp.js";
 import { e as g } from "../../../chunks/events-r51msXNf.js";
 import { r as M } from "../../../chunks/locale-C5xLkGx5.js";
-import { s as u } from "../../../chunks/index-STEEvEP7.js";
+import { s as u } from "../../../chunks/index-TWJzttLX.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../kt-pagination/kt-pagination.js";
 const H = 50;
@@ -18,15 +18,15 @@ function z({
 }) {
   if (r === 0) return { start: 0, end: 0 };
   if (t <= 0) return { start: 0, end: Math.min(r, H) };
-  const h = Math.ceil(e / t), a = Math.min(Math.floor(i / t), Math.max(0, r - h)), p = Math.ceil((i + e) / t);
+  const c = Math.ceil(e / t), a = Math.min(Math.floor(i / t), Math.max(0, r - c)), p = Math.ceil((i + e) / t);
   return {
     start: Math.max(0, a - s),
     end: Math.min(r, p + s)
   };
 }
-var D = Object.defineProperty, n = (r, t, e, i) => {
-  for (var s = void 0, h = r.length - 1, a; h >= 0; h--)
-    (a = r[h]) && (s = a(t, e, s) || s);
+var D = Object.defineProperty, l = (r, t, e, i) => {
+  for (var s = void 0, c = r.length - 1, a; c >= 0; c--)
+    (a = r[c]) && (s = a(t, e, s) || s);
   return s && D(t, e, s), s;
 };
 const K = 8, x = /* @__PURE__ */ new Map();
@@ -47,7 +47,7 @@ function $(r) {
 function y(r) {
   return r.id ?? r.uid ?? r;
 }
-class o extends v {
+class o extends w {
   constructor() {
     super(...arguments), this.page = 1, this.manual = !1, this.virtual = !1, this.scrollOffset = 0, this.viewportHeight = 0, this.headerHeight = 0, this.rowHeight = 0, this.totalRows = 0, this.columns = [], this.data = [], this.selectable = !1, this.selectionMode = "multiple", this.selected = [], this.pageSize = 0, this.loading = !1, this.compact = !1, this.sortKey = null, this.sortDirection = null, this.emptyText = void 0, this.loadingText = void 0, this.label = "", this.locale = "", this.onScroll = (t) => {
       this.scrollOffset = t.currentTarget.scrollTop;
@@ -55,7 +55,7 @@ class o extends v {
   }
   static {
     this.styles = [
-      v.styles,
+      w.styles,
       k`
       :host {
         display: block;
@@ -82,8 +82,8 @@ class o extends v {
       }
 
       th {
-        padding: 16px 18px;
-        font-size: 13px;
+        padding: calc(16px * var(--density-scale, 1)) calc(18px * var(--density-scale, 1));
+        font-size: calc(13px * var(--text-scale, 1));
         font-weight: inherit;
         text-align: left;
         white-space: nowrap;
@@ -135,13 +135,13 @@ class o extends v {
       }
 
       td {
-        padding: 14px 18px;
-        font-size: 14px;
+        padding: calc(14px * var(--density-scale, 1)) calc(18px * var(--density-scale, 1));
+        font-size: calc(14px * var(--text-scale, 1));
         border-bottom: var(--border-width) solid var(--surface-hover);
       }
 
       :host([compact]) td {
-        padding: 8px 12px;
+        padding: calc(8px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));
       }
 
       /* === VIRTUAL ===
@@ -172,7 +172,7 @@ class o extends v {
         border: none;
       }
       :host([compact]) th {
-        padding: 10px 12px;
+        padding: calc(10px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));
       }
 
       .select-cell {
@@ -181,7 +181,7 @@ class o extends v {
       }
 
       .placeholder {
-        padding: 28px 0;
+        padding: calc(28px * var(--density-scale, 1)) 0;
         color: var(--text-muted);
         text-align: center;
       }
@@ -200,7 +200,7 @@ class o extends v {
         }
         td,
         th {
-          padding: 10px 12px;
+          padding: calc(10px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));
         }
       }
     `
@@ -231,8 +231,8 @@ class o extends v {
   sort(t) {
     if (!this.sortKey || !this.sortDirection) return this.data;
     const e = this.sortKey, i = this.sortDirection === "asc" ? 1 : -1;
-    return [...this.data].sort((s, h) => {
-      const a = s[e], p = h[e], b = a == null, m = p == null;
+    return [...this.data].sort((s, c) => {
+      const a = s[e], p = c[e], b = a == null, m = p == null;
       return b && m ? 0 : b ? 1 : m ? -1 : typeof a == "number" && typeof p == "number" ? (a - p) * i : t.compare($(a), $(p)) * i;
     });
   }
@@ -311,55 +311,55 @@ class o extends v {
   }
   renderHeaderCell(t) {
     const e = t.label ?? t.key, i = this.sortKey === t.key && this.sortDirection !== null;
-    return c`<th
+    return h`<th
       part="header-cell"
       scope="col"
-      style=${w(t.width ? { width: t.width } : {})}
+      style=${v(t.width ? { width: t.width } : {})}
       aria-sort=${this.sortStateFor(t)}
     >
-      ${t.sortable ? c`<button type="button" @click=${() => this.toggleSort(t)}>
+      ${t.sortable ? h`<button type="button" @click=${() => this.toggleSort(t)}>
               <span>${e}</span>
               <span class="indicator" aria-hidden="true">
-                ${i ? c`<kt-icon
+                ${i ? h`<kt-icon
                         name=${this.sortDirection === "asc" ? "arrow-up" : "arrow-down"}
                         size="14"
                       ></kt-icon>` : d}
               </span>
-            </button>` : c`<span>${e}</span>`}
+            </button>` : h`<span>${e}</span>`}
     </th>`;
   }
   renderBody() {
     const t = this.visibleRows, e = this.columns.length + (this.selectable ? 1 : 0);
     if (t.length === 0)
-      return c`<tr>
+      return h`<tr>
         <td colspan=${e}>
           <div class="placeholder">${this.emptyText ?? u().noData}</div>
         </td>
       </tr>`;
     if (!this.isVirtual)
-      return c`${t.map((a, p) => this.renderRow(a, p))}`;
+      return h`${t.map((a, p) => this.renderRow(a, p))}`;
     const { start: i, end: s } = z({
       rowCount: t.length,
       rowHeight: this.rowHeight,
       viewportHeight: Math.max(0, this.viewportHeight - this.headerHeight),
       scrollTop: Math.max(0, this.scrollOffset - this.headerHeight),
       overscan: K
-    }), h = (a) => a > 0 && this.rowHeight > 0 ? c`<tr class="spacer" aria-hidden="true">
+    }), c = (a) => a > 0 && this.rowHeight > 0 ? h`<tr class="spacer" aria-hidden="true">
             <td colspan=${e} style=${`height: ${a * this.rowHeight}px`}></td>
           </tr>` : d;
-    return c`${h(i)}${t.slice(i, s).map((a, p) => this.renderRow(a, i + p))}${h(t.length - s)}`;
+    return h`${c(i)}${t.slice(i, s).map((a, p) => this.renderRow(a, i + p))}${c(t.length - s)}`;
   }
   /** `index` counts from the first row of the data, not of the rows rendered. */
   renderRow(t, e) {
     const i = this.isSelected(t);
-    return c`<tr
+    return h`<tr
       part="row"
       class=${S({ selected: i })}
       aria-selected=${this.selectable ? String(i) : d}
       aria-rowindex=${this.isVirtual ? e + 2 : d}
       @click=${() => g(this, "kt-row-click", { row: t, index: e })}
     >
-      ${this.selectable ? c`<td class="select-cell">
+      ${this.selectable ? h`<td class="select-cell">
               <input
                 type=${this.selectionMode === "single" ? "radio" : "checkbox"}
                 name=${this.selectionMode === "single" ? "kt-table-selection" : d}
@@ -370,9 +370,9 @@ class o extends v {
               />
             </td>` : d}
       ${this.columns.map((s) => {
-      const h = this.renderCell?.(t, s);
-      return c`<td part="cell" style=${w({ textAlign: s.align ?? "left" })}>
-          ${h === void 0 ? t[s.key] : h}
+      const c = this.renderCell?.(t, s);
+      return h`<td part="cell" style=${v({ textAlign: s.align ?? "left" })}>
+          ${c === void 0 ? t[s.key] : c}
         </td>`;
     })}
     </tr>`;
@@ -380,21 +380,21 @@ class o extends v {
   render() {
     const t = this.loading && this.manual && this.data.length > 0;
     if (this.loading && !t)
-      return c`<div class="placeholder" role="status" aria-live="polite">
+      return h`<div class="placeholder" role="status" aria-live="polite">
         ${this.loadingText ?? u().loading}
       </div>`;
-    const e = this.visibleRows, i = e.length > 0 && e.every((a) => this.isSelected(a)), s = e.some((a) => this.isSelected(a)), h = this.isVirtual;
-    return c`<div class="scroller" @scroll=${h ? this.onScroll : d}>
+    const e = this.visibleRows, i = e.length > 0 && e.every((a) => this.isSelected(a)), s = e.some((a) => this.isSelected(a)), c = this.isVirtual;
+    return h`<div class="scroller" @scroll=${c ? this.onScroll : d}>
         <table
           part="table"
           aria-label=${this.label || d}
           aria-busy=${t ? "true" : d}
-          aria-rowcount=${h ? e.length + 1 : d}
+          aria-rowcount=${c ? e.length + 1 : d}
         >
           <thead>
-            <tr aria-rowindex=${h ? 1 : d}>
-              ${this.selectable ? c`<th class="select-cell" scope="col">
-                      ${this.selectionMode === "multiple" ? c`<input
+            <tr aria-rowindex=${c ? 1 : d}>
+              ${this.selectable ? h`<th class="select-cell" scope="col">
+                      ${this.selectionMode === "multiple" ? h`<input
                               type="checkbox"
                               .checked=${i}
                               .indeterminate=${s && !i}
@@ -411,7 +411,7 @@ class o extends v {
         </table>
       </div>
 
-      ${this.pageSize > 0 ? c`<footer>
+      ${this.pageSize > 0 ? h`<footer>
               <kt-pagination
                 .page=${Math.min(this.page, this.totalPages)}
                 .totalPages=${this.totalPages}
@@ -420,74 +420,74 @@ class o extends v {
             </footer>` : d}`;
   }
 }
-n([
-  l({ type: Number })
+l([
+  n({ type: Number })
 ], o.prototype, "page");
-n([
-  l({ type: Boolean, reflect: !0 })
+l([
+  n({ type: Boolean, reflect: !0 })
 ], o.prototype, "manual");
-n([
-  l({ type: Boolean, reflect: !0 })
+l([
+  n({ type: Boolean, reflect: !0 })
 ], o.prototype, "virtual");
-n([
+l([
   f()
 ], o.prototype, "scrollOffset");
-n([
+l([
   f()
 ], o.prototype, "viewportHeight");
-n([
+l([
   f()
 ], o.prototype, "headerHeight");
-n([
+l([
   f()
 ], o.prototype, "rowHeight");
-n([
-  l({ type: Number, attribute: "total-rows" })
+l([
+  n({ type: Number, attribute: "total-rows" })
 ], o.prototype, "totalRows");
-n([
-  l({ attribute: !1 })
+l([
+  n({ attribute: !1 })
 ], o.prototype, "columns");
-n([
-  l({ attribute: !1 })
+l([
+  n({ attribute: !1 })
 ], o.prototype, "data");
-n([
-  l({ type: Boolean, reflect: !0 })
+l([
+  n({ type: Boolean, reflect: !0 })
 ], o.prototype, "selectable");
-n([
-  l({ type: String, attribute: "selection-mode" })
+l([
+  n({ type: String, attribute: "selection-mode" })
 ], o.prototype, "selectionMode");
-n([
-  l({ attribute: !1 })
+l([
+  n({ attribute: !1 })
 ], o.prototype, "selected");
-n([
-  l({ type: Number, attribute: "page-size" })
+l([
+  n({ type: Number, attribute: "page-size" })
 ], o.prototype, "pageSize");
-n([
-  l({ type: Boolean, reflect: !0 })
+l([
+  n({ type: Boolean, reflect: !0 })
 ], o.prototype, "loading");
-n([
-  l({ type: Boolean, reflect: !0 })
+l([
+  n({ type: Boolean, reflect: !0 })
 ], o.prototype, "compact");
-n([
-  l({ type: String, attribute: "sort-key" })
+l([
+  n({ type: String, attribute: "sort-key" })
 ], o.prototype, "sortKey");
-n([
-  l({ type: String, attribute: "sort-direction" })
+l([
+  n({ type: String, attribute: "sort-direction" })
 ], o.prototype, "sortDirection");
-n([
-  l({ attribute: !1 })
+l([
+  n({ attribute: !1 })
 ], o.prototype, "renderCell");
-n([
-  l({ type: String, attribute: "empty-text" })
+l([
+  n({ type: String, attribute: "empty-text" })
 ], o.prototype, "emptyText");
-n([
-  l({ type: String, attribute: "loading-text" })
+l([
+  n({ type: String, attribute: "loading-text" })
 ], o.prototype, "loadingText");
-n([
-  l({ type: String })
+l([
+  n({ type: String })
 ], o.prototype, "label");
-n([
-  l({ type: String })
+l([
+  n({ type: String })
 ], o.prototype, "locale");
 R("kt-table", o);
 export {

package/dist/components/data/kt-table/kt-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"kt-table.js","sources":["../../../../src/components/data/kt-table/window.ts","../../../../src/components/data/kt-table/kt-table.ts"],"sourcesContent":["/**\n * Which rows a virtual table renders: those under the viewport, and a few\n * either side so a fast scroll does not show blank space before the next\n * render lands.\n */\n\n/** Rendered before the first row has been measured, to measure it. */\nconst FIRST_BATCH = 50;\n\nexport interface RowWindowInput {\n  readonly rowCount: number;\n  /** Every row's height, in px; 0 until one has been measured. */\n  readonly rowHeight: number;\n  readonly viewportHeight: number;\n  readonly scrollTop: number;\n  /** Extra rows rendered above and below the viewport. */\n  readonly overscan: number;\n}\n\n/** Rows `start` (inclusive) to `end` (exclusive). */\nexport function rowWindow({\n  rowCount,\n  rowHeight,\n  viewportHeight,\n  scrollTop,\n  overscan,\n}: RowWindowInput): { start: number; end: number } {\n  if (rowCount === 0) return { start: 0, end: 0 };\n  if (rowHeight <= 0) return { start: 0, end: Math.min(rowCount, FIRST_BATCH) };\n\n  // Past the end — a scroll position left over from longer data — the window\n  // settles on the last screenful rather than on nothing.\n  const fits = Math.ceil(viewportHeight / rowHeight);\n  const first = Math.min(Math.floor(scrollTop / rowHeight), Math.max(0, rowCount - fits));\n  const last = Math.ceil((scrollTop + viewportHeight) / rowHeight);\n\n  return {\n    start: Math.max(0, first - overscan),\n    end: Math.min(rowCount, last + overscan),\n  };\n}\n","import { css, html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { KtElement, defineElement } from '#internal/kt-element';\nimport { emit } from '#internal/events';\nimport { resolveLocale } from '#internal/locale';\nimport { strings } from '#internal/strings';\nimport '../../core/kt-icon/kt-icon.js';\nimport '../kt-pagination/kt-pagination.js';\nimport { rowWindow } from './window.js';\n\nexport type KtSortDirection = 'asc' | 'desc' | null;\nexport type KtTableRow = Record<string, unknown>;\n\nexport interface KtTableColumn {\n  /** Key into the row object. */\n  readonly key: string;\n  /** Header text. Falls back to `key`. */\n  readonly label?: string;\n  readonly sortable?: boolean;\n  readonly align?: 'left' | 'center' | 'right';\n  /** Any CSS width. */\n  readonly width?: string;\n}\n\nexport interface KtSortState {\n  readonly key: string | null;\n  readonly direction: KtSortDirection;\n}\n\n/** Renders a cell. Return `undefined` to fall back to the raw value. */\nexport type KtCellRenderer = (row: KtTableRow, column: KtTableColumn) => unknown;\n\n/** Rows rendered above and below the viewport of a virtual table. */\nconst OVERSCAN = 8;\n\nconst collators = new Map<string, Intl.Collator>();\n\n/**\n * A collator for `locale`, made once. Locale-aware, so each language files\n * accented letters its own way — \"Ångström\" next to \"Angstrom\" in English,\n * after \"Zeta\" in Swedish. `numeric` also makes \"Entity 2\" precede\n * \"Entity 10\".\n */\nfunction collatorFor(locale: string): Intl.Collator {\n  let collator = collators.get(locale);\n  if (!collator) {\n    collator = new Intl.Collator(locale, { numeric: true, sensitivity: 'base' });\n    collators.set(locale, collator);\n  }\n  return collator;\n}\n\n/**\n * A sortable string for any cell value.\n *\n * Objects get their JSON rather than \"[object Object]\", which at least sorts\n * consistently instead of collapsing every object in the column to one key.\n */\nfunction sortableText(value: unknown): string {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {\n    return String(value);\n  }\n  try {\n    return JSON.stringify(value) ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/** A row's identity: `id`, else `uid`, else the row itself. */\nfunction rowKey(row: KtTableRow): unknown {\n  return row['id'] ?? row['uid'] ?? row;\n}\n\n/**\n * A data table: tri-state sorting, single or multiple selection, paging.\n *\n * @element kt-table\n *\n * @csspart table - The `<table>`.\n * @csspart header-cell - A `<th>`.\n * @csspart row - A `<tr>`.\n * @csspart cell - A `<td>`.\n *\n * @fires kt-sort-change - Sorting changed. `detail: { key, direction }`.\n * @fires kt-selection-change - Selection changed. `detail: { selected, rows }`.\n * @fires kt-row-click - A row was clicked. `detail: { row, index }`.\n * @fires kt-page-change - The page changed. `detail: { page }`.\n *\n * @example\n * ```js\n * table.columns = [\n *   { key: 'name', label: 'Name', sortable: true },\n *   { key: 'amount', label: 'Amount', sortable: true, align: 'right' },\n * ];\n * table.data = rows;\n * ```\n */\nexport class KtTable extends KtElement {\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        color: var(--text-body);\n        font: var(--font-normal-regular);\n      }\n\n      .scroller {\n        overflow: auto;\n        border-radius: var(--border-radius);\n      }\n\n      table {\n        width: 100%;\n        min-width: 600px;\n        border-spacing: 0;\n        border-collapse: separate;\n      }\n\n      thead {\n        background: var(--surface-card);\n        color: var(--text-muted);\n      }\n\n      th {\n        padding: 16px 18px;\n        font-size: 13px;\n        font-weight: inherit;\n        text-align: left;\n        white-space: nowrap;\n        vertical-align: middle;\n        user-select: none;\n      }\n\n      /* Sortable headers are buttons, not clickable <th>s: a header you can\n         only sort with a mouse is a table half the users cannot sort. */\n      th button {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        padding: 0;\n        color: inherit;\n        font: inherit;\n        text-align: inherit;\n        background: none;\n        border: none;\n        cursor: pointer;\n      }\n\n      th button:focus-visible {\n        outline: var(--outline-width) solid var(--color-primary-base);\n        outline-offset: 2px;\n      }\n\n      .indicator {\n        display: inline-flex;\n        color: var(--color-primary-text);\n      }\n\n      tbody tr {\n        transition: background-color var(--duration-instant) linear;\n      }\n\n      table[aria-busy='true'] tbody {\n        opacity: 0.5;\n        transition: opacity var(--duration-fast) var(--easing-standard);\n      }\n\n      tbody tr:hover {\n        background: var(--color-dark-14);\n      }\n\n      tbody tr.selected {\n        background: var(--color-primary-soft);\n      }\n\n      td {\n        padding: 14px 18px;\n        font-size: 14px;\n        border-bottom: var(--border-width) solid var(--surface-hover);\n      }\n\n      :host([compact]) td {\n        padding: 8px 12px;\n      }\n\n      /* === VIRTUAL ===\n         The table scrolls inside its own box, whose height the page sets,\n         and the header stays on top of the rows passing under it. */\n      :host([virtual]) {\n        display: flex;\n        flex-direction: column;\n      }\n      :host([virtual]) .scroller {\n        flex: 1;\n        min-height: 0;\n      }\n      :host([virtual]) thead th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        background: var(--surface-card);\n      }\n\n      /* Stand-ins for the rows above and below the window: height only. */\n      tbody tr.spacer,\n      tbody tr.spacer:hover {\n        background: none;\n      }\n      tr.spacer td {\n        padding: 0;\n        border: none;\n      }\n      :host([compact]) th {\n        padding: 10px 12px;\n      }\n\n      .select-cell {\n        width: 56px;\n        text-align: center;\n      }\n\n      .placeholder {\n        padding: 28px 0;\n        color: var(--text-muted);\n        text-align: center;\n      }\n\n      footer {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 12px;\n        padding-top: 12px;\n      }\n\n      @media (max-width: 680px) {\n        table {\n          min-width: 100%;\n        }\n        td,\n        th {\n          padding: 10px 12px;\n        }\n      }\n    `,\n  ];\n\n  /** The page on screen, from 1. Set it to open on another page. */\n  @property({ type: Number })\n  page = 1;\n\n  /**\n   * For data sorted and paged on a server: `data` is the current page, shown\n   * as given. Headers and the pager still update the state and fire their\n   * events, and the application loads what they ask for.\n   */\n  @property({ type: Boolean, reflect: true })\n  manual = false;\n\n  /**\n   * Renders only the rows in view, for thousands of rows without paging. The\n   * table scrolls inside its own box: give it a height (`kt-table { height:\n   * 480px }`). Every row must be the same height — the first one rendered is\n   * measured. A page size takes precedence.\n   */\n  @property({ type: Boolean, reflect: true })\n  virtual = false;\n\n  /** How far the scroller is scrolled. Not `scrollTop`, which the host already has. */\n  @state()\n  private scrollOffset = 0;\n\n  /** The scroller's height, and the header's inside it, in px. */\n  @state()\n  private viewportHeight = 0;\n\n  @state()\n  private headerHeight = 0;\n\n  /** A body row's height, in px; 0 until one has been measured. */\n  @state()\n  private rowHeight = 0;\n\n  private resizeObserver: ResizeObserver | undefined;\n  private observed: Element | undefined;\n\n  /** In manual mode, how many rows the server holds — what the pager counts. */\n  @property({ type: Number, attribute: 'total-rows' })\n  totalRows = 0;\n\n  @property({ attribute: false })\n  columns: readonly KtTableColumn[] = [];\n\n  @property({ attribute: false })\n  data: readonly KtTableRow[] = [];\n\n  @property({ type: Boolean, reflect: true })\n  selectable = false;\n\n  @property({ type: String, attribute: 'selection-mode' })\n  selectionMode: 'single' | 'multiple' = 'multiple';\n\n  /** The identities of the selected rows. */\n  @property({ attribute: false })\n  selected: readonly unknown[] = [];\n\n  /** Rows per page. Zero shows everything and hides the footer. */\n  @property({ type: Number, attribute: 'page-size' })\n  pageSize = 0;\n\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  @property({ type: String, attribute: 'sort-key' })\n  sortKey: string | null = null;\n\n  @property({ type: String, attribute: 'sort-direction' })\n  sortDirection: KtSortDirection = null;\n\n  /** Renders a cell. Return `undefined` to fall back to the raw value. */\n  @property({ attribute: false })\n  renderCell: KtCellRenderer | undefined;\n\n  @property({ type: String, attribute: 'empty-text' })\n  emptyText: string | undefined = undefined;\n\n  @property({ type: String, attribute: 'loading-text' })\n  loadingText: string | undefined = undefined;\n\n  /** Accessible name for the table. */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * BCP 47 locale text is sorted in. Empty means the page's `<html lang>`,\n   * then the browser's language.\n   */\n  @property({ type: String })\n  locale = '';\n\n  /** The last sort, and what it was computed from. */\n  private sortCache:\n    | {\n        data: readonly KtTableRow[];\n        key: string | null;\n        direction: KtSortDirection;\n        locale: string;\n        rows: readonly KtTableRow[];\n      }\n    | undefined;\n\n  /**\n   * The rows after sorting, before paging.\n   *\n   * Sorted once per change of `data`, `sortKey`, `sortDirection` or locale, not on\n   * every render: hovering a row or ticking a box re-renders the table, and\n   * re-sorting a few thousand rows each time is what made that lag. Assign a\n   * new array to `data` rather than changing it in place.\n   */\n  get sortedRows(): readonly KtTableRow[] {\n    if (this.manual) return this.data;\n\n    const cache = this.sortCache;\n    const locale = resolveLocale(this.locale);\n    if (\n      cache?.data === this.data &&\n      cache.key === this.sortKey &&\n      cache.direction === this.sortDirection &&\n      cache.locale === locale\n    ) {\n      return cache.rows;\n    }\n\n    const rows = this.sort(collatorFor(locale));\n    this.sortCache = {\n      data: this.data,\n      key: this.sortKey,\n      direction: this.sortDirection,\n      locale,\n      rows,\n    };\n    return rows;\n  }\n\n  private sort(collator: Intl.Collator): readonly KtTableRow[] {\n    if (!this.sortKey || !this.sortDirection) return this.data;\n\n    const key = this.sortKey;\n    const sign = this.sortDirection === 'asc' ? 1 : -1;\n\n    return [...this.data].sort((a, b) => {\n      const left = a[key];\n      const right = b[key];\n\n      // Empty values sort to the end whichever way the column points, so a\n      // descending sort does not open with a screen of blanks.\n      const leftEmpty = left === null || left === undefined;\n      const rightEmpty = right === null || right === undefined;\n      if (leftEmpty && rightEmpty) return 0;\n      if (leftEmpty) return 1;\n      if (rightEmpty) return -1;\n\n      if (typeof left === 'number' && typeof right === 'number') return (left - right) * sign;\n      return collator.compare(sortableText(left), sortableText(right)) * sign;\n    });\n  }\n\n  get totalPages(): number {\n    if (this.pageSize <= 0) return 1;\n    const rows = this.manual ? this.totalRows || this.data.length : this.data.length;\n    return Math.max(1, Math.ceil(rows / this.pageSize));\n  }\n\n  /** The rows actually on screen. */\n  get visibleRows(): readonly KtTableRow[] {\n    const rows = this.sortedRows;\n    if (this.pageSize <= 0 || this.manual) return rows;\n\n    const page = Math.min(this.page, this.totalPages);\n    return rows.slice((page - 1) * this.pageSize, page * this.pageSize);\n  }\n\n  /**\n   * Cycles a column: unsorted → ascending → descending → unsorted. The third\n   * press restoring the original order is what makes sorting undoable.\n   */\n  private toggleSort(column: KtTableColumn): void {\n    if (!column.sortable) return;\n\n    if (this.sortKey !== column.key) {\n      this.sortKey = column.key;\n      this.sortDirection = 'asc';\n    } else if (this.sortDirection === 'asc') {\n      this.sortDirection = 'desc';\n    } else {\n      this.sortKey = null;\n      this.sortDirection = null;\n    }\n    // A new order starts from its first page. No kt-page-change: the sort\n    // event is the one reload the application needs.\n    if (this.manual) this.page = 1;\n\n    emit(this, 'kt-sort-change', { key: this.sortKey, direction: this.sortDirection });\n  }\n\n  private isSelected(row: KtTableRow): boolean {\n    return this.selected.includes(rowKey(row));\n  }\n\n  private toggleSelection(row: KtTableRow): void {\n    const key = rowKey(row);\n\n    if (this.selectionMode === 'single') {\n      this.selected = this.isSelected(row) ? [] : [key];\n    } else {\n      this.selected = this.isSelected(row)\n        ? this.selected.filter((candidate) => candidate !== key)\n        : [...this.selected, key];\n    }\n\n    emit(this, 'kt-selection-change', { selected: this.selected, rows: this.selectedRows });\n  }\n\n  /** Selects or clears every row on the current page. */\n  private toggleAll(): void {\n    const rows = this.visibleRows;\n    const keys = rows.map(rowKey);\n    const allSelected = keys.every((key) => this.selected.includes(key));\n\n    this.selected = allSelected\n      ? this.selected.filter((key) => !keys.includes(key))\n      : [...new Set([...this.selected, ...keys])];\n\n    emit(this, 'kt-selection-change', { selected: this.selected, rows: this.selectedRows });\n  }\n\n  /** The selected rows themselves, not just their identities. */\n  get selectedRows(): readonly KtTableRow[] {\n    return this.data.filter((row) => this.selected.includes(rowKey(row)));\n  }\n\n  /** Virtual rendering, unless a page size pages the rows instead. */\n  private get isVirtual(): boolean {\n    return this.virtual && this.pageSize <= 0;\n  }\n\n  private onScroll = (event: Event): void => {\n    this.scrollOffset = (event.currentTarget as HTMLElement).scrollTop;\n  };\n\n  // Untyped: the measurements are private, so not among PropertyValues<this>.\n  override updated(changed: PropertyValues): void {\n    if (changed.has('compact')) this.rowHeight = 0;\n    if (!this.isVirtual) {\n      this.observe(undefined);\n      return;\n    }\n\n    const scroller = this.shadowRoot?.querySelector<HTMLElement>('.scroller') ?? undefined;\n    this.observe(scroller);\n\n    // Measured from what was just rendered; each assignment is a no-op once\n    // the numbers settle, so this converges in one extra render.\n    const row = this.shadowRoot?.querySelector<HTMLElement>('tbody tr[part=\"row\"]');\n    if (row && this.rowHeight === 0) this.rowHeight = row.getBoundingClientRect().height;\n    const header = this.shadowRoot?.querySelector('thead');\n    if (header) this.headerHeight = header.getBoundingClientRect().height;\n    if (scroller) this.viewportHeight = scroller.clientHeight;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.observe(undefined);\n  }\n\n  /** Follows the scroller's height, which the page can change at any time. */\n  private observe(scroller: HTMLElement | undefined): void {\n    if (scroller === this.observed) return;\n    this.resizeObserver?.disconnect();\n    this.observed = scroller;\n    if (!scroller || typeof ResizeObserver === 'undefined') return;\n\n    this.resizeObserver ??= new ResizeObserver(([entry]) => {\n      if (entry) this.viewportHeight = (entry.target as HTMLElement).clientHeight;\n    });\n    this.resizeObserver.observe(scroller);\n  }\n\n  private onPageChange(event: Event): void {\n    event.stopPropagation();\n    this.page = (event as CustomEvent<{ page: number }>).detail.page;\n    emit(this, 'kt-page-change', { page: this.page });\n  }\n\n  /**\n   * The aria-sort value for a column.\n   *\n   * Not named ariaSort: HTMLElement reflects that ARIA attribute as a string\n   * property, and shadowing it with a method breaks the element's own typing.\n   */\n  private sortStateFor(column: KtTableColumn): 'ascending' | 'descending' | 'none' {\n    if (this.sortKey !== column.key || !this.sortDirection) return 'none';\n    return this.sortDirection === 'asc' ? 'ascending' : 'descending';\n  }\n\n  private renderHeaderCell(column: KtTableColumn): TemplateResult {\n    const title = column.label ?? column.key;\n    const active = this.sortKey === column.key && this.sortDirection !== null;\n\n    return html`<th\n      part=\"header-cell\"\n      scope=\"col\"\n      style=${styleMap(column.width ? { width: column.width } : {})}\n      aria-sort=${this.sortStateFor(column)}\n    >\n      ${\n        column.sortable\n          ? html`<button type=\"button\" @click=${() => this.toggleSort(column)}>\n              <span>${title}</span>\n              <span class=\"indicator\" aria-hidden=\"true\">\n                ${\n                  active\n                    ? html`<kt-icon\n                        name=${this.sortDirection === 'asc' ? 'arrow-up' : 'arrow-down'}\n                        size=\"14\"\n                      ></kt-icon>`\n                    : nothing\n                }\n              </span>\n            </button>`\n          : html`<span>${title}</span>`\n      }\n    </th>`;\n  }\n\n  private renderBody(): TemplateResult {\n    const rows = this.visibleRows;\n    const columnCount = this.columns.length + (this.selectable ? 1 : 0);\n\n    if (rows.length === 0) {\n      return html`<tr>\n        <td colspan=${columnCount}>\n          <div class=\"placeholder\">${this.emptyText ?? strings().noData}</div>\n        </td>\n      </tr>`;\n    }\n\n    if (!this.isVirtual) {\n      return html`${rows.map((row, index) => this.renderRow(row, index))}`;\n    }\n\n    const { start, end } = rowWindow({\n      rowCount: rows.length,\n      rowHeight: this.rowHeight,\n      viewportHeight: Math.max(0, this.viewportHeight - this.headerHeight),\n      scrollTop: Math.max(0, this.scrollOffset - this.headerHeight),\n      overscan: OVERSCAN,\n    });\n    const spacer = (count: number) =>\n      count > 0 && this.rowHeight > 0\n        ? html`<tr class=\"spacer\" aria-hidden=\"true\">\n            <td colspan=${columnCount} style=${`height: ${count * this.rowHeight}px`}></td>\n          </tr>`\n        : nothing;\n\n    return html`${spacer(start)}${rows\n      .slice(start, end)\n      .map((row, offset) => this.renderRow(row, start + offset))}${spacer(rows.length - end)}`;\n  }\n\n  /** `index` counts from the first row of the data, not of the rows rendered. */\n  private renderRow(row: KtTableRow, index: number): TemplateResult {\n    const selected = this.isSelected(row);\n\n    return html`<tr\n      part=\"row\"\n      class=${classMap({ selected })}\n      aria-selected=${this.selectable ? String(selected) : nothing}\n      aria-rowindex=${this.isVirtual ? index + 2 : nothing}\n      @click=${() => emit(this, 'kt-row-click', { row, index })}\n    >\n      ${\n        this.selectable\n          ? html`<td class=\"select-cell\">\n              <input\n                type=${this.selectionMode === 'single' ? 'radio' : 'checkbox'}\n                name=${this.selectionMode === 'single' ? 'kt-table-selection' : nothing}\n                .checked=${selected}\n                aria-label=${strings().selectRow}\n                @click=${(event: Event) => event.stopPropagation()}\n                @change=${() => this.toggleSelection(row)}\n              />\n            </td>`\n          : nothing\n      }\n      ${this.columns.map((column) => {\n        const rendered = this.renderCell?.(row, column);\n        return html`<td part=\"cell\" style=${styleMap({ textAlign: column.align ?? 'left' })}>\n          ${rendered === undefined ? row[column.key] : rendered}\n        </td>`;\n      })}\n    </tr>`;\n  }\n\n  override render(): TemplateResult {\n    // A manual table reloading a page keeps the one on screen, dimmed, so the\n    // pager that asked for it — and the focus on it — stay where they are.\n    const reloading = this.loading && this.manual && this.data.length > 0;\n    if (this.loading && !reloading) {\n      return html`<div class=\"placeholder\" role=\"status\" aria-live=\"polite\">\n        ${this.loadingText ?? strings().loading}\n      </div>`;\n    }\n\n    const rows = this.visibleRows;\n    const allSelected = rows.length > 0 && rows.every((row) => this.isSelected(row));\n    const someSelected = rows.some((row) => this.isSelected(row));\n\n    const virtual = this.isVirtual;\n\n    return html`<div class=\"scroller\" @scroll=${virtual ? this.onScroll : nothing}>\n        <table\n          part=\"table\"\n          aria-label=${this.label || nothing}\n          aria-busy=${reloading ? 'true' : nothing}\n          aria-rowcount=${virtual ? rows.length + 1 : nothing}\n        >\n          <thead>\n            <tr aria-rowindex=${virtual ? 1 : nothing}>\n              ${\n                this.selectable\n                  ? html`<th class=\"select-cell\" scope=\"col\">\n                      ${\n                        this.selectionMode === 'multiple'\n                          ? html`<input\n                              type=\"checkbox\"\n                              .checked=${allSelected}\n                              .indeterminate=${someSelected && !allSelected}\n                              aria-label=${strings().selectAll}\n                              @change=${this.toggleAll}\n                            />`\n                          : nothing\n                      }\n                    </th>`\n                  : nothing\n              }\n              ${this.columns.map((column) => this.renderHeaderCell(column))}\n            </tr>\n          </thead>\n          <tbody>\n            ${this.renderBody()}\n          </tbody>\n        </table>\n      </div>\n\n      ${\n        this.pageSize > 0\n          ? html`<footer>\n              <kt-pagination\n                .page=${Math.min(this.page, this.totalPages)}\n                .totalPages=${this.totalPages}\n                @kt-page-change=${this.onPageChange}\n              ></kt-pagination>\n            </footer>`\n          : nothing\n      }`;\n  }\n}\n\ndefineElement('kt-table', KtTable);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kt-table': KtTable;\n  }\n}\n"],"names":["FIRST_BATCH","rowWindow","rowCount","rowHeight","viewportHeight","scrollTop","overscan","fits","first","last","OVERSCAN","collators","collatorFor","locale","collator","sortableText","value","rowKey","row","KtTable","KtElement","event","css","cache","resolveLocale","rows","key","sign","a","b","left","right","leftEmpty","rightEmpty","page","column","emit","candidate","keys","allSelected","changed","scroller","header","entry","title","active","html","styleMap","nothing","columnCount","strings","index","start","end","spacer","count","offset","selected","classMap","rendered","reloading","someSelected","virtual","__decorateClass","property","state","defineElement"],"mappings":"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"}
+{"version":3,"file":"kt-table.js","sources":["../../../../src/components/data/kt-table/window.ts","../../../../src/components/data/kt-table/kt-table.ts"],"sourcesContent":["/**\n * Which rows a virtual table renders: those under the viewport, and a few\n * either side so a fast scroll does not show blank space before the next\n * render lands.\n */\n\n/** Rendered before the first row has been measured, to measure it. */\nconst FIRST_BATCH = 50;\n\nexport interface RowWindowInput {\n  readonly rowCount: number;\n  /** Every row's height, in px; 0 until one has been measured. */\n  readonly rowHeight: number;\n  readonly viewportHeight: number;\n  readonly scrollTop: number;\n  /** Extra rows rendered above and below the viewport. */\n  readonly overscan: number;\n}\n\n/** Rows `start` (inclusive) to `end` (exclusive). */\nexport function rowWindow({\n  rowCount,\n  rowHeight,\n  viewportHeight,\n  scrollTop,\n  overscan,\n}: RowWindowInput): { start: number; end: number } {\n  if (rowCount === 0) return { start: 0, end: 0 };\n  if (rowHeight <= 0) return { start: 0, end: Math.min(rowCount, FIRST_BATCH) };\n\n  // Past the end — a scroll position left over from longer data — the window\n  // settles on the last screenful rather than on nothing.\n  const fits = Math.ceil(viewportHeight / rowHeight);\n  const first = Math.min(Math.floor(scrollTop / rowHeight), Math.max(0, rowCount - fits));\n  const last = Math.ceil((scrollTop + viewportHeight) / rowHeight);\n\n  return {\n    start: Math.max(0, first - overscan),\n    end: Math.min(rowCount, last + overscan),\n  };\n}\n","import { css, html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { KtElement, defineElement } from '#internal/kt-element';\nimport { emit } from '#internal/events';\nimport { resolveLocale } from '#internal/locale';\nimport { strings } from '#internal/strings';\nimport '../../core/kt-icon/kt-icon.js';\nimport '../kt-pagination/kt-pagination.js';\nimport { rowWindow } from './window.js';\n\nexport type KtSortDirection = 'asc' | 'desc' | null;\nexport type KtTableRow = Record<string, unknown>;\n\nexport interface KtTableColumn {\n  /** Key into the row object. */\n  readonly key: string;\n  /** Header text. Falls back to `key`. */\n  readonly label?: string;\n  readonly sortable?: boolean;\n  readonly align?: 'left' | 'center' | 'right';\n  /** Any CSS width. */\n  readonly width?: string;\n}\n\nexport interface KtSortState {\n  readonly key: string | null;\n  readonly direction: KtSortDirection;\n}\n\n/** Renders a cell. Return `undefined` to fall back to the raw value. */\nexport type KtCellRenderer = (row: KtTableRow, column: KtTableColumn) => unknown;\n\n/** Rows rendered above and below the viewport of a virtual table. */\nconst OVERSCAN = 8;\n\nconst collators = new Map<string, Intl.Collator>();\n\n/**\n * A collator for `locale`, made once. Locale-aware, so each language files\n * accented letters its own way — \"Ångström\" next to \"Angstrom\" in English,\n * after \"Zeta\" in Swedish. `numeric` also makes \"Entity 2\" precede\n * \"Entity 10\".\n */\nfunction collatorFor(locale: string): Intl.Collator {\n  let collator = collators.get(locale);\n  if (!collator) {\n    collator = new Intl.Collator(locale, { numeric: true, sensitivity: 'base' });\n    collators.set(locale, collator);\n  }\n  return collator;\n}\n\n/**\n * A sortable string for any cell value.\n *\n * Objects get their JSON rather than \"[object Object]\", which at least sorts\n * consistently instead of collapsing every object in the column to one key.\n */\nfunction sortableText(value: unknown): string {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {\n    return String(value);\n  }\n  try {\n    return JSON.stringify(value) ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/** A row's identity: `id`, else `uid`, else the row itself. */\nfunction rowKey(row: KtTableRow): unknown {\n  return row['id'] ?? row['uid'] ?? row;\n}\n\n/**\n * A data table: tri-state sorting, single or multiple selection, paging.\n *\n * @element kt-table\n *\n * @csspart table - The `<table>`.\n * @csspart header-cell - A `<th>`.\n * @csspart row - A `<tr>`.\n * @csspart cell - A `<td>`.\n *\n * @fires kt-sort-change - Sorting changed. `detail: { key, direction }`.\n * @fires kt-selection-change - Selection changed. `detail: { selected, rows }`.\n * @fires kt-row-click - A row was clicked. `detail: { row, index }`.\n * @fires kt-page-change - The page changed. `detail: { page }`.\n *\n * @example\n * ```js\n * table.columns = [\n *   { key: 'name', label: 'Name', sortable: true },\n *   { key: 'amount', label: 'Amount', sortable: true, align: 'right' },\n * ];\n * table.data = rows;\n * ```\n */\nexport class KtTable extends KtElement {\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        color: var(--text-body);\n        font: var(--font-normal-regular);\n      }\n\n      .scroller {\n        overflow: auto;\n        border-radius: var(--border-radius);\n      }\n\n      table {\n        width: 100%;\n        min-width: 600px;\n        border-spacing: 0;\n        border-collapse: separate;\n      }\n\n      thead {\n        background: var(--surface-card);\n        color: var(--text-muted);\n      }\n\n      th {\n        padding: calc(16px * var(--density-scale, 1)) calc(18px * var(--density-scale, 1));\n        font-size: calc(13px * var(--text-scale, 1));\n        font-weight: inherit;\n        text-align: left;\n        white-space: nowrap;\n        vertical-align: middle;\n        user-select: none;\n      }\n\n      /* Sortable headers are buttons, not clickable <th>s: a header you can\n         only sort with a mouse is a table half the users cannot sort. */\n      th button {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        padding: 0;\n        color: inherit;\n        font: inherit;\n        text-align: inherit;\n        background: none;\n        border: none;\n        cursor: pointer;\n      }\n\n      th button:focus-visible {\n        outline: var(--outline-width) solid var(--color-primary-base);\n        outline-offset: 2px;\n      }\n\n      .indicator {\n        display: inline-flex;\n        color: var(--color-primary-text);\n      }\n\n      tbody tr {\n        transition: background-color var(--duration-instant) linear;\n      }\n\n      table[aria-busy='true'] tbody {\n        opacity: 0.5;\n        transition: opacity var(--duration-fast) var(--easing-standard);\n      }\n\n      tbody tr:hover {\n        background: var(--color-dark-14);\n      }\n\n      tbody tr.selected {\n        background: var(--color-primary-soft);\n      }\n\n      td {\n        padding: calc(14px * var(--density-scale, 1)) calc(18px * var(--density-scale, 1));\n        font-size: calc(14px * var(--text-scale, 1));\n        border-bottom: var(--border-width) solid var(--surface-hover);\n      }\n\n      :host([compact]) td {\n        padding: calc(8px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));\n      }\n\n      /* === VIRTUAL ===\n         The table scrolls inside its own box, whose height the page sets,\n         and the header stays on top of the rows passing under it. */\n      :host([virtual]) {\n        display: flex;\n        flex-direction: column;\n      }\n      :host([virtual]) .scroller {\n        flex: 1;\n        min-height: 0;\n      }\n      :host([virtual]) thead th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        background: var(--surface-card);\n      }\n\n      /* Stand-ins for the rows above and below the window: height only. */\n      tbody tr.spacer,\n      tbody tr.spacer:hover {\n        background: none;\n      }\n      tr.spacer td {\n        padding: 0;\n        border: none;\n      }\n      :host([compact]) th {\n        padding: calc(10px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));\n      }\n\n      .select-cell {\n        width: 56px;\n        text-align: center;\n      }\n\n      .placeholder {\n        padding: calc(28px * var(--density-scale, 1)) 0;\n        color: var(--text-muted);\n        text-align: center;\n      }\n\n      footer {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 12px;\n        padding-top: 12px;\n      }\n\n      @media (max-width: 680px) {\n        table {\n          min-width: 100%;\n        }\n        td,\n        th {\n          padding: calc(10px * var(--density-scale, 1)) calc(12px * var(--density-scale, 1));\n        }\n      }\n    `,\n  ];\n\n  /** The page on screen, from 1. Set it to open on another page. */\n  @property({ type: Number })\n  page = 1;\n\n  /**\n   * For data sorted and paged on a server: `data` is the current page, shown\n   * as given. Headers and the pager still update the state and fire their\n   * events, and the application loads what they ask for.\n   */\n  @property({ type: Boolean, reflect: true })\n  manual = false;\n\n  /**\n   * Renders only the rows in view, for thousands of rows without paging. The\n   * table scrolls inside its own box: give it a height (`kt-table { height:\n   * 480px }`). Every row must be the same height — the first one rendered is\n   * measured. A page size takes precedence.\n   */\n  @property({ type: Boolean, reflect: true })\n  virtual = false;\n\n  /** How far the scroller is scrolled. Not `scrollTop`, which the host already has. */\n  @state()\n  private scrollOffset = 0;\n\n  /** The scroller's height, and the header's inside it, in px. */\n  @state()\n  private viewportHeight = 0;\n\n  @state()\n  private headerHeight = 0;\n\n  /** A body row's height, in px; 0 until one has been measured. */\n  @state()\n  private rowHeight = 0;\n\n  private resizeObserver: ResizeObserver | undefined;\n  private observed: Element | undefined;\n\n  /** In manual mode, how many rows the server holds — what the pager counts. */\n  @property({ type: Number, attribute: 'total-rows' })\n  totalRows = 0;\n\n  @property({ attribute: false })\n  columns: readonly KtTableColumn[] = [];\n\n  @property({ attribute: false })\n  data: readonly KtTableRow[] = [];\n\n  @property({ type: Boolean, reflect: true })\n  selectable = false;\n\n  @property({ type: String, attribute: 'selection-mode' })\n  selectionMode: 'single' | 'multiple' = 'multiple';\n\n  /** The identities of the selected rows. */\n  @property({ attribute: false })\n  selected: readonly unknown[] = [];\n\n  /** Rows per page. Zero shows everything and hides the footer. */\n  @property({ type: Number, attribute: 'page-size' })\n  pageSize = 0;\n\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  @property({ type: String, attribute: 'sort-key' })\n  sortKey: string | null = null;\n\n  @property({ type: String, attribute: 'sort-direction' })\n  sortDirection: KtSortDirection = null;\n\n  /** Renders a cell. Return `undefined` to fall back to the raw value. */\n  @property({ attribute: false })\n  renderCell: KtCellRenderer | undefined;\n\n  @property({ type: String, attribute: 'empty-text' })\n  emptyText: string | undefined = undefined;\n\n  @property({ type: String, attribute: 'loading-text' })\n  loadingText: string | undefined = undefined;\n\n  /** Accessible name for the table. */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * BCP 47 locale text is sorted in. Empty means the page's `<html lang>`,\n   * then the browser's language.\n   */\n  @property({ type: String })\n  locale = '';\n\n  /** The last sort, and what it was computed from. */\n  private sortCache:\n    | {\n        data: readonly KtTableRow[];\n        key: string | null;\n        direction: KtSortDirection;\n        locale: string;\n        rows: readonly KtTableRow[];\n      }\n    | undefined;\n\n  /**\n   * The rows after sorting, before paging.\n   *\n   * Sorted once per change of `data`, `sortKey`, `sortDirection` or locale, not on\n   * every render: hovering a row or ticking a box re-renders the table, and\n   * re-sorting a few thousand rows each time is what made that lag. Assign a\n   * new array to `data` rather than changing it in place.\n   */\n  get sortedRows(): readonly KtTableRow[] {\n    if (this.manual) return this.data;\n\n    const cache = this.sortCache;\n    const locale = resolveLocale(this.locale);\n    if (\n      cache?.data === this.data &&\n      cache.key === this.sortKey &&\n      cache.direction === this.sortDirection &&\n      cache.locale === locale\n    ) {\n      return cache.rows;\n    }\n\n    const rows = this.sort(collatorFor(locale));\n    this.sortCache = {\n      data: this.data,\n      key: this.sortKey,\n      direction: this.sortDirection,\n      locale,\n      rows,\n    };\n    return rows;\n  }\n\n  private sort(collator: Intl.Collator): readonly KtTableRow[] {\n    if (!this.sortKey || !this.sortDirection) return this.data;\n\n    const key = this.sortKey;\n    const sign = this.sortDirection === 'asc' ? 1 : -1;\n\n    return [...this.data].sort((a, b) => {\n      const left = a[key];\n      const right = b[key];\n\n      // Empty values sort to the end whichever way the column points, so a\n      // descending sort does not open with a screen of blanks.\n      const leftEmpty = left === null || left === undefined;\n      const rightEmpty = right === null || right === undefined;\n      if (leftEmpty && rightEmpty) return 0;\n      if (leftEmpty) return 1;\n      if (rightEmpty) return -1;\n\n      if (typeof left === 'number' && typeof right === 'number') return (left - right) * sign;\n      return collator.compare(sortableText(left), sortableText(right)) * sign;\n    });\n  }\n\n  get totalPages(): number {\n    if (this.pageSize <= 0) return 1;\n    const rows = this.manual ? this.totalRows || this.data.length : this.data.length;\n    return Math.max(1, Math.ceil(rows / this.pageSize));\n  }\n\n  /** The rows actually on screen. */\n  get visibleRows(): readonly KtTableRow[] {\n    const rows = this.sortedRows;\n    if (this.pageSize <= 0 || this.manual) return rows;\n\n    const page = Math.min(this.page, this.totalPages);\n    return rows.slice((page - 1) * this.pageSize, page * this.pageSize);\n  }\n\n  /**\n   * Cycles a column: unsorted → ascending → descending → unsorted. The third\n   * press restoring the original order is what makes sorting undoable.\n   */\n  private toggleSort(column: KtTableColumn): void {\n    if (!column.sortable) return;\n\n    if (this.sortKey !== column.key) {\n      this.sortKey = column.key;\n      this.sortDirection = 'asc';\n    } else if (this.sortDirection === 'asc') {\n      this.sortDirection = 'desc';\n    } else {\n      this.sortKey = null;\n      this.sortDirection = null;\n    }\n    // A new order starts from its first page. No kt-page-change: the sort\n    // event is the one reload the application needs.\n    if (this.manual) this.page = 1;\n\n    emit(this, 'kt-sort-change', { key: this.sortKey, direction: this.sortDirection });\n  }\n\n  private isSelected(row: KtTableRow): boolean {\n    return this.selected.includes(rowKey(row));\n  }\n\n  private toggleSelection(row: KtTableRow): void {\n    const key = rowKey(row);\n\n    if (this.selectionMode === 'single') {\n      this.selected = this.isSelected(row) ? [] : [key];\n    } else {\n      this.selected = this.isSelected(row)\n        ? this.selected.filter((candidate) => candidate !== key)\n        : [...this.selected, key];\n    }\n\n    emit(this, 'kt-selection-change', { selected: this.selected, rows: this.selectedRows });\n  }\n\n  /** Selects or clears every row on the current page. */\n  private toggleAll(): void {\n    const rows = this.visibleRows;\n    const keys = rows.map(rowKey);\n    const allSelected = keys.every((key) => this.selected.includes(key));\n\n    this.selected = allSelected\n      ? this.selected.filter((key) => !keys.includes(key))\n      : [...new Set([...this.selected, ...keys])];\n\n    emit(this, 'kt-selection-change', { selected: this.selected, rows: this.selectedRows });\n  }\n\n  /** The selected rows themselves, not just their identities. */\n  get selectedRows(): readonly KtTableRow[] {\n    return this.data.filter((row) => this.selected.includes(rowKey(row)));\n  }\n\n  /** Virtual rendering, unless a page size pages the rows instead. */\n  private get isVirtual(): boolean {\n    return this.virtual && this.pageSize <= 0;\n  }\n\n  private onScroll = (event: Event): void => {\n    this.scrollOffset = (event.currentTarget as HTMLElement).scrollTop;\n  };\n\n  // Untyped: the measurements are private, so not among PropertyValues<this>.\n  override updated(changed: PropertyValues): void {\n    if (changed.has('compact')) this.rowHeight = 0;\n    if (!this.isVirtual) {\n      this.observe(undefined);\n      return;\n    }\n\n    const scroller = this.shadowRoot?.querySelector<HTMLElement>('.scroller') ?? undefined;\n    this.observe(scroller);\n\n    // Measured from what was just rendered; each assignment is a no-op once\n    // the numbers settle, so this converges in one extra render.\n    const row = this.shadowRoot?.querySelector<HTMLElement>('tbody tr[part=\"row\"]');\n    if (row && this.rowHeight === 0) this.rowHeight = row.getBoundingClientRect().height;\n    const header = this.shadowRoot?.querySelector('thead');\n    if (header) this.headerHeight = header.getBoundingClientRect().height;\n    if (scroller) this.viewportHeight = scroller.clientHeight;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.observe(undefined);\n  }\n\n  /** Follows the scroller's height, which the page can change at any time. */\n  private observe(scroller: HTMLElement | undefined): void {\n    if (scroller === this.observed) return;\n    this.resizeObserver?.disconnect();\n    this.observed = scroller;\n    if (!scroller || typeof ResizeObserver === 'undefined') return;\n\n    this.resizeObserver ??= new ResizeObserver(([entry]) => {\n      if (entry) this.viewportHeight = (entry.target as HTMLElement).clientHeight;\n    });\n    this.resizeObserver.observe(scroller);\n  }\n\n  private onPageChange(event: Event): void {\n    event.stopPropagation();\n    this.page = (event as CustomEvent<{ page: number }>).detail.page;\n    emit(this, 'kt-page-change', { page: this.page });\n  }\n\n  /**\n   * The aria-sort value for a column.\n   *\n   * Not named ariaSort: HTMLElement reflects that ARIA attribute as a string\n   * property, and shadowing it with a method breaks the element's own typing.\n   */\n  private sortStateFor(column: KtTableColumn): 'ascending' | 'descending' | 'none' {\n    if (this.sortKey !== column.key || !this.sortDirection) return 'none';\n    return this.sortDirection === 'asc' ? 'ascending' : 'descending';\n  }\n\n  private renderHeaderCell(column: KtTableColumn): TemplateResult {\n    const title = column.label ?? column.key;\n    const active = this.sortKey === column.key && this.sortDirection !== null;\n\n    return html`<th\n      part=\"header-cell\"\n      scope=\"col\"\n      style=${styleMap(column.width ? { width: column.width } : {})}\n      aria-sort=${this.sortStateFor(column)}\n    >\n      ${\n        column.sortable\n          ? html`<button type=\"button\" @click=${() => this.toggleSort(column)}>\n              <span>${title}</span>\n              <span class=\"indicator\" aria-hidden=\"true\">\n                ${\n                  active\n                    ? html`<kt-icon\n                        name=${this.sortDirection === 'asc' ? 'arrow-up' : 'arrow-down'}\n                        size=\"14\"\n                      ></kt-icon>`\n                    : nothing\n                }\n              </span>\n            </button>`\n          : html`<span>${title}</span>`\n      }\n    </th>`;\n  }\n\n  private renderBody(): TemplateResult {\n    const rows = this.visibleRows;\n    const columnCount = this.columns.length + (this.selectable ? 1 : 0);\n\n    if (rows.length === 0) {\n      return html`<tr>\n        <td colspan=${columnCount}>\n          <div class=\"placeholder\">${this.emptyText ?? strings().noData}</div>\n        </td>\n      </tr>`;\n    }\n\n    if (!this.isVirtual) {\n      return html`${rows.map((row, index) => this.renderRow(row, index))}`;\n    }\n\n    const { start, end } = rowWindow({\n      rowCount: rows.length,\n      rowHeight: this.rowHeight,\n      viewportHeight: Math.max(0, this.viewportHeight - this.headerHeight),\n      scrollTop: Math.max(0, this.scrollOffset - this.headerHeight),\n      overscan: OVERSCAN,\n    });\n    const spacer = (count: number) =>\n      count > 0 && this.rowHeight > 0\n        ? html`<tr class=\"spacer\" aria-hidden=\"true\">\n            <td colspan=${columnCount} style=${`height: ${count * this.rowHeight}px`}></td>\n          </tr>`\n        : nothing;\n\n    return html`${spacer(start)}${rows\n      .slice(start, end)\n      .map((row, offset) => this.renderRow(row, start + offset))}${spacer(rows.length - end)}`;\n  }\n\n  /** `index` counts from the first row of the data, not of the rows rendered. */\n  private renderRow(row: KtTableRow, index: number): TemplateResult {\n    const selected = this.isSelected(row);\n\n    return html`<tr\n      part=\"row\"\n      class=${classMap({ selected })}\n      aria-selected=${this.selectable ? String(selected) : nothing}\n      aria-rowindex=${this.isVirtual ? index + 2 : nothing}\n      @click=${() => emit(this, 'kt-row-click', { row, index })}\n    >\n      ${\n        this.selectable\n          ? html`<td class=\"select-cell\">\n              <input\n                type=${this.selectionMode === 'single' ? 'radio' : 'checkbox'}\n                name=${this.selectionMode === 'single' ? 'kt-table-selection' : nothing}\n                .checked=${selected}\n                aria-label=${strings().selectRow}\n                @click=${(event: Event) => event.stopPropagation()}\n                @change=${() => this.toggleSelection(row)}\n              />\n            </td>`\n          : nothing\n      }\n      ${this.columns.map((column) => {\n        const rendered = this.renderCell?.(row, column);\n        return html`<td part=\"cell\" style=${styleMap({ textAlign: column.align ?? 'left' })}>\n          ${rendered === undefined ? row[column.key] : rendered}\n        </td>`;\n      })}\n    </tr>`;\n  }\n\n  override render(): TemplateResult {\n    // A manual table reloading a page keeps the one on screen, dimmed, so the\n    // pager that asked for it — and the focus on it — stay where they are.\n    const reloading = this.loading && this.manual && this.data.length > 0;\n    if (this.loading && !reloading) {\n      return html`<div class=\"placeholder\" role=\"status\" aria-live=\"polite\">\n        ${this.loadingText ?? strings().loading}\n      </div>`;\n    }\n\n    const rows = this.visibleRows;\n    const allSelected = rows.length > 0 && rows.every((row) => this.isSelected(row));\n    const someSelected = rows.some((row) => this.isSelected(row));\n\n    const virtual = this.isVirtual;\n\n    return html`<div class=\"scroller\" @scroll=${virtual ? this.onScroll : nothing}>\n        <table\n          part=\"table\"\n          aria-label=${this.label || nothing}\n          aria-busy=${reloading ? 'true' : nothing}\n          aria-rowcount=${virtual ? rows.length + 1 : nothing}\n        >\n          <thead>\n            <tr aria-rowindex=${virtual ? 1 : nothing}>\n              ${\n                this.selectable\n                  ? html`<th class=\"select-cell\" scope=\"col\">\n                      ${\n                        this.selectionMode === 'multiple'\n                          ? html`<input\n                              type=\"checkbox\"\n                              .checked=${allSelected}\n                              .indeterminate=${someSelected && !allSelected}\n                              aria-label=${strings().selectAll}\n                              @change=${this.toggleAll}\n                            />`\n                          : nothing\n                      }\n                    </th>`\n                  : nothing\n              }\n              ${this.columns.map((column) => this.renderHeaderCell(column))}\n            </tr>\n          </thead>\n          <tbody>\n            ${this.renderBody()}\n          </tbody>\n        </table>\n      </div>\n\n      ${\n        this.pageSize > 0\n          ? html`<footer>\n              <kt-pagination\n                .page=${Math.min(this.page, this.totalPages)}\n                .totalPages=${this.totalPages}\n                @kt-page-change=${this.onPageChange}\n              ></kt-pagination>\n            </footer>`\n          : nothing\n      }`;\n  }\n}\n\ndefineElement('kt-table', KtTable);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kt-table': KtTable;\n  }\n}\n"],"names":["FIRST_BATCH","rowWindow","rowCount","rowHeight","viewportHeight","scrollTop","overscan","fits","first","last","OVERSCAN","collators","collatorFor","locale","collator","sortableText","value","rowKey","row","KtTable","KtElement","event","css","cache","resolveLocale","rows","key","sign","a","b","left","right","leftEmpty","rightEmpty","page","column","emit","candidate","keys","allSelected","changed","scroller","header","entry","title","active","html","styleMap","nothing","columnCount","strings","index","start","end","spacer","count","offset","selected","classMap","rendered","reloading","someSelected","virtual","__decorateClass","property","state","defineElement"],"mappings":"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"}

package/dist/components/data/kt-timeline/kt-timeline.js

@@ -1,7 +1,7 @@
 import { css as h, html as s, nothing as m } from "lit";
 import { property as a } from "lit/decorators.js";
 import { classMap as k } from "lit/directives/class-map.js";
-import { K as c, d as f } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { K as c, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
 import "../../core/kt-icon/kt-icon.js";
 var v = Object.defineProperty, i = (l, r, o, n) => {
   for (var e = void 0, p = l.length - 1, d; p >= 0; p--)