@editora/ui-core 0.1.9 → 0.1.10

package/dist/data-table.cjs.js

@@ -0,0 +1,682 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("./ElementBase-1b301e7f.js"),k=`
+  :host {
+    display: block;
+    --ui-data-table-radius: 16px;
+    --ui-data-table-border-color: var(--ui-color-border, rgba(15, 23, 42, 0.14));
+    --ui-data-table-border: 1px solid var(--ui-data-table-border-color);
+    --ui-data-table-bg: var(--ui-color-surface, rgba(255, 255, 255, 0.96));
+    --ui-data-table-shadow: none;
+    --ui-data-table-empty-color: var(--ui-color-muted, #64748b);
+    --ui-data-table-summary-color: var(--ui-color-muted, #475569);
+    --ui-data-table-text: var(--ui-color-text, #0f172a);
+    --ui-data-table-header-text: var(--ui-color-text, #1e293b);
+    --ui-data-table-header-bg: var(--ui-color-surface-alt, #f8fafc);
+    --ui-data-table-footer-text: var(--ui-color-text, #0f172a);
+    --ui-data-table-footer-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f8fafc) 88%, var(--ui-color-surface, #ffffff));
+    --ui-data-table-cell-border: color-mix(in srgb, var(--ui-data-table-border-color) 58%, transparent);
+    --ui-data-table-striped-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f8fafc) 82%, transparent);
+    --ui-data-table-hover-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 12%, transparent);
+    --ui-data-table-selected-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 20%, transparent);
+    --ui-data-table-sort-indicator: color-mix(in srgb, var(--ui-color-muted, #94a3b8) 80%, transparent);
+    --ui-data-table-sort-active: var(--ui-color-primary, #2563eb);
+    --ui-data-table-resize-handle: color-mix(in srgb, var(--ui-color-muted, #94a3b8) 70%, transparent);
+    --ui-data-table-resize-handle-active: var(--ui-color-primary, #2563eb);
+    --ui-data-table-duration: 160ms;
+    --ui-data-table-ease: cubic-bezier(0.2, 0.9, 0.24, 1);
+    --ui-data-table-state-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 10%, transparent);
+    --ui-data-table-state-border: color-mix(in srgb, var(--ui-data-table-border-color) 72%, transparent);
+    --ui-data-table-state-text: color-mix(in srgb, var(--ui-data-table-text, #0f172a) 72%, transparent);
+    --ui-data-table-loading-overlay: color-mix(in srgb, var(--ui-color-surface, #ffffff) 88%, transparent);
+    --ui-data-table-focus-ring: var(--ui-color-focus-ring, #2563eb);
+    color-scheme: light dark;
+  }
+
+  .frame {
+    position: relative;
+    overflow: auto;
+    border: var(--ui-data-table-border);
+    border-radius: var(--ui-data-table-radius);
+    background:
+      linear-gradient(180deg, color-mix(in srgb, var(--ui-data-table-bg) 96%, #ffffff 4%), var(--ui-data-table-bg)),
+      var(--ui-data-table-bg);
+    box-shadow: var(--ui-data-table-shadow);
+    transition: border-color var(--ui-data-table-duration) var(--ui-data-table-ease), box-shadow var(--ui-data-table-duration) var(--ui-data-table-ease);
+  }
+
+  .frame::before {
+    content: '';
+    position: absolute;
+    left: 1px;
+    right: 1px;
+    top: 0;
+    height: 1px;
+    border-radius: inherit;
+    pointer-events: none;
+    background: color-mix(in srgb, #ffffff 66%, transparent);
+    opacity: 0.75;
+    z-index: 2;
+  }
+
+  .statebar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 10px;
+    min-height: 30px;
+    border-radius: 10px;
+    border: 1px solid var(--ui-data-table-state-border);
+    background: var(--ui-data-table-state-bg);
+    color: var(--ui-data-table-state-text);
+    padding: 0 12px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    line-height: 1.3;
+  }
+
+  .statebar[hidden] {
+    display: none;
+  }
+
+  .state-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 999px;
+    background: currentColor;
+    opacity: 0.85;
+    flex: 0 0 auto;
+  }
+
+  .loading-overlay {
+    position: absolute;
+    inset: 0;
+    background: var(--ui-data-table-loading-overlay);
+    backdrop-filter: blur(2px);
+    z-index: 8;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+  }
+
+  .loading-indicator {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    min-height: 34px;
+    border-radius: 999px;
+    border: 1px solid color-mix(in srgb, var(--ui-data-table-border-color) 86%, transparent);
+    background: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    color: var(--ui-data-table-text);
+    padding: 0 12px 0 10px;
+    font-size: 12px;
+    font-weight: 600;
+  }
+
+  .loading-spinner {
+    width: 14px;
+    height: 14px;
+    border-radius: 999px;
+    border: 2px solid color-mix(in srgb, var(--ui-color-primary, #2563eb) 22%, transparent);
+    border-top-color: var(--ui-color-primary, #2563eb);
+    animation: ui-data-table-spin 700ms linear infinite;
+  }
+
+  :host([virtualize]) .frame {
+    max-height: var(--ui-data-table-virtual-height, 420px);
+  }
+
+  :host([shape="square"]) {
+    --ui-data-table-radius: 6px;
+  }
+
+  :host([shape="soft"]) {
+    --ui-data-table-radius: 20px;
+  }
+
+  :host([variant="flat"]) {
+    --ui-data-table-shadow: none;
+    --ui-data-table-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent);
+  }
+
+  :host([variant="flat"]) .frame::before {
+    display: none;
+  }
+
+  :host([variant="contrast"]) {
+    --ui-data-table-bg: #0f172a;
+    --ui-data-table-text: #e2e8f0;
+    --ui-data-table-header-text: #f8fafc;
+    --ui-data-table-header-bg: color-mix(in srgb, #1e293b 86%, #0f172a);
+    --ui-data-table-border-color: #334155;
+    --ui-data-table-cell-border: color-mix(in srgb, #64748b 52%, transparent);
+    --ui-data-table-summary-color: #94a3b8;
+    --ui-data-table-empty-color: #94a3b8;
+    --ui-data-table-sort-indicator: #94a3b8;
+    --ui-data-table-sort-active: #93c5fd;
+    --ui-data-table-focus-ring: #93c5fd;
+  }
+
+  :host([elevation="none"]) {
+    --ui-data-table-shadow: none;
+  }
+
+  :host([elevation="low"]) {
+    --ui-data-table-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
+  }
+
+  :host([elevation="high"]) {
+    --ui-data-table-shadow: 0 18px 46px rgba(15, 23, 42, 0.16);
+  }
+
+  .bulk {
+    margin-top: 12px;
+    border: var(--ui-data-table-border);
+    border-radius: 14px;
+    background:
+      linear-gradient(180deg, color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, #ffffff 2%), color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent)),
+      color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
+    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.09);
+    padding: 8px 12px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    font-size: 12px;
+    color: var(--ui-data-table-summary-color);
+  }
+
+  .bulk[hidden] {
+    display: none;
+  }
+
+  .bulk-count {
+    font-weight: 600;
+    color: var(--ui-data-table-text);
+  }
+
+  .bulk-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .bulk-clear {
+    border: 1px solid color-mix(in srgb, var(--ui-data-table-border-color) 76%, transparent);
+    background: color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, transparent);
+    color: var(--ui-data-table-text);
+    border-radius: 999px;
+    padding: 4px 10px;
+    font-size: 12px;
+    line-height: 1.2;
+    cursor: pointer;
+    transition: border-color 130ms ease, background-color 130ms ease;
+  }
+
+  .bulk-clear:hover {
+    border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 38%, var(--ui-data-table-border-color));
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 11%, transparent);
+  }
+
+  .bulk-clear:focus-visible {
+    outline: 2px solid var(--ui-color-focus-ring, #2563eb);
+    outline-offset: 1px;
+  }
+
+  .empty {
+    padding: 28px 16px;
+    text-align: center;
+    font-size: 13px;
+    color: var(--ui-data-table-empty-color);
+  }
+
+  .empty::before {
+    content: 'No records';
+    display: block;
+    margin-bottom: 6px;
+    font-size: 15px;
+    font-weight: 650;
+    color: color-mix(in srgb, var(--ui-data-table-text, #0f172a) 86%, transparent);
+    letter-spacing: 0.01em;
+  }
+
+  .meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+    margin-top: 8px;
+    color: var(--ui-data-table-summary-color);
+    font-size: 12px;
+    line-height: 1.4;
+  }
+
+  :host([state="loading"]) .loading-overlay,
+  :host([loading]) .loading-overlay {
+    display: flex;
+  }
+
+  :host([state="loading"]) {
+    --ui-data-table-state-bg: color-mix(in srgb, #f59e0b 14%, transparent);
+    --ui-data-table-state-border: color-mix(in srgb, #f59e0b 42%, var(--ui-data-table-border-color));
+    --ui-data-table-state-text: #92400e;
+  }
+
+  :host([state="error"]) {
+    --ui-data-table-state-bg: color-mix(in srgb, #ef4444 13%, transparent);
+    --ui-data-table-state-border: color-mix(in srgb, #ef4444 42%, var(--ui-data-table-border-color));
+    --ui-data-table-state-text: #b91c1c;
+  }
+
+  :host([state="success"]) {
+    --ui-data-table-state-bg: color-mix(in srgb, #16a34a 13%, transparent);
+    --ui-data-table-state-border: color-mix(in srgb, #16a34a 42%, var(--ui-data-table-border-color));
+    --ui-data-table-state-text: #166534;
+  }
+
+  :host([state="error"]) .frame {
+    border-color: color-mix(in srgb, #ef4444 34%, var(--ui-data-table-border-color));
+  }
+
+  :host([state="success"]) .frame {
+    border-color: color-mix(in srgb, #16a34a 32%, var(--ui-data-table-border-color));
+  }
+
+  .summary {
+    min-height: 1.2em;
+  }
+
+  :host([hide-summary]) .meta {
+    margin-top: 0;
+  }
+
+  :host([hide-summary]) .summary {
+    display: none;
+  }
+
+  :host([headless]) .frame {
+    border: none;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  :host([headless]) .meta {
+    display: none;
+  }
+
+  :host([headless]) .bulk {
+    display: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .frame {
+      transition: none !important;
+    }
+
+    .loading-spinner {
+      animation: none !important;
+    }
+
+    .bulk-clear {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-data-table-border: 2px solid var(--ui-data-table-border-color);
+      --ui-data-table-cell-border: var(--ui-data-table-border-color);
+      --ui-data-table-hover-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 22%, transparent);
+      --ui-data-table-selected-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 28%, transparent);
+      --ui-data-table-shadow: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-data-table-border: 1px solid CanvasText;
+      --ui-data-table-bg: Canvas;
+      --ui-data-table-shadow: none;
+      --ui-data-table-text: CanvasText;
+      --ui-data-table-header-text: CanvasText;
+      --ui-data-table-header-bg: Canvas;
+      --ui-data-table-footer-text: CanvasText;
+      --ui-data-table-footer-bg: Canvas;
+      --ui-data-table-cell-border: CanvasText;
+      --ui-data-table-hover-bg: Highlight;
+      --ui-data-table-selected-bg: Highlight;
+      --ui-data-table-sort-indicator: CanvasText;
+      --ui-data-table-sort-active: HighlightText;
+      --ui-data-table-state-bg: Canvas;
+      --ui-data-table-state-border: CanvasText;
+      --ui-data-table-state-text: CanvasText;
+      --ui-data-table-loading-overlay: Canvas;
+    }
+
+    .loading-indicator {
+      forced-color-adjust: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+    }
+
+    .loading-spinner {
+      border-color: CanvasText;
+      border-top-color: CanvasText;
+    }
+  }
+
+  @keyframes ui-data-table-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`,x=`
+  ui-data-table:not([headless]) > table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    font-size: 13px;
+    color: var(--ui-data-table-text, #0f172a);
+    min-width: 680px;
+    table-layout: fixed;
+  }
+
+  ui-data-table:not([headless]) > table caption {
+    caption-side: bottom;
+    padding: 10px 14px 0;
+    text-align: left;
+    font-size: 12px;
+    line-height: 1.4;
+    color: color-mix(in srgb, var(--ui-data-table-text, #0f172a) 62%, transparent);
+  }
+
+  ui-data-table:not([headless]) > table thead th {
+    text-align: left;
+    padding: 12px 14px;
+    color: var(--ui-data-table-header-text, #334155);
+    font-weight: 600;
+    letter-spacing: 0.01em;
+    background: var(--ui-data-table-header-bg, linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.94)));
+    border-bottom: 1px solid var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.1));
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    transition: background-color 130ms ease, color 130ms ease;
+  }
+
+  ui-data-table:not([headless]) > table tbody td {
+    padding: 11px 14px;
+    border-bottom: 1px solid var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.08));
+    vertical-align: middle;
+    color: var(--ui-data-table-text, #0f172a);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: background-color 130ms ease, color 130ms ease;
+  }
+
+  ui-data-table:not([headless]) > table tfoot td,
+  ui-data-table:not([headless]) > table tfoot th {
+    padding: 11px 14px;
+    border-top: 1px solid var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.1));
+    color: var(--ui-data-table-footer-text, var(--ui-data-table-text, #0f172a));
+    background: var(--ui-data-table-footer-bg, color-mix(in srgb, var(--ui-color-surface-alt, #f8fafc) 88%, #ffffff));
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+  }
+
+  ui-data-table:not([headless]) > table tbody td > * {
+    max-width: 100%;
+    min-width: 0;
+  }
+
+  ui-data-table:not([headless]) > table tbody tr {
+    transition: transform 130ms ease;
+  }
+
+  ui-data-table[hover]:not([headless]) > table tbody tr:hover {
+    transform: translateY(-0.5px);
+  }
+
+  ui-data-table:not([headless]) > table tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  ui-data-table[compact]:not([headless]) > table thead th,
+  ui-data-table[compact]:not([headless]) > table tbody td {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+
+  ui-data-table[striped]:not([headless]) > table tbody tr:nth-child(even) td {
+    background: var(--ui-data-table-striped-bg, rgba(148, 163, 184, 0.08));
+  }
+
+  ui-data-table[hover]:not([headless]) > table tbody tr:hover td {
+    background: var(--ui-data-table-hover-bg, rgba(37, 99, 235, 0.08));
+  }
+
+  ui-data-table[bordered]:not([headless]) > table thead th,
+  ui-data-table[bordered]:not([headless]) > table tbody td {
+    border-right: 1px solid var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.08));
+  }
+
+  ui-data-table[bordered]:not([headless]) > table thead th:last-child,
+  ui-data-table[bordered]:not([headless]) > table tbody td:last-child {
+    border-right: none;
+  }
+
+  ui-data-table[sticky-header]:not([headless]) > table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    backdrop-filter: blur(4px);
+  }
+
+  ui-data-table[sticky-footer]:not([headless]) > table tfoot td,
+  ui-data-table[sticky-footer]:not([headless]) > table tfoot th {
+    position: sticky;
+    bottom: 0;
+    z-index: 2;
+    backdrop-filter: blur(4px);
+    box-shadow: inset 0 1px 0 var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.1));
+  }
+
+  ui-data-table[sortable]:not([headless]) > table thead th[data-sortable="true"] {
+    cursor: pointer;
+    user-select: none;
+    position: relative;
+    padding-right: 24px;
+  }
+
+  ui-data-table[sortable]:not([headless]) > table thead th[data-sortable="true"]:hover {
+    background: color-mix(in srgb, var(--ui-data-table-header-bg, #f8fafc) 84%, var(--ui-color-primary, #2563eb) 16%);
+  }
+
+  ui-data-table[draggable-columns]:not([headless]) > table thead th[data-draggable="true"] {
+    cursor: grab;
+  }
+
+  ui-data-table[draggable-columns]:not([headless]) > table thead th[data-dragging="true"] {
+    opacity: 0.62;
+  }
+
+  ui-data-table[draggable-columns]:not([headless]) > table thead th[data-drag-over="true"] {
+    box-shadow: inset 0 -2px 0 rgba(37, 99, 235, 0.82);
+  }
+
+  ui-data-table[sortable]:not([headless]) > table thead th[data-sortable="true"]::after {
+    content: "⇅";
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    margin-top: -7px;
+    font-size: 12px;
+    line-height: 1;
+    font-weight: 700;
+    color: var(--ui-data-table-sort-indicator, #94a3b8);
+    letter-spacing: 0;
+  }
+
+  ui-data-table[sortable]:not([headless]) > table thead th[aria-sort="ascending"]::after {
+    content: "↑";
+    letter-spacing: 0;
+    color: var(--ui-data-table-sort-active, #2563eb);
+  }
+
+  ui-data-table[sortable]:not([headless]) > table thead th[aria-sort="descending"]::after {
+    content: "↓";
+    letter-spacing: 0;
+    color: var(--ui-data-table-sort-active, #2563eb);
+  }
+
+  ui-data-table[selectable]:not([headless]) > table tbody tr {
+    cursor: pointer;
+  }
+
+  ui-data-table[selectable]:not([headless]) > table tbody tr[data-selected="true"] td {
+    background: var(--ui-data-table-selected-bg, rgba(37, 99, 235, 0.14));
+  }
+
+  ui-data-table[loading]:not([headless]) > table tbody {
+    opacity: 0.55;
+    pointer-events: none;
+  }
+
+  ui-data-table[state="loading"]:not([headless]) > table tbody {
+    opacity: 0.55;
+    pointer-events: none;
+  }
+
+  ui-data-table[resizable-columns]:not([headless]) > table thead th[data-resizable="true"] {
+    position: relative;
+  }
+
+  ui-data-table[resizable-columns]:not([headless]) > table thead th .resize-handle {
+    position: absolute;
+    inset-inline-end: -4px;
+    top: 0;
+    width: 8px;
+    height: 100%;
+    cursor: col-resize;
+    background: transparent;
+    border: none;
+    padding: 0;
+    z-index: 3;
+  }
+
+  ui-data-table[resizable-columns]:not([headless]) > table thead th .resize-handle::before {
+    content: "";
+    position: absolute;
+    inset-inline-start: 3px;
+    top: 18%;
+    width: 1px;
+    height: 64%;
+    background: var(--ui-data-table-resize-handle, rgba(148, 163, 184, 0.5));
+    transition: background 120ms ease;
+  }
+
+  ui-data-table[resizable-columns]:not([headless]) > table thead th .resize-handle:hover::before {
+    background: var(--ui-data-table-resize-handle-active, rgba(37, 99, 235, 0.72));
+  }
+
+  ui-data-table:not([headless]) > table [data-pinned="left"],
+  ui-data-table:not([headless]) > table [data-pinned="right"] {
+    position: sticky;
+    z-index: 3;
+    background: var(--ui-data-table-bg, #fff);
+  }
+
+  ui-data-table:not([headless]) > table thead [data-pinned="left"],
+  ui-data-table:not([headless]) > table thead [data-pinned="right"] {
+    z-index: 4;
+    background: var(--ui-data-table-header-bg, #f8fafc);
+  }
+
+  ui-data-table:not([headless]) > table tfoot [data-pinned="left"],
+  ui-data-table:not([headless]) > table tfoot [data-pinned="right"] {
+    z-index: 4;
+    background: var(--ui-data-table-footer-bg, color-mix(in srgb, var(--ui-color-surface-alt, #f8fafc) 88%, #ffffff));
+  }
+
+  ui-data-table:not([headless]) > table [data-pinned="left"][data-pin-edge="true"] {
+    box-shadow: 1px 0 0 var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.08)), 8px 0 14px rgba(15, 23, 42, 0.08);
+  }
+
+  ui-data-table:not([headless]) > table [data-pinned="right"][data-pin-edge="true"] {
+    box-shadow: -1px 0 0 var(--ui-data-table-cell-border, rgba(15, 23, 42, 0.08)), -8px 0 14px rgba(15, 23, 42, 0.08);
+  }
+
+  ui-data-table:not([headless]) > table thead th:focus-visible,
+  ui-data-table:not([headless]) > table tbody tr[tabindex="0"]:focus-visible {
+    outline: 2px solid var(--ui-data-table-focus-ring, var(--ui-color-focus-ring, #2563eb));
+    outline-offset: -2px;
+  }
+
+  @media (max-width: 800px) {
+    ui-data-table:not([headless]) > table {
+      min-width: 620px;
+      font-size: 12px;
+    }
+
+    ui-data-table:not([headless]) > table thead th,
+    ui-data-table:not([headless]) > table tbody td {
+      padding-inline: 10px;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    ui-data-table:not([headless]) > table thead th,
+    ui-data-table:not([headless]) > table tbody td {
+      border-color: var(--ui-data-table-cell-border, currentColor);
+    }
+  }
+
+  @media (forced-colors: active) {
+    ui-data-table:not([headless]) > table thead th,
+    ui-data-table:not([headless]) > table tbody td {
+      forced-color-adjust: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+    }
+    ui-data-table[hover]:not([headless]) > table tbody tr:hover td,
+    ui-data-table[selectable]:not([headless]) > table tbody tr[data-selected="true"] td {
+      background: Highlight;
+      color: HighlightText;
+    }
+  }
+`;function C(){if(typeof document>"u")return;const _="ui-data-table-light-dom-style",t=document.getElementById(_);if(t){t.textContent!==x&&(t.textContent=x);return}const a=document.createElement("style");a.id=_,a.textContent=x,document.head.appendChild(a)}typeof document<"u"&&C();function m(_){return _?(_.textContent||"").replace(/\s+/g," ").trim():""}function E(_){const t=_.replace(/,/g,"");if(/^-?\d+(\.\d+)?$/.test(t))return Number(t);const a=Date.parse(_);return!Number.isNaN(a)&&/[-/]/.test(_)?a:_.toLowerCase()}const R=new Set(["sticky-header","sticky-footer","striped","hover","compact","bordered","loading","hide-summary","state","shape","variant","elevation"]),z=new Set(["pagination-id","bulk-actions-label","bulk-clear-label","state-text"]);class A extends S.ElementBase{constructor(){super(),this._table=null,this._observer=null,this._sortColumnIndex=-1,this._sortDirection="asc",this._selectedRows=new Set,this._isSyncing=!1,this._isSettingPage=!1,this._isSettingColumnOrder=!1,this._page=1,this._pageCount=1,this._pageSize=10,this._totalRows=0,this._filteredRows=0,this._paginationEl=null,this._resizeState=null,this._columnWidths=new Map,this._frameEl=null,this._virtualRaf=0,this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._dragColumnIndex=-1,this._dragOverColumnIndex=-1,this._ignoreHeaderClickUntil=0,this._syncRaf=0,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1,this._resizeRaf=0,this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPaginationChange=this._onPaginationChange.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onFrameScroll=this._onFrameScroll.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this)}static get observedAttributes(){return["headless","empty-text","sortable","selectable","multi-select","sticky-header","sticky-footer","striped","hover","compact","bordered","shape","variant","elevation","loading","state","state-text","filter-query","filter-column","filters","pin-columns","column-order","draggable-columns","resizable-columns","bulk-actions-label","bulk-clear-label","virtualize","row-height","overscan","page","page-size","pagination-id","hide-summary"]}connectedCallback(){super.connectedCallback(),C(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("dragstart",this._onDragStart),this.addEventListener("dragover",this._onDragOver),this.addEventListener("drop",this._onDrop),this.addEventListener("dragend",this._onDragEnd),this._observer=new MutationObserver(()=>{this._isSyncing||this._queueSyncStructure()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0}),this._syncPaginationBinding()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("dragstart",this._onDragStart),this.removeEventListener("dragover",this._onDragOver),this.removeEventListener("drop",this._onDrop),this.removeEventListener("dragend",this._onDragEnd),window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._resizeState=null,this._frameEl&&(this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=null),this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._syncRaf&&(cancelAnimationFrame(this._syncRaf),this._syncRaf=0),this._clearVirtualSpacers(),this._observer&&(this._observer.disconnect(),this._observer=null),this._detachPaginationListener(),super.disconnectedCallback()}attributeChangedCallback(t,a,e){if(a!==e&&!(t==="column-order"&&this._isSettingColumnOrder)&&!(t==="page"&&this._isSettingPage)){if(t==="headless"){this.requestRender();return}if(t==="empty-text"){this._syncEmptyText();return}if(this.isConnected){if(z.has(t)){t==="pagination-id"?this._syncPaginationBinding():t==="bulk-actions-label"||t==="bulk-clear-label"?this._updateBulkActions():t==="state-text"&&this._syncStateBar();return}if(R.has(t)){t==="hide-summary"?this._updateSummary():(t==="state"||t==="loading")&&this._syncStateBar();return}if(t==="filter-query"||t==="filter-column"||t==="filters"){this._syncStructure(),this._dispatchFilterChange();return}this._queueSyncStructure()}}}render(){if(this.hasAttribute("headless")){this.setContent("<slot></slot>"),this._syncStructure();return}const t=this.getAttribute("empty-text")||"No data available.";this.setContent(`
+      <style>${k}</style>
+      <div class="statebar" part="state" hidden role="status" aria-live="polite">
+        <span class="state-dot" aria-hidden="true"></span>
+        <span class="state-text"></span>
+      </div>
+      <div class="frame" part="frame">
+        <slot></slot>
+        <div class="empty" part="empty" role="status" aria-live="polite" hidden>${t}</div>
+        <div class="loading-overlay" part="loading-overlay" aria-hidden="true">
+          <div class="loading-indicator" part="loading-indicator">
+            <span class="loading-spinner" aria-hidden="true"></span>
+            <span class="loading-text">Updating data</span>
+          </div>
+        </div>
+      </div>
+      <div class="meta" part="meta">
+        <span class="summary" part="summary" aria-live="polite"></span>
+        <slot name="meta"></slot>
+      </div>
+      <div class="bulk" part="bulk" hidden>
+        <span class="bulk-count" part="bulk-count" aria-live="polite"></span>
+        <div class="bulk-actions" part="bulk-actions">
+          <slot name="bulk-actions"></slot>
+          <button type="button" class="bulk-clear" part="bulk-clear"></button>
+        </div>
+      </div>
+    `),this._syncStructure(),this._syncStateBar()}_findTable(){return this.querySelector("table")}_queueSyncStructure(){this.isConnected&&(this._syncRaf||(this._syncRaf=requestAnimationFrame(()=>{this._syncRaf=0,this._syncStructure()})))}_isVirtualSpacerRow(t){return t.hasAttribute("data-virtual-spacer")}_clearVirtualSpacers(){var t,a;(t=this._virtualTopSpacer)!=null&&t.isConnected&&this._virtualTopSpacer.remove(),(a=this._virtualBottomSpacer)!=null&&a.isConnected&&this._virtualBottomSpacer.remove(),this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1}_parseRowHeight(){const t=Number(this.getAttribute("row-height")||44);return!Number.isFinite(t)||t<20?44:Math.round(t)}_parseOverscan(){const t=Number(this.getAttribute("overscan")||6);return!Number.isFinite(t)||t<0?6:Math.max(0,Math.floor(t))}_state(){const t=(this.getAttribute("state")||"idle").trim().toLowerCase();return t==="loading"||t==="error"||t==="success"?t:this.hasAttribute("loading")?"loading":"idle"}_stateText(t){const a=(this.getAttribute("state-text")||"").trim();return a||(t==="loading"?"Refreshing table data":t==="error"?"Table data could not be loaded":t==="success"?"Table data is up to date":"")}_syncStateBar(){const t=this.root.querySelector(".statebar"),a=this.root.querySelector(".state-text"),e=this.root.querySelector(".loading-text"),i=this.root.querySelector(".frame"),r=this._table;if(!t)return;const s=this._state();s!=="idle"?t.removeAttribute("hidden"):t.setAttribute("hidden",""),t.setAttribute("data-state",s),t.setAttribute("aria-live",s==="error"?"assertive":"polite");const n=this._stateText(s);a&&(a.textContent=n),e&&(e.textContent=this._stateText("loading"));const d=s==="loading"?"true":"false";i&&i.setAttribute("aria-busy",d),r&&r.setAttribute("aria-busy",d)}_isInteractionBlocked(){return this._state()==="loading"}_isInteractiveTarget(t){if(!t)return!1;const a=t.closest('button, a[href], input, select, textarea, label, summary, details, [contenteditable=""], [contenteditable="true"], [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="menuitem"]');return!(!a||a.classList.contains("resize-handle"))}_headerKey(t,a){if(!t)return`column-${a+1}`;const e=(t.getAttribute("data-key")||"").trim();if(e)return e;const i=m(t);return i?i.toLowerCase().replace(/\s+/g,"_"):`column-${a+1}`}_currentColumnOrderString(){return this._headerCells().map((a,e)=>this._headerKey(a,e)).join(",")}_setColumnOrderAttribute(t){(this.getAttribute("column-order")||"")!==t&&(this._isSettingColumnOrder=!0,this.setAttribute("column-order",t),this._isSettingColumnOrder=!1)}_isRtl(){return typeof window>"u"?!1:getComputedStyle(this).direction==="rtl"}_parsePageSize(){const t=Number(this.getAttribute("page-size")||10);return!Number.isFinite(t)||t<1?10:Math.floor(t)}_parsePage(){const t=Number(this.getAttribute("page")||1);return!Number.isFinite(t)||t<1?1:Math.floor(t)}_parseFilterQuery(){return(this.getAttribute("filter-query")||"").trim().toLowerCase()}_resolveFilterColumnIndex(t){const a=(this.getAttribute("filter-column")||"").trim();if(!a)return-1;const e=Number(a);if(Number.isInteger(e)&&e>=0&&e<t.length)return e;const i=a.toLowerCase();for(let r=0;r<t.length;r+=1){const s=t[r],o=(s.getAttribute("data-key")||"").toLowerCase(),n=m(s).toLowerCase();if(o===i||n===i)return r}return-1}_resolveColumnIndex(t,a){if(typeof a=="number"&&Number.isInteger(a)&&a>=0&&a<t.length)return a;const e=String(a||"").trim();if(!e)return-1;const i=Number(e);if(Number.isInteger(i)&&i>=0&&i<t.length)return i;const r=e.toLowerCase();for(let s=0;s<t.length;s+=1){const o=t[s],n=(o.getAttribute("data-key")||"").toLowerCase(),d=m(o).toLowerCase();if(n===r||d===r||this._headerKey(o,s)===r)return s}return-1}_parseFilters(t){const a=this.getAttribute("filters");if(!a)return[];try{const e=JSON.parse(a);if(!Array.isArray(e))return[];const i=[];return e.forEach(r=>{if(!r||typeof r!="object")return;const s=r.column??r.field??r.key,o=this._resolveColumnIndex(t,s);if(o<0)return;const n=String(r.op||r.operator||"contains").trim().toLowerCase();i.push({columnIndex:o,op:n,value:r.value})}),i}catch{return[]}}_normalizePinTokens(t){return Array.isArray(t)?t.map(a=>String(a).trim()).filter(Boolean):t==null?[]:String(t).split(",").map(a=>a.trim()).filter(Boolean)}_parsePinColumns(t){const a=this.getAttribute("pin-columns");if(!a)return{left:[],right:[]};const e=new Set,i=new Set,r=(d,c)=>{c.forEach(h=>{const l=this._resolveColumnIndex(t,h);l>=0&&d.add(l)})};try{const d=JSON.parse(a);if(d&&typeof d=="object"){r(e,this._normalizePinTokens(d.left)),r(i,this._normalizePinTokens(d.right));const c=Array.from(e).sort((l,u)=>l-u),h=Array.from(i).filter(l=>!e.has(l)).sort((l,u)=>u-l);return{left:c,right:h}}}catch{}a.split(";").map(d=>d.trim()).filter(Boolean).forEach(d=>{const[c,h]=d.split(":"),l=(c||"").trim().toLowerCase(),u=this._normalizePinTokens(h||"");l==="left"&&r(e,u),l==="right"&&r(i,u)});const o=Array.from(e).sort((d,c)=>d-c),n=Array.from(i).filter(d=>!e.has(d)).sort((d,c)=>c-d);return{left:o,right:n}}_setPageAttribute(t){const a=Math.max(1,t);this.getAttribute("page")!==String(a)&&(this._isSettingPage=!0,this.setAttribute("page",String(a)),this._isSettingPage=!1)}_bodyRows(){if(!this._table)return[];const t=this._table.tBodies[0];return t?Array.from(t.rows).filter(a=>!this._isVirtualSpacerRow(a)):[]}_headerCells(){var a;if(!this._table)return[];const t=(a=this._table.tHead)==null?void 0:a.rows[0];return t?Array.from(t.cells).filter(e=>e.tagName.toLowerCase()==="th"):Array.from(this._table.querySelectorAll("th"))}_clearPinnedColumns(){this._table&&this._table.querySelectorAll("[data-pinned]").forEach(t=>{const a=t;a.removeAttribute("data-pinned"),a.removeAttribute("data-pin-edge"),a.style.left="",a.style.right="",a.style.zIndex=""})}_resolveColumnWidth(t,a){const e=this._columnWidths.get(t);if(typeof e=="number"&&Number.isFinite(e))return Math.max(1,e);const i=(a==null?void 0:a.getBoundingClientRect().width)||(a==null?void 0:a.offsetWidth)||0;return Number.isFinite(i)&&i>0?i:120}_pinCell(t,a,e,i,r){t&&(t.setAttribute("data-pinned",a),i?t.setAttribute("data-pin-edge","true"):t.removeAttribute("data-pin-edge"),a==="left"?(t.style.left=`${Math.max(0,Math.round(e))}px`,t.style.right=""):(t.style.right=`${Math.max(0,Math.round(e))}px`,t.style.left=""),t.style.zIndex=r?"4":"3")}_applyPinnedColumns(){if(!this._table)return;this._clearPinnedColumns();const t=this._headerCells();if(!t.length)return;const{left:a,right:e}=this._parsePinColumns(t);if(!a.length&&!e.length)return;const i=Array.from(this._table.rows).filter(o=>!this._isVirtualSpacerRow(o));let r=0;a.forEach((o,n)=>{const d=this._resolveColumnWidth(o,t[o]),c=n===a.length-1;i.forEach((h,l)=>{const u=h.cells[o];this._pinCell(u,"left",r,c,l===0)}),r+=d});let s=0;e.forEach((o,n)=>{const d=this._resolveColumnWidth(o,t[o]),c=n===e.length-1;i.forEach((h,l)=>{const u=h.cells[o];this._pinCell(u,"right",s,c,l===0)}),s+=d})}_applyColumnOrder(){var h;if(!this._table)return;const t=(this.getAttribute("column-order")||"").trim();if(!t)return;const a=(h=this._table.tHead)==null?void 0:h.rows[0],e=this._table.tBodies[0];if(!a||!e)return;const i=Array.from(a.cells);if(!i.length)return;const r=t.split(",").map(l=>l.trim()).filter(Boolean);if(!r.length)return;const s=[],o=new Set,n=new Map;i.forEach((l,u)=>{const b=(l.getAttribute("data-key")||m(l)).toLowerCase().trim();b&&n.set(b,u)});for(const l of r){const u=Number(l);if(Number.isInteger(u)&&u>=0&&u<i.length){o.has(u)||(o.add(u),s.push(u));continue}const b=n.get(l.toLowerCase());typeof b=="number"&&!o.has(b)&&(o.add(b),s.push(b))}for(let l=0;l<i.length;l+=1)o.has(l)||s.push(l);if(s.every((l,u)=>l===u))return;s.map(l=>i[l]).forEach(l=>a.appendChild(l)),Array.from(e.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const u=Array.from(l.cells);s.map(f=>u[f]).filter(Boolean).forEach(f=>l.appendChild(f))}),this._columnWidths.clear()}_moveColumn(t,a){var h;if(!this._table)return!1;const e=(h=this._table.tHead)==null?void 0:h.rows[0],i=this._table.tBodies[0];if(!e||!i)return!1;const r=Array.from(e.cells),s=r.length;if(!s||t<0||t>=s||a<0||a>=s||t===a)return!1;const o=Array.from({length:s},(l,u)=>u),[n]=o.splice(t,1);o.splice(a,0,n),o.map(l=>r[l]).forEach(l=>e.appendChild(l)),Array.from(i.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const u=Array.from(l.cells);o.map(f=>u[f]).filter(Boolean).forEach(f=>l.appendChild(f))});const c=new Map;return o.forEach((l,u)=>{const b=this._columnWidths.get(l);typeof b=="number"&&c.set(u,b)}),this._columnWidths=c,this._sortColumnIndex>=0&&(this._sortColumnIndex=o.indexOf(this._sortColumnIndex)),this._syncHeaderState(),this._applyPinnedColumns(),this._syncRowSelectionState(),!0}_clearDragMarkers(){this._headerCells().forEach(a=>{a.removeAttribute("data-dragging"),a.removeAttribute("data-drag-over")}),this._dragOverColumnIndex=-1}_emitColumnOrderChange(t,a){const e=this._currentColumnOrderString();this._setColumnOrderAttribute(e),this.dispatchEvent(new CustomEvent("column-order-change",{detail:{sourceIndex:t,targetIndex:a,order:e,keys:this._headerCells().map((i,r)=>this._headerKey(i,r))},bubbles:!0}))}_focusHeaderAt(t){const e=this._headerCells()[t];e&&e.focus()}_focusSelectableRow(t,a){const e=this._bodyRows().filter(o=>!o.hidden),i=e.indexOf(t);if(i<0)return;const r=Math.min(e.length-1,Math.max(0,i+a)),s=e[r];s&&s.focus()}_headerKeyboardShortcuts(t,a){const e=this._isRtl(),i=e?"ArrowRight":"ArrowLeft",r=e?"ArrowLeft":"ArrowRight",s=[i,r,"Home","End"];return t&&s.push("Enter","Space"),a&&s.push(`Alt+${i}`,`Alt+${r}`),s.join(" ")}_syncStructure(){if(!this._isSyncing){this._isSyncing=!0;try{this._table=this._findTable();const t=this.root.querySelector(".frame");this._frameEl!==t&&(this._frameEl&&this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=t,this._frameEl&&this._frameEl.addEventListener("scroll",this._onFrameScroll,{passive:!0}));const a=this.root.querySelector(".empty"),e=this.root.querySelector(".summary");if(this._syncEmptyText(),!this._table){a&&a.removeAttribute("hidden"),e&&(e.textContent=""),this._selectedRows.clear(),this._page=1,this._pageCount=1,this._totalRows=0,this._filteredRows=0,this._clearVirtualization(!1),this._syncPaginationElement(),this._syncStateBar();return}a&&a.setAttribute("hidden",""),this._table.hasAttribute("data-ui-data-table")||this._table.setAttribute("data-ui-data-table","true"),this._table.hasAttribute("role")||this._table.setAttribute("role","table"),this._applyColumnOrder(),this._syncHeaderState(),this._applyPinnedColumns(),this._table.setAttribute("aria-colcount",String(this._headerCells().length||0)),this._applyPagination(!1),a&&(this._filteredRows>0?a.setAttribute("hidden",""):(this._syncEmptyText(),a.removeAttribute("hidden"))),this._applyVirtualization(!1),this._syncRowSelectionState(),this._updateBulkActions(),this._updateSummary(),this._syncPaginationElement(),this._syncStateBar()}finally{this._isSyncing=!1}}}_syncHeaderState(){const t=this.hasAttribute("sortable"),a=this.hasAttribute("draggable-columns"),e=this.hasAttribute("resizable-columns"),i=this._headerKeyboardShortcuts(t,a);this._headerCells().forEach((s,o)=>{if(s.setAttribute("data-col-index",String(o)),s.setAttribute("scope","col"),s.setAttribute("aria-colindex",String(o+1)),t||a?s.setAttribute("aria-keyshortcuts",i):s.removeAttribute("aria-keyshortcuts"),t?s.setAttribute("data-sortable","true"):s.removeAttribute("data-sortable"),t||a?s.hasAttribute("tabindex")||s.setAttribute("tabindex","0"):s.getAttribute("tabindex")==="0"&&s.removeAttribute("tabindex"),o===this._sortColumnIndex&&t?s.setAttribute("aria-sort",this._sortDirection==="asc"?"ascending":"descending"):t?s.setAttribute("aria-sort","none"):s.removeAttribute("aria-sort"),a?(s.setAttribute("data-draggable","true"),s.setAttribute("draggable","true"),s.setAttribute("aria-description","Draggable column header")):(s.removeAttribute("data-draggable"),s.removeAttribute("draggable"),s.removeAttribute("data-dragging"),s.removeAttribute("data-drag-over"),s.removeAttribute("aria-description")),e){s.setAttribute("data-resizable","true");let n=s.querySelector(".resize-handle");n||(n=document.createElement("button"),n.type="button",n.className="resize-handle",n.setAttribute("aria-hidden","true"),n.tabIndex=-1,s.appendChild(n)),n.setAttribute("data-col-index",String(o));const d=this._columnWidths.get(o);typeof d=="number"&&this._setColumnWidth(o,d,!1)}else{s.removeAttribute("data-resizable");const n=s.querySelector(".resize-handle");n&&n.remove()}})}_applyPagination(t){var l;const a=this._bodyRows();this._pageSize=this._parsePageSize(),this._totalRows=a.length;const e=this._parseFilterQuery(),i=this._headerCells(),r=this._resolveFilterColumnIndex(i),s=this._parseFilters(i),o=a.filter(u=>this._rowMatchesFilter(u,e,r,s));this._filteredRows=o.length,(l=this._table)==null||l.setAttribute("aria-rowcount",String(this._filteredRows));const n=this._parsePage();this._pageCount=Math.max(1,Math.ceil(o.length/this._pageSize)),this._page=Math.min(this._pageCount,Math.max(1,n)),this._page!==n&&this._setPageAttribute(this._page);const d=(this._page-1)*this._pageSize,c=d+this._pageSize,h=new Set(o);if(a.forEach(u=>{h.has(u)?u.removeAttribute("data-hidden-by-filter"):(u.hidden=!0,u.setAttribute("data-hidden-by-filter",""),u.removeAttribute("data-hidden-by-page"),u.removeAttribute("aria-rowindex"))}),o.forEach((u,b)=>{const f=b>=d&&b<c;u.hidden=!f,f?u.removeAttribute("data-hidden-by-page"):u.setAttribute("data-hidden-by-page",""),u.setAttribute("aria-rowindex",String(b+1))}),t){const u=o.length,b=u===0?0:d+1,f=Math.min(c,u);this.dispatchEvent(new CustomEvent("page-change",{detail:{page:this._page,count:this._pageCount,pageSize:this._pageSize,total:u,start:b,end:f},bubbles:!0}))}}_clearVirtualization(t){this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._clearVirtualSpacers(),t&&this._bodyRows().forEach(a=>{a.style.display==="none"&&(a.style.display=""),a.removeAttribute("data-hidden-by-virtual")})}_ensureVirtualSpacer(t){if(!this._table)return null;const a=this._table.tBodies[0];if(!a)return null;const e=t==="top"?this._virtualTopSpacer:this._virtualBottomSpacer;if(e&&e.isConnected)return e;const i=document.createElement("tr");i.setAttribute("data-virtual-spacer",t),i.setAttribute("aria-hidden","true"),i.setAttribute("role","presentation"),i.style.pointerEvents="none";const r=document.createElement("td");return r.style.padding="0",r.style.border="0",r.style.height="0px",r.style.lineHeight="0",r.style.fontSize="0",r.innerHTML="&nbsp;",i.appendChild(r),t==="top"?(a.insertBefore(i,a.firstChild),this._virtualTopSpacer=i):(a.appendChild(i),this._virtualBottomSpacer=i),i}_setVirtualSpacerHeight(t,a,e){if(!t)return;const i=t.cells[0]||t.appendChild(document.createElement("td"));i.colSpan!==Math.max(1,e)&&(i.colSpan=Math.max(1,e)),i.style.padding="0",i.style.border="0",i.style.height=`${Math.max(0,Math.round(a))}px`,i.style.lineHeight="0",i.style.fontSize="0"}_applyVirtualization(t){var w;if(!this.hasAttribute("virtualize")||!this._frameEl||!this._table){this._clearVirtualization(!0);return}const e=this._bodyRows().filter(p=>!p.hidden);if(!e.length){this._clearVirtualization(!0);return}const i=this._parseRowHeight(),r=this._parseOverscan(),s=this._frameEl.clientHeight||i*8,o=this._frameEl.scrollTop,n=Math.max(0,Math.floor(o/i)-r),d=Math.min(e.length,Math.ceil((o+s)/i)+r),c=n*i,h=Math.max(0,(e.length-d)*i),l=Math.max(1,this._headerCells().length||((w=e[0])==null?void 0:w.cells.length)||1),u=this._ensureVirtualSpacer("top"),b=this._ensureVirtualSpacer("bottom");this._setVirtualSpacerHeight(u,c,l),this._setVirtualSpacerHeight(b,h,l);const f=(p,y)=>{y?(p.style.display==="none"&&(p.style.display=""),p.removeAttribute("data-hidden-by-virtual")):(p.style.display!=="none"&&(p.style.display="none"),p.setAttribute("data-hidden-by-virtual",""))};if(!(this._virtualStart>=0&&this._virtualEnd>=this._virtualStart&&this._virtualVisibleTotal===e.length))e.forEach((p,y)=>{f(p,y>=n&&y<d)});else{const p=this._virtualStart,y=this._virtualEnd;for(let g=p;g<Math.min(n,y);g+=1){const v=e[g];v&&f(v,!1)}for(let g=n;g<Math.min(p,d);g+=1){const v=e[g];v&&f(v,!0)}for(let g=Math.max(d,p);g<y;g+=1){const v=e[g];v&&f(v,!1)}for(let g=Math.max(y,n);g<d;g+=1){const v=e[g];v&&f(v,!0)}}this._virtualStart=n,this._virtualEnd=d,this._virtualVisibleTotal=e.length,t&&this.dispatchEvent(new CustomEvent("virtual-range-change",{detail:{start:n,end:Math.max(n,d-1),visible:Math.max(0,d-n),total:e.length},bubbles:!0}))}_updateSummary(){const t=this.root.querySelector(".summary");if(!t)return;const a=this._totalRows,e=this._filteredRows;if(!a||!e){t.textContent="No records";return}const i=(this._page-1)*this._pageSize+1,r=Math.min(this._page*this._pageSize,e);if(e===a){t.textContent=`Showing ${i}-${r} of ${a}`;return}t.textContent=`Showing ${i}-${r} of ${e} filtered records (${a} total)`}_syncEmptyText(){const t=this.root.querySelector(".empty");if(!t)return;const a=!!this._parseFilterQuery();if(this._table&&this._filteredRows===0&&a){t.textContent="No matching records.";return}t.textContent=this.getAttribute("empty-text")||"No data available."}_dispatchFilterChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{query:this.getAttribute("filter-query")||"",filters:this.getAttribute("filters")||"",total:this._totalRows,filtered:this._filteredRows,page:this._page,count:this._pageCount},bubbles:!0}))}_parseComparable(t){const a=t.replace(/,/g,"").trim();return/^-?\d+(\.\d+)?$/.test(a)?Number(a):t.toLowerCase()}_rulePasses(t,a){const e=a.op,i=a.value,r=t.trim(),s=r.toLowerCase();if(e==="empty")return r.length===0;if(e==="notempty"||e==="not-empty")return r.length>0;if(e==="equals"||e==="eq")return s===String(i??"").toLowerCase();if(e==="neq"||e==="not-equals")return s!==String(i??"").toLowerCase();if(e==="startswith"||e==="starts-with")return s.startsWith(String(i??"").toLowerCase());if(e==="endswith"||e==="ends-with")return s.endsWith(String(i??"").toLowerCase());if(e==="in")return(Array.isArray(i)?i.map(n=>String(n).toLowerCase()):String(i??"").split(",").map(n=>n.trim().toLowerCase()).filter(Boolean)).includes(s);if(e==="gt"||e==="gte"||e==="lt"||e==="lte"||e==="between"){const o=this._parseComparable(r);if(typeof o!="number")return!1;if(e==="between"){const d=Array.isArray(i)?i:String(i??"").split(","),c=Number(d[0]),h=Number(d[1]);return!Number.isFinite(c)||!Number.isFinite(h)?!1:o>=Math.min(c,h)&&o<=Math.max(c,h)}const n=Number(i);return Number.isFinite(n)?e==="gt"?o>n:e==="gte"?o>=n:e==="lt"?o<n:o<=n:!1}return s.includes(String(i??"").toLowerCase())}_rowMatchesFilter(t,a,e,i){if(a){const r=e>=0?m(t.cells[e]):Array.from(t.cells).map(n=>m(n)).join(" ");if(!r)return!1;const s=r.toLowerCase(),o=a.split(/\s+/).filter(Boolean);if(o.length&&!o.every(n=>s.includes(n)))return!1}return i.length?i.every(r=>{const s=t.cells[r.columnIndex];return this._rulePasses(m(s),r)}):!0}_setColumnWidth(t,a,e=!0){if(!this._table)return;const i=Math.max(72,Math.round(a));if(this._columnWidths.set(t,i),Array.from(this._table.rows).forEach(o=>{const n=o.cells[t];n&&(n.style.width=`${i}px`,n.style.minWidth=`${i}px`,n.style.maxWidth=`${i}px`,n.style.boxSizing="border-box")}),!e)return;this._applyPinnedColumns();const s=this._headerCells()[t];this.dispatchEvent(new CustomEvent("column-resize",{detail:{columnIndex:t,key:(s==null?void 0:s.getAttribute("data-key"))||m(s)||`column-${t+1}`,width:i},bubbles:!0}))}_onPointerDown(t){if(!this.hasAttribute("resizable-columns")||!this._table)return;const e=t.target.closest(".resize-handle");if(!e||!this._table.contains(e))return;const i=Number(e.getAttribute("data-col-index"));if(!Number.isInteger(i)||i<0)return;const r=this._headerCells()[i];if(!r)return;t.preventDefault();const s=r.getBoundingClientRect().width;this._resizeState={columnIndex:i,startX:t.clientX,startWidth:s},window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp)}_onPointerMove(t){if(!this._resizeState)return;const a=t.clientX-this._resizeState.startX,e=this._isRtl()?-a:a;this._pendingResizeColumn=this._resizeState.columnIndex,this._pendingResizeWidth=this._resizeState.startWidth+e,this._setColumnWidth(this._pendingResizeColumn,this._pendingResizeWidth,!1)}_onPointerUp(){if(!this._resizeState)return;const t=this._resizeState;this._resizeState=null,this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn===t.columnIndex&&this._pendingResizeWidth!=null&&this._setColumnWidth(t.columnIndex,this._pendingResizeWidth,!1),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp);const a=this._headerCells()[t.columnIndex];if(!a)return;const e=a.getBoundingClientRect().width;this._setColumnWidth(t.columnIndex,e,!0)}_onFrameScroll(){this.hasAttribute("virtualize")&&(this._virtualRaf||(this._virtualRaf=requestAnimationFrame(()=>{this._virtualRaf=0,this._applyVirtualization(!0)})))}_onDragStart(t){if(!this.hasAttribute("draggable-columns")||!this._table)return;const a=t.target;if(a.closest(".resize-handle")){t.preventDefault();return}const e=a.closest("th");if(!e||!this._table.contains(e))return;const r=this._headerCells().indexOf(e);r<0||(this._dragColumnIndex=r,this._dragOverColumnIndex=r,this._clearDragMarkers(),e.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(r))))}_onDragOver(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const i=this._headerCells(),r=i.indexOf(e);if(r<0||(t.preventDefault(),this._dragOverColumnIndex===r))return;this._clearDragMarkers(),this._dragOverColumnIndex=r,e.setAttribute("data-drag-over","true");const s=i[this._dragColumnIndex];s&&s.setAttribute("data-dragging","true")}_onDrop(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const r=this._headerCells().indexOf(e);if(r<0)return;t.preventDefault();const s=this._dragColumnIndex,o=this._moveColumn(s,r);this._clearDragMarkers(),this._dragColumnIndex=-1,this._ignoreHeaderClickUntil=Date.now()+220,o&&(this._applyVirtualization(!1),this._emitColumnOrderChange(s,r))}_onDragEnd(){this._clearDragMarkers(),this._dragColumnIndex=-1}_rowValues(t){const a=this._headerCells(),e=Array.from(t.cells),i={};return e.forEach((r,s)=>{const o=a[s],n=((o==null?void 0:o.getAttribute("data-key"))||m(o||void 0)||`col_${s+1}`).toLowerCase().replace(/[^a-z0-9_]+/g,"_").replace(/^_+|_+$/g,"");i[n||`col_${s+1}`]=m(r)}),i}_syncRowSelectionState(){const t=this.hasAttribute("selectable"),a=this._bodyRows();for(const e of Array.from(this._selectedRows))a.includes(e)||this._selectedRows.delete(e);a.forEach(e=>{const i=!e.hidden;t&&i?(e.setAttribute("aria-selected",this._selectedRows.has(e)?"true":"false"),e.setAttribute("aria-keyshortcuts","ArrowUp ArrowDown Home End Enter Space"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),this._selectedRows.has(e)?e.setAttribute("data-selected","true"):e.removeAttribute("data-selected")):(e.removeAttribute("aria-selected"),e.removeAttribute("aria-keyshortcuts"),e.removeAttribute("data-selected"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex"))})}_toggleRowSelection(t){const a=this.hasAttribute("multi-select"),e=this._selectedRows.has(t);a||this._selectedRows.clear(),e&&a?this._selectedRows.delete(t):this._selectedRows.add(t),this._syncRowSelectionState(),this._updateBulkActions();const i=this._bodyRows(),r=i.flatMap((o,n)=>this._selectedRows.has(o)?[n]:[]),s=i.filter(o=>this._selectedRows.has(o)).map(o=>this._rowValues(o));this.dispatchEvent(new CustomEvent("row-select",{detail:{index:i.indexOf(t),selected:this._selectedRows.has(t),indices:r,rows:s,page:this._page},bubbles:!0}))}_sortByColumn(t,a){if(!this._table)return;const e=this._table.tBodies[0];if(!e)return;this._sortColumnIndex===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortColumnIndex=t,this._sortDirection="asc"),Array.from(e.rows).filter(o=>!this._isVirtualSpacerRow(o)).map((o,n)=>({row:o,rowIndex:n,value:E(m(o.cells[t]))})).sort((o,n)=>{const d=o.value,c=n.value;let h=0;return typeof d=="number"&&typeof c=="number"?h=d-c:h=String(d).localeCompare(String(c),void 0,{numeric:!0,sensitivity:"base"}),h===0&&(h=o.rowIndex-n.rowIndex),this._sortDirection==="asc"?h:-h}).map(o=>o.row).forEach(o=>e.appendChild(o)),this._syncHeaderState(),this._applyPagination(!1),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement();const s=a.getAttribute("data-key")||m(a)||`column-${t+1}`;this.dispatchEvent(new CustomEvent("sort-change",{detail:{columnIndex:t,key:s,direction:this._sortDirection,page:this._page},bubbles:!0}))}_detachPaginationListener(){this._paginationEl&&(this._paginationEl.removeEventListener("change",this._onPaginationChange),this._paginationEl=null)}_syncPaginationBinding(){this._detachPaginationListener();const t=this.getAttribute("pagination-id");if(!t)return;const a=document.getElementById(t);a&&(this._paginationEl=a,this._paginationEl.addEventListener("change",this._onPaginationChange),this._syncPaginationElement())}_syncPaginationElement(){this._paginationEl&&(this._paginationEl.setAttribute("count",String(this._pageCount||1)),this._paginationEl.setAttribute("page",String(this._page||1)))}_onPaginationChange(t){const a=t.detail,e=Number(a==null?void 0:a.page);Number.isFinite(e)&&e!==this._page&&(this._setPageAttribute(e),this._applyPagination(!0),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement())}_onClick(t){if(!this._table)return;const e=t.composedPath().find(r=>r instanceof HTMLElement)||t.target;if(e.closest(".bulk-clear")){const r=this._selectedRows.size;r>0&&(this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:r,page:this._page},bubbles:!0})));return}if(!e.closest(".resize-handle")&&!(e.closest("th")&&Date.now()<this._ignoreHeaderClickUntil)&&!this._isInteractionBlocked()){if(this.hasAttribute("sortable")){const r=e.closest("th");if(r&&this._table.contains(r)){if(e!==r&&this._isInteractiveTarget(e))return;const o=this._headerCells().indexOf(r);if(o>=0){this._sortByColumn(o,r);return}}}if(this.hasAttribute("selectable")){const r=e.closest("tbody tr");if(r&&this._table.contains(r)&&!r.hidden&&!this._isVirtualSpacerRow(r)){if(e!==r&&this._isInteractiveTarget(e))return;this._toggleRowSelection(r)}}}}_onKeyDown(t){if(!this._table)return;const a=t.key,e=t.target;if(a==="Escape"&&this._selectedRows.size){const r=this._selectedRows.size;this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:r,page:this._page},bubbles:!0}));return}if(this._isInteractionBlocked())return;const i=e.closest("th");if(i&&this._table.contains(i)){const r=this._headerCells(),s=r.indexOf(i);if(s>=0){const n=this._isRtl()?-1:1,d=-n;if(a==="ArrowRight"||a==="ArrowLeft"){t.preventDefault();const c=a==="ArrowRight"?n:d,h=Math.max(0,Math.min(r.length-1,s+c));if(t.altKey&&this.hasAttribute("draggable-columns")&&h!==s){this._moveColumn(s,h)&&(this._ignoreHeaderClickUntil=Date.now()+220,this._emitColumnOrderChange(s,h),this._applyVirtualization(!1),this._focusHeaderAt(h));return}this._focusHeaderAt(h);return}if(a==="Home"||a==="End"){t.preventDefault(),this._focusHeaderAt(a==="Home"?0:r.length-1);return}if((a==="Enter"||a===" ")&&this.hasAttribute("sortable")){if(e!==i&&this._isInteractiveTarget(e))return;t.preventDefault(),this._sortByColumn(s,i);return}}}if(this.hasAttribute("selectable")){const r=e.closest("tbody tr");if(r&&this._table.contains(r)&&!r.hidden&&!this._isVirtualSpacerRow(r)){if(e!==r&&this._isInteractiveTarget(e))return;if(a==="ArrowDown"||a==="ArrowUp"){t.preventDefault(),this._focusSelectableRow(r,a==="ArrowDown"?1:-1);return}if(a==="Home"||a==="End"){t.preventDefault();const s=this._bodyRows().filter(n=>!n.hidden),o=a==="Home"?s[0]:s[s.length-1];o&&o.focus();return}(a==="Enter"||a===" ")&&(t.preventDefault(),this._toggleRowSelection(r))}}}_updateBulkActions(){const t=this.root.querySelector(".bulk");if(!t)return;const a=this.hasAttribute("selectable"),e=this._selectedRows.size;if(!(a&&e>0)){t.setAttribute("hidden","");return}t.removeAttribute("hidden");const r=this.getAttribute("bulk-actions-label")||"{count} selected",s=this.getAttribute("bulk-clear-label")||"Clear selection",o=t.querySelector(".bulk-count");o&&(o.textContent=r.replace("{count}",String(e)));const n=t.querySelector(".bulk-clear");n&&(n.textContent=s)}shouldRenderOnAttributeChange(t,a,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-data-table")&&customElements.define("ui-data-table",A);exports.UIDataTable=A;