@uibit/table 0.1.0

package/dist/styles.js

@@ -0,0 +1,530 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    font-size: var(--uibit-table-font-size, var(--uibit-font-size-sm, calc(0.875rem * var(--uibit-font-scale-factor, 1))));
+    font-family: var(--uibit-table-font-family, inherit);
+    color: var(--uibit-table-color, var(--uibit-text-primary, #111827));
+    --uibit-table-bg: var(--uibit-bg-surface, #ffffff);
+    --uibit-table-border-color: var(--uibit-border-color, #e5e7eb);
+    --uibit-table-head-bg: var(--uibit-bg-subtle, #f9fafb);
+    --uibit-table-head-color: var(--uibit-text-muted, #6b7280);
+    --uibit-table-hover-bg: var(--uibit-bg-subtle, #f9fafb);
+    --uibit-table-stripe-bg: var(--uibit-stripe-bg, #f9fafb);
+    --uibit-table-selected-bg: var(--uibit-selected-bg, #eff6ff);
+    --uibit-table-selected-hover-bg: var(--uibit-selected-hover-bg, #dbeafe);
+    --uibit-table-focus-color: var(--uibit-focus-color, #6b7280);
+    --uibit-table-radius: var(--uibit-radius-lg, 0.375rem);
+    --uibit-table-cell-padding: var(--uibit-spacing-2, 0.5rem) var(--uibit-spacing-3, 0.75rem);
+  }
+
+  /* ── Toolbar ─────────────────────────────────────────────── */
+
+  .toolbar {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-bottom: 0.75rem;
+  }
+
+  .search-wrap {
+    position: relative;
+    flex: 1 1 12rem;
+  }
+
+  .search-icon {
+    position: absolute;
+    left: 0.625rem;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 0.875rem;
+    height: 0.875rem;
+    color: var(--uibit-text-muted, #9ca3af);
+    pointer-events: none;
+  }
+
+  .search {
+    width: 100%;
+    padding: 0.375rem 0.625rem 0.375rem 2rem;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    background: var(--uibit-table-bg, #ffffff);
+    color: inherit;
+    outline: none;
+    transition: border-color 0.15s;
+  }
+
+  .search:focus { border-color: var(--uibit-table-focus-color, #6b7280); }
+  .search::placeholder { color: var(--uibit-text-muted, #9ca3af); }
+
+  .controls {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+  }
+
+  .toolbar-label {
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    color: var(--uibit-text-muted, #6b7280);
+    white-space: nowrap;
+  }
+
+  .ctrl-select {
+    padding: 0.3rem 0.5rem;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    background: var(--uibit-table-bg, #ffffff);
+    color: inherit;
+    cursor: pointer;
+    outline: none;
+  }
+
+  .ctrl-select:focus { border-color: var(--uibit-table-focus-color, #6b7280); }
+
+  .ctrl-btn {
+    padding: 0.35rem 0.75rem;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    background: var(--uibit-table-bg, #ffffff);
+    color: inherit;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: background 0.12s, border-color 0.12s, opacity 0.1s ease, box-shadow 0.1s ease;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+  }
+
+  .ctrl-btn:hover {
+    background: var(--uibit-table-hover-bg, #f9fafb);
+    border-color: var(--uibit-table-border-color, #d1d5db);
+  }
+  .ctrl-btn:active { box-shadow: inset 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1); opacity: 0.8; }
+  .ctrl-btn:focus-visible { outline: 0.125rem solid var(--uibit-table-focus-color, currentColor); outline-offset: 0.125rem; }
+  .ctrl-btn .chevron { font-size: 0.625rem; opacity: 0.6; }
+
+  /* ── Column menu ─────────────────────────────────────────── */
+
+  .col-menu-wrap { position: relative; }
+
+  .col-dropdown {
+    position: absolute;
+    right: 0;
+    top: calc(100% + 0.25rem);
+    z-index: 20;
+    background: var(--uibit-table-bg, #ffffff);
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+    padding: 0.375rem;
+    min-width: 10rem;
+    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06);
+  }
+
+  .col-dropdown-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.3rem 0.5rem;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    white-space: nowrap;
+    user-select: none;
+  }
+
+  .col-dropdown-item:hover { background: var(--uibit-bg-subtle, #f3f4f6); }
+
+  .col-dropdown-item input[type="checkbox"] {
+    width: 0.875rem;
+    height: 0.875rem;
+    cursor: pointer;
+    flex-shrink: 0;
+    margin: 0;
+    accent-color: var(--uibit-focus-color, #111827);
+  }
+
+  /* Consolidated Options dropdown styles */
+  .options-dropdown {
+    min-width: 12rem;
+  }
+  .dropdown-section-title {
+    font-size: var(--uibit-font-size-xs, 0.6875rem);
+    font-weight: var(--uibit-font-weight-bold, 700);
+    text-transform: uppercase;
+    letter-spacing: var(--uibit-letter-spacing-wide, 0.05em);
+    color: var(--uibit-text-muted, #6b7280);
+    padding: 0.375rem 0.5rem 0.25rem;
+  }
+  .dropdown-divider {
+    height: 1px;
+    background: var(--uibit-table-border-color, #e5e7eb);
+    margin: 0.375rem 0;
+  }
+  .dropdown-btn {
+    display: block;
+    width: 100%;
+    text-align: left;
+    background: none;
+    border: none;
+    padding: 0.375rem 0.5rem;
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    color: var(--uibit-text-primary, #111827);
+    border-radius: 0.25rem;
+    cursor: pointer;
+  }
+  .dropdown-btn:hover {
+    background: var(--uibit-bg-subtle, #f3f4f6);
+  }
+  .dropdown-btn-danger {
+    color: #b91c1c;
+  }
+  .dropdown-btn-danger:hover {
+    background: #fef2f2;
+  }
+
+  /* ── Selection banner ────────────────────────────────────── */
+
+  .sel-banner {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+    padding: 0.5rem 0.875rem;
+    margin-bottom: 0.5rem;
+    background: var(--uibit-selected-bg, #eff6ff);
+    border: 1px solid var(--uibit-border-color, #bfdbfe);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    color: var(--uibit-text-primary, #1e40af);
+  }
+
+  .sel-banner-count { font-weight: 600; }
+
+  .sel-banner-btn {
+    background: none;
+    border: none;
+    padding: 0;
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.8125rem);
+    color: var(--uibit-focus-color, #1d4ed8);
+    cursor: pointer;
+    text-decoration: underline;
+    text-underline-offset: 0.15em;
+  }
+
+  .sel-banner-btn:focus-visible { outline: 0.125rem solid var(--uibit-focus-color, currentColor); outline-offset: 0.125rem; border-radius: 0.125rem; }
+
+  .sel-banner-sep { color: var(--uibit-border-color, #93c5fd); }
+
+  /* ── Table wrapper ───────────────────────────────────────── */
+
+  .table-wrap {
+    width: 100%;
+    overflow-x: auto;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: var(--uibit-table-radius, 0.375rem);
+  }
+
+  :host([sticky-header]) .table-wrap {
+    max-height: var(--uibit-table-max-height, 24rem);
+    overflow-y: auto;
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: auto;
+  }
+
+  /* ── Head ────────────────────────────────────────────────── */
+
+  thead { background: var(--uibit-table-head-bg, #f9fafb); }
+
+  :host([sticky-header]) thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--uibit-table-head-bg, #f9fafb);
+  }
+
+  th {
+    padding: var(--uibit-table-cell-padding, 0.5rem 0.75rem);
+    text-align: left;
+    font-weight: var(--uibit-font-weight-semibold, 600);
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    text-transform: uppercase;
+    letter-spacing: var(--uibit-letter-spacing-wide, 0.04em);
+    color: var(--uibit-table-head-color, #6b7280);
+    border-bottom: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    user-select: none;
+    position: relative;
+    white-space: nowrap;
+  }
+
+  th.sortable { cursor: pointer; }
+  th.sortable:hover { color: var(--uibit-table-color, #111827); }
+
+  .th-inner {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+
+  /* ── Sort icon ───────────────────────────────────────────── */
+
+  .sort-icon {
+    width: 0.75rem;
+    height: 0.75rem;
+    flex-shrink: 0;
+    opacity: 0.35;
+  }
+
+  th.sort-asc .sort-icon,
+  th.sort-desc .sort-icon { opacity: 1; }
+
+  .sort-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    background: var(--uibit-focus-color, #374151);
+    color: var(--uibit-bg-surface, #fff);
+    font-size: var(--uibit-font-size-xs, 0.625rem);
+    font-weight: var(--uibit-font-weight-bold, 700);
+    line-height: 1;
+    flex-shrink: 0;
+  }
+
+  /* ── Resize handle ───────────────────────────────────────── */
+
+  .resize-handle {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 5px;
+    cursor: col-resize;
+    z-index: 1;
+  }
+
+  .resize-handle::after {
+    content: '';
+    position: absolute;
+    right: 1px;
+    top: 20%;
+    bottom: 20%;
+    width: 2px;
+    background: transparent;
+    border-radius: 1px;
+    transition: background 0.15s;
+  }
+
+  .resize-handle:hover::after,
+  .resizing .resize-handle::after { background: var(--uibit-table-focus-color, #6b7280); }
+
+  /* ── Filter row ──────────────────────────────────────────── */
+
+  .filter-row th {
+    padding: 0.3rem 0.5rem;
+    background: var(--uibit-table-head-bg, #f9fafb);
+    border-bottom: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    text-transform: none;
+    letter-spacing: 0;
+    font-weight: 400;
+  }
+
+  :host([sticky-header]) .filter-row th {
+    position: sticky;
+    top: var(--uibit-table-header-height, 2.5rem);
+    z-index: 2;
+    background: var(--uibit-table-head-bg, #f9fafb);
+  }
+
+  .filter-input {
+    width: 100%;
+    padding: 0.2rem 0.375rem;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: 0.25rem;
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    background: var(--uibit-table-bg, #ffffff);
+    color: inherit;
+    outline: none;
+    min-width: 0;
+    box-sizing: border-box;
+  }
+
+  .filter-input:focus { border-color: var(--uibit-table-focus-color, #6b7280); }
+  .filter-input::placeholder { color: var(--uibit-text-muted, #d1d5db); }
+  .filter-input.active { border-color: var(--uibit-table-focus-color, #6b7280); background: var(--uibit-bg-subtle, #fafafa); }
+
+  /* ── Checkbox column ─────────────────────────────────────── */
+
+  .col-check {
+    width: 2.75rem;
+    text-align: center;
+    padding-left: 0.875rem;
+    padding-right: 0;
+  }
+
+  td.col-check { padding-left: 0.875rem; padding-right: 0; }
+
+  input[type="checkbox"] {
+    width: 0.875rem;
+    height: 0.875rem;
+    cursor: pointer;
+    margin: 0;
+    vertical-align: middle;
+    accent-color: var(--uibit-focus-color, #111827);
+  }
+
+  /* ── Body rows ───────────────────────────────────────────── */
+
+  td {
+    padding: var(--uibit-table-cell-padding, 0.5rem 0.75rem);
+    border-bottom: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    color: var(--uibit-table-color, #111827);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 20rem;
+  }
+
+  tr:last-child td { border-bottom: none; }
+
+  tbody tr { transition: background 0.1s; }
+  tbody tr:hover { background: var(--uibit-table-hover-bg, #f9fafb); }
+
+  tbody tr.row-selected td { background: var(--uibit-table-selected-bg, #eff6ff); }
+  tbody tr.row-selected:hover td { background: #dbeafe; }
+
+  :host([striped]) tbody tr:nth-child(even):not(.row-selected) td {
+    background: var(--uibit-table-stripe-bg, #f9fafb);
+  }
+
+  /* ── Misc ────────────────────────────────────────────────── */
+
+  .empty {
+    padding: 2.5rem;
+    text-align: center;
+    color: var(--uibit-text-muted, #9ca3af);
+    font-size: var(--uibit-font-size-sm, 0.875rem);
+  }
+
+  .highlight {
+    background: var(--uibit-highlight-bg, #fef9c3);
+    color: var(--uibit-highlight-text, #000000);
+    border-radius: 0.125rem;
+    padding: 0 0.1em;
+  }
+
+  .filter-highlight {
+    background: var(--uibit-filter-highlight-bg, #dcfce7);
+    color: var(--uibit-filter-highlight-text, #000000);
+    border-radius: 0.125rem;
+    padding: 0 0.1em;
+  }
+
+  /* ── Footer ──────────────────────────────────────────────── */
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-top: 0.75rem;
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    color: #6b7280;
+  }
+
+  .footer-left {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .footer-sep {
+    color: var(--uibit-table-border-color, #e5e7eb);
+  }
+
+  .footer-label {
+    color: var(--uibit-text-muted, #6b7280);
+  }
+
+  .footer-select {
+    padding: 0.15rem 0.35rem;
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+  }
+
+  .pagination {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+
+  .page-btn {
+    min-width: 1.75rem;
+    height: 1.75rem;
+    padding: 0 0.375rem;
+    border: 1px solid var(--uibit-table-border-color, #e5e7eb);
+    border-radius: 0.25rem;
+    font: inherit;
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    background: var(--uibit-table-bg, #ffffff);
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.12s, box-shadow 0.1s ease, opacity 0.1s ease;
+  }
+
+  .page-btn:hover:not(:disabled) { background: var(--uibit-bg-subtle, #f3f4f6); }
+  .page-btn:active:not(:disabled) { box-shadow: inset 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.12); opacity: 0.8; }
+  .page-btn.active {
+    background: var(--uibit-focus-color, #111827);
+    color: var(--uibit-bg-surface, #fff);
+    border-color: var(--uibit-focus-color, #111827);
+    font-weight: 600;
+  }
+  .page-btn:disabled { opacity: 0.4; cursor: default; }
+  .page-btn:focus-visible { outline: 0.125rem solid var(--uibit-focus-color, currentColor); outline-offset: 0.125rem; }
+
+  /* Loading Spinner */
+  .loading-spinner {
+    font-size: var(--uibit-font-size-xs, 0.75rem);
+    color: var(--uibit-text-muted, #6b7280);
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+  }
+  .loading-spinner::before {
+    content: '';
+    width: 0.75rem;
+    height: 0.75rem;
+    border: 1.5px solid currentColor;
+    border-right-color: transparent;
+    border-radius: 50%;
+    animation: uibit-spin 0.6s linear infinite;
+  }
+  @keyframes uibit-spin {
+    to { transform: rotate(360deg); }
+  }
+
+  slot { display: none; }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+gBxB,CAAC"}

package/dist/table.d.ts

@@ -0,0 +1,98 @@
+import type { TemplateResult, PropertyValues } from 'lit';
+import { UIBitElement } from '@uibit/core';
+export declare class Table extends UIBitElement {
+    static styles: import("lit").CSSResult;
+    /** Show the global search input. */
+    searchable: boolean;
+    /** Show pagination controls and per-page selector. */
+    paginated: boolean;
+    /** Show CSV export button. */
+    exportable: boolean;
+    /** Enable row-selection checkboxes. */
+    selectable: boolean;
+    /** Show per-column filter row below the header. */
+    filterable: boolean;
+    /** Enable drag-to-resize column handles. */
+    resizable: boolean;
+    /** Show column visibility toggle in the toolbar. */
+    columnChooser: boolean;
+    /** Alternating row background. */
+    striped: boolean;
+    /** Stick the header row when the table overflows vertically. */
+    stickyHeader: boolean;
+    /** Comma-separated rows-per-page options. */
+    pageSizes: string;
+    /** Controls layout: 'inline' or consolidated 'menu' under a dropdown. */
+    controlsLayout: 'inline' | 'menu';
+    /** Enable infinite scroll behavior instead of page pagination. */
+    infiniteScroll: boolean;
+    /** Indicates the table is loading more items in infinite scroll mode. */
+    loading: boolean;
+    private _cols;
+    private _rows;
+    private _query;
+    private _sorts;
+    private _page;
+    private _perPage;
+    private _selected;
+    private _hiddenCols;
+    private _colFilters;
+    private _colMenuOpen;
+    private _optionsMenuOpen;
+    private _allFilteredSelected;
+    private _searchPlaceholderText;
+    private _colWidths;
+    private _resizing;
+    private _rafId;
+    private _closeMenuHandler?;
+    private _escMenuHandler?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValues): void;
+    updated(changedProperties: PropertyValues): void;
+    private get _pageSizeOptions();
+    private get _visibleCols();
+    private get _indexed();
+    private get _colFiltered();
+    private get _searched();
+    private get _sortedRows();
+    private get _pageRows();
+    private get _totalPages();
+    private get _allPageSelected();
+    private get _somePageSelected();
+    private _resizeHandler;
+    private _updateHeaderHeight;
+    private _onSlotChange;
+    private _onSearchPlaceholderChange;
+    private _onSearch;
+    private _onSort;
+    private _onPerPage;
+    private _onColFilter;
+    private _onSelectRow;
+    private _onSelectAllPage;
+    private _onTableClick;
+    private _onTableChange;
+    private _onSelectAllFiltered;
+    private _clearSelection;
+    private _emitSelect;
+    private _onToggleCol;
+    private _openColMenu;
+    private _openOptionsMenu;
+    private _removeMenuListener;
+    private _onScroll;
+    private _onResizeStart;
+    private _cleanupResizeListeners;
+    private _exportCsv;
+    private _highlight;
+    private _applyHighlight;
+    private _colStyle;
+    private _renderSortIcon;
+    private _renderPagination;
+    private _renderSelectionBanner;
+    private _renderColMenu;
+    private _renderOptionsMenu;
+    private _renderFilterRow;
+    render(): TemplateResult<1>;
+}
+export default Table;
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"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"}