@editora/ui-core 0.1.9 → 0.1.10

package/dist/data-table.esm.js

@@ -0,0 +1,1660 @@
+import { E as A } from "./ElementBase-909688f3.mjs";
+const S = `
+  :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 k(_) {
+  const t = _.replace(/,/g, "");
+  if (/^-?\d+(\.\d+)?$/.test(t))
+    return Number(t);
+  const a = Date.parse(_);
+  return !Number.isNaN(a) && /[-/]/.test(_) ? a : _.toLowerCase();
+}
+const E = /* @__PURE__ */ new Set([
+  "sticky-header",
+  "sticky-footer",
+  "striped",
+  "hover",
+  "compact",
+  "bordered",
+  "loading",
+  "hide-summary",
+  "state",
+  "shape",
+  "variant",
+  "elevation"
+]), R = /* @__PURE__ */ new Set([
+  "pagination-id",
+  "bulk-actions-label",
+  "bulk-clear-label",
+  "state-text"
+]);
+class z extends A {
+  constructor() {
+    super(), this._table = null, this._observer = null, this._sortColumnIndex = -1, this._sortDirection = "asc", this._selectedRows = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 (R.has(t)) {
+          t === "pagination-id" ? this._syncPaginationBinding() : t === "bulk-actions-label" || t === "bulk-clear-label" ? this._updateBulkActions() : t === "state-text" && this._syncStateBar();
+          return;
+        }
+        if (E.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>${S}</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 = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ 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 = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ 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 = /* @__PURE__ */ 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: k(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", z);
+export {
+  z as UIDataTable
+};