@urbicon-ui/table 6.1.4

package/dist/features/SmartFilterBar/SummaryMenu.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SummaryMenu: import("svelte").Component<Record<string, never>, {}, "">;
+type SummaryMenu = ReturnType<typeof SummaryMenu>;
+export default SummaryMenu;

package/dist/features/SummaryRow.svelte

@@ -0,0 +1,97 @@
+<script lang="ts">
+  import { getTableContext } from '../stores/TableStore.svelte';
+  import { resolveColumnId } from '../utils';
+  import { summaryRowVariants } from '../variants';
+  import { getTableStyleConfig, resolveSlotClass } from '../core/table-style-context';
+
+  let {
+    expandable = false,
+    groupName = null as string | null,
+    groupSummaryData = null as Record<string, unknown> | null,
+    class: className = ''
+  } = $props();
+
+  const tableContext = getTableContext();
+  const { state: tableState } = tableContext;
+  const styleConfig = getTableStyleConfig();
+
+  let summaryData = $derived(groupSummaryData || tableContext.summaryData);
+
+  let visibleColumnsCount = $derived.by(() => {
+    let count = tableState.columns.length;
+
+    if (expandable) {
+      count++;
+    }
+
+    if (tableState.groupByKey) {
+      count++;
+    }
+
+    return count;
+  });
+
+  function getSummaryLabel(column: string, type: string): string {
+    switch (type) {
+      case 'sum':
+        return '∑';
+      case 'avg':
+        return '⌀';
+      case 'count':
+        return '#';
+      case 'min':
+        return '↓';
+      case 'max':
+        return '↑';
+      default:
+        return type;
+    }
+  }
+
+  const summaryStyles = $derived(summaryRowVariants({ variant: 'highlighted', size: 'md' }));
+</script>
+
+{#if tableState.showSummary && tableState.summaryConfigs.length > 0}
+  <tr
+    class={resolveSlotClass(
+      summaryStyles.row(),
+      styleConfig.slotClasses.summaryRow,
+      styleConfig.unstyled,
+      className
+    )}
+    data-testid={groupName ? `summary-row-${groupName}` : 'summary-row-total'}
+  >
+    {#if tableState.groupByKey}
+      <td class="{summaryStyles.cell()} w-10"></td>
+    {/if}
+
+    {#if expandable}
+      <td class="{summaryStyles.cell()} w-10"></td>
+    {/if}
+
+    {#each tableState.columns as column (resolveColumnId(column))}
+      {@const columnId = resolveColumnId(column)}
+      {@const summaryConfig = tableState.summaryConfigs.find((c) => c.column === columnId)}
+      {@const summaryValue = summaryData[columnId]}
+
+      <td
+        class="{summaryStyles.cell()} {column.align ? `text-${column.align}` : 'text-right'}"
+        style={column.width
+          ? `width: ${column.width}; min-width: ${column.minWidth || '4rem'};`
+          : ''}
+        data-testid={`summary-cell-${columnId}`}
+      >
+        {#if summaryConfig && typeof summaryValue === 'number'}
+          <div class="flex items-center justify-end gap-2">
+            <span class={summaryStyles.label()}>
+              {getSummaryLabel(columnId, summaryConfig.type)}
+            </span>
+            <span class={summaryStyles.value()}>
+              {tableContext.getFormattedSummaryValue(columnId, summaryValue)}
+            </span>
+          </div>
+        {/if}
+      </td>
+    {/each}
+  </tr>
+{/if}

package/dist/features/SummaryRow.svelte.d.ts

@@ -0,0 +1,8 @@
+declare const SummaryRow: import("svelte").Component<{
+    expandable?: boolean;
+    groupName?: string | null;
+    groupSummaryData?: Record<string, unknown> | null;
+    class?: string;
+}, {}, "">;
+type SummaryRow = ReturnType<typeof SummaryRow>;
+export default SummaryRow;

package/dist/features/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SearchHighlight } from './SearchHighlight.svelte';
+export { default as FilterMenu } from './SmartFilterBar/FilterMenu.svelte';
+export { default as SmartFilterBar } from './SmartFilterBar/SmartFilterBar.svelte';
+export { default as SummaryRow } from './SummaryRow.svelte';

package/dist/features/index.js

@@ -0,0 +1,4 @@
+export { default as SearchHighlight } from './SearchHighlight.svelte';
+export { default as FilterMenu } from './SmartFilterBar/FilterMenu.svelte';
+export { default as SmartFilterBar } from './SmartFilterBar/SmartFilterBar.svelte';
+export { default as SummaryRow } from './SummaryRow.svelte';

package/dist/i18n/index.d.ts

@@ -0,0 +1,366 @@
+import enTranslations from '../translations/en';
+declare const tableTranslations: {
+    en: {
+        readonly common: {
+            readonly close: "Close";
+        };
+        readonly button: {
+            readonly close: "Close";
+            readonly clear: "Clear";
+        };
+        readonly data: {
+            readonly empty: "No data available";
+            readonly loading: "Loading data...";
+            readonly refresh: "Refresh";
+        };
+        readonly filter: {
+            readonly button: {
+                readonly add: "Add filter";
+                readonly remove: "Remove filter";
+                readonly clearAll: "Clear all";
+            };
+            readonly input: {
+                readonly enterValue: "Enter value...";
+            };
+            readonly menu: {
+                readonly addFilter: "Add filter";
+                readonly title: "Filter";
+            };
+            readonly operators: {
+                readonly after: "after";
+                readonly before: "before";
+                readonly contains: "contains";
+                readonly endsWith: "ends with";
+                readonly equals: "equals";
+                readonly greaterThan: "greater than";
+                readonly lessThan: "less than";
+                readonly onDate: "on";
+                readonly startsWith: "starts with";
+            };
+            readonly overflow: {
+                readonly title: "More filters";
+            };
+            readonly quickValues: {
+                readonly title: "Quick values";
+            };
+        };
+        readonly search: {
+            readonly placeholder: "Search...";
+        };
+        readonly summary: {
+            readonly button: {
+                readonly title: "Summary";
+            };
+            readonly menu: {
+                readonly addSummary: "Add summary";
+                readonly noColumns: "No summarizable columns available";
+                readonly title: "Summary";
+            };
+            readonly types: {
+                readonly average: "Average";
+                readonly count: "Count";
+                readonly maximum: "Maximum";
+                readonly minimum: "Minimum";
+                readonly sum: "Sum";
+            };
+        };
+        readonly actions: {
+            readonly delete: "Delete";
+            readonly edit: "Edit";
+            readonly showDetails: "Show details";
+            readonly hideDetails: "Hide details";
+        };
+        readonly aria: {
+            readonly tableData: "Table data";
+            readonly filterBar: "Filter bar";
+            readonly searchData: "Search data";
+            readonly removeItem: "Remove {{content}}";
+            readonly scrollLeft: "Scroll left";
+            readonly scrollRight: "Scroll right";
+            readonly interactiveCell: "Interactive cell";
+        };
+        readonly copy: {
+            readonly button: "Copy";
+            readonly copied: "Copied";
+            readonly failed: "Failed";
+        };
+        readonly error: {
+            readonly loadingError: "Loading error";
+            readonly genericMessage: "An error occurred. Please try again.";
+            readonly retry: "Retry";
+            readonly fetchFailed: "Failed to load data";
+        };
+        readonly columns: {
+            readonly visibility: "Column visibility";
+        };
+        readonly grouping: {
+            readonly button: "Grouping";
+            readonly none: "No grouping";
+            readonly placeholder: "Select grouping";
+        };
+        readonly header: {
+            readonly activeFilter: "Active filter";
+            readonly activeIndicator: "{{type}} active for this column";
+            readonly collapseAllGroups: "Collapse all groups";
+            readonly expandAllGroups: "Expand all groups";
+            readonly filterActive: "Filter active";
+            readonly grouped: "Grouped";
+            readonly groupedColumn: "Grouped column";
+            readonly summarized: "Summarized";
+            readonly summarizedColumn: "Summarized column";
+        };
+        readonly headerMenu: {
+            readonly sortAscending: "Sort ascending";
+            readonly sortDescending: "Sort descending";
+            readonly removeFilter: "Remove filter";
+            readonly groupByColumn: "Group by column";
+            readonly removeGrouping: "Remove grouping";
+            readonly addSummary: "Add summary";
+            readonly removeSummary: "Remove summary";
+            readonly hideColumn: "Hide column";
+            readonly showColumn: "Show";
+            readonly columnOptions: "Column options for";
+        };
+        readonly pagination: {
+            readonly previous: "Previous";
+            readonly next: "Next";
+            readonly first: "First";
+            readonly last: "Last";
+            readonly page: "Page";
+        };
+        readonly group: {
+            readonly noGroup: "(No group)";
+            readonly item: "item";
+            readonly items: "items";
+            readonly summaryFor: "Summary for";
+        };
+        readonly number: {
+            readonly valueLabel: "Value: {{value}}";
+        };
+        readonly status: {
+            readonly tooltip: "Status: {{text}}";
+            readonly clickToChange: "(click to change)";
+            readonly unknown: "Unknown";
+            readonly active: "Active";
+            readonly inactive: "Inactive";
+            readonly pending: "Pending";
+            readonly online: "Online";
+            readonly offline: "Offline";
+            readonly processing: "Processing";
+            readonly completed: "Completed";
+            readonly failed: "Failed";
+            readonly draft: "Draft";
+            readonly published: "Published";
+            readonly archived: "Archived";
+        };
+        readonly liveUpdates: {
+            readonly newItems: "new";
+            readonly updatedItems: "updated";
+            readonly deletedItems: "removed";
+            readonly apply: "Apply changes";
+            readonly dismiss: "Dismiss";
+        };
+        readonly selection: {
+            readonly selectRow: "Select row";
+            readonly deselectRow: "Deselect row";
+            readonly selectAllRows: "Select all rows";
+            readonly deselectAllRows: "Deselect all rows";
+            readonly selectedCount: "{{count}} selected";
+        };
+        readonly table: {
+            readonly link: {
+                readonly invalid: "Invalid link";
+            };
+            readonly summary: {
+                readonly totalSummary: "Total summary";
+            };
+        };
+    };
+    de: {
+        readonly common: {
+            readonly close: "Schließen";
+        };
+        readonly button: {
+            readonly close: "Schließen";
+            readonly clear: "Löschen";
+        };
+        readonly data: {
+            readonly empty: "Keine Daten verfügbar";
+            readonly loading: "Daten werden geladen...";
+            readonly refresh: "Aktualisieren";
+        };
+        readonly filter: {
+            readonly button: {
+                readonly add: "Filter hinzufügen";
+                readonly remove: "Filter entfernen";
+                readonly clearAll: "Alle löschen";
+            };
+            readonly input: {
+                readonly enterValue: "Wert eingeben...";
+            };
+            readonly menu: {
+                readonly addFilter: "Filter hinzufügen";
+                readonly title: "Filter";
+            };
+            readonly operators: {
+                readonly after: "nach";
+                readonly before: "vor";
+                readonly contains: "enthält";
+                readonly endsWith: "endet mit";
+                readonly equals: "ist gleich";
+                readonly greaterThan: "größer als";
+                readonly lessThan: "kleiner als";
+                readonly onDate: "am";
+                readonly startsWith: "beginnt mit";
+            };
+            readonly overflow: {
+                readonly title: "Weitere Filter";
+            };
+            readonly quickValues: {
+                readonly title: "Schnellwerte";
+            };
+        };
+        readonly search: {
+            readonly placeholder: "Suchen...";
+        };
+        readonly summary: {
+            readonly button: {
+                readonly title: "Zusammenfassung";
+            };
+            readonly menu: {
+                readonly addSummary: "Zusammenfassung hinzufügen";
+                readonly noColumns: "Keine summarisierbaren Spalten verfügbar";
+                readonly title: "Zusammenfassung";
+            };
+            readonly types: {
+                readonly average: "Durchschnitt";
+                readonly count: "Anzahl";
+                readonly maximum: "Maximum";
+                readonly minimum: "Minimum";
+                readonly sum: "Summe";
+            };
+        };
+        readonly actions: {
+            readonly delete: "Löschen";
+            readonly edit: "Bearbeiten";
+            readonly showDetails: "Details anzeigen";
+            readonly hideDetails: "Details ausblenden";
+        };
+        readonly aria: {
+            readonly tableData: "Tabellendaten";
+            readonly filterBar: "Filterleiste";
+            readonly searchData: "Daten durchsuchen";
+            readonly removeItem: "{{content}} entfernen";
+            readonly scrollLeft: "Nach links scrollen";
+            readonly scrollRight: "Nach rechts scrollen";
+            readonly interactiveCell: "Interaktive Zelle";
+        };
+        readonly copy: {
+            readonly button: "Kopieren";
+            readonly copied: "Kopiert";
+            readonly failed: "Fehlgeschlagen";
+        };
+        readonly error: {
+            readonly loadingError: "Fehler beim Laden";
+            readonly genericMessage: "Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.";
+            readonly retry: "Erneut versuchen";
+            readonly fetchFailed: "Daten konnten nicht geladen werden";
+        };
+        readonly columns: {
+            readonly visibility: "Spaltensichtbarkeit";
+        };
+        readonly grouping: {
+            readonly button: "Gruppierung";
+            readonly none: "Keine Gruppierung";
+            readonly placeholder: "Gruppierung auswählen";
+        };
+        readonly header: {
+            readonly activeFilter: "Aktiver Filter";
+            readonly activeIndicator: "{{type}} aktiv für diese Spalte";
+            readonly collapseAllGroups: "Alle Gruppen einklappen";
+            readonly expandAllGroups: "Alle Gruppen ausklappen";
+            readonly filterActive: "Filter aktiv";
+            readonly grouped: "Gruppiert";
+            readonly groupedColumn: "Gruppierte Spalte";
+            readonly summarized: "Zusammengefasst";
+            readonly summarizedColumn: "Zusammengefasste Spalte";
+        };
+        readonly headerMenu: {
+            readonly sortAscending: "Aufsteigend sortieren";
+            readonly sortDescending: "Absteigend sortieren";
+            readonly removeFilter: "Filter entfernen";
+            readonly groupByColumn: "Nach Spalte gruppieren";
+            readonly removeGrouping: "Gruppierung aufheben";
+            readonly addSummary: "Zusammenfassung hinzufügen";
+            readonly removeSummary: "Zusammenfassung entfernen";
+            readonly hideColumn: "Spalte ausblenden";
+            readonly showColumn: "Anzeigen";
+            readonly columnOptions: "Spaltenoptionen für";
+        };
+        readonly pagination: {
+            readonly previous: "Zurück";
+            readonly next: "Weiter";
+            readonly first: "Erste";
+            readonly last: "Letzte";
+            readonly page: "Seite";
+        };
+        readonly group: {
+            readonly noGroup: "(Keine Gruppe)";
+            readonly item: "Eintrag";
+            readonly items: "Einträge";
+            readonly summaryFor: "Zusammenfassung für";
+        };
+        readonly number: {
+            readonly valueLabel: "Wert: {{value}}";
+        };
+        readonly status: {
+            readonly tooltip: "Status: {{text}}";
+            readonly clickToChange: "(klicken zum Ändern)";
+            readonly unknown: "Unbekannt";
+            readonly active: "Aktiv";
+            readonly inactive: "Inaktiv";
+            readonly pending: "Ausstehend";
+            readonly online: "Online";
+            readonly offline: "Offline";
+            readonly processing: "In Bearbeitung";
+            readonly completed: "Abgeschlossen";
+            readonly failed: "Fehlgeschlagen";
+            readonly draft: "Entwurf";
+            readonly published: "Veröffentlicht";
+            readonly archived: "Archiviert";
+        };
+        readonly liveUpdates: {
+            readonly newItems: "neu";
+            readonly updatedItems: "aktualisiert";
+            readonly deletedItems: "entfernt";
+            readonly apply: "Änderungen übernehmen";
+            readonly dismiss: "Verwerfen";
+        };
+        readonly selection: {
+            readonly selectRow: "Zeile auswählen";
+            readonly deselectRow: "Auswahl aufheben";
+            readonly selectAllRows: "Alle Zeilen auswählen";
+            readonly deselectAllRows: "Auswahl aller Zeilen aufheben";
+            readonly selectedCount: "{{count}} ausgewählt";
+        };
+        readonly table: {
+            readonly link: {
+                readonly invalid: "Ungültiger Link";
+            };
+            readonly summary: {
+                readonly totalSummary: "Gesamtzusammenfassung";
+            };
+        };
+    };
+};
+export declare const tableI18n: import("@urbicon-ui/i18n").PackageI18n<import("@urbicon-ui/i18n").Translations>;
+/**
+ * Context-scoped translation hook for the table package. Call during component
+ * initialisation, then use the returned `t` (conventionally aliased `tt`).
+ * Resolves against the nearest `<I18nProvider>`'s locale (or the base locale
+ * when none is mounted) and re-renders reactively on locale change.
+ */
+export declare const useTableI18n: any;
+export declare const hasTableTranslation: (key: string) => boolean, getTableLocales: () => import("@urbicon-ui/i18n").Locale[];
+export type TableTranslationKey = keyof typeof enTranslations;
+export { tableTranslations };

package/dist/i18n/index.js

@@ -0,0 +1,21 @@
+import { createPackageI18n } from '@urbicon-ui/i18n';
+import deTranslations from '../translations/de';
+import enTranslations from '../translations/en';
+// Create package translations for table
+const tableTranslations = {
+    en: enTranslations,
+    de: deTranslations
+};
+// Create the package i18n integration (registers eagerly at module init).
+export const tableI18n = createPackageI18n('table', tableTranslations);
+/**
+ * Context-scoped translation hook for the table package. Call during component
+ * initialisation, then use the returned `t` (conventionally aliased `tt`).
+ * Resolves against the nearest `<I18nProvider>`'s locale (or the base locale
+ * when none is mounted) and re-renders reactively on locale change.
+ */
+export const useTableI18n = tableI18n.useTranslate;
+// Introspection helpers (locale list / key existence).
+export const { exists: hasTableTranslation, getLocales: getTableLocales } = tableI18n;
+// Re-export for external use
+export { tableTranslations };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+export * from './cells/index.js';
+export { default as EmptyState } from './core/EmptyState.svelte';
+export { default as ErrorState } from './core/ErrorState.svelte';
+export { default as GroupedRow } from './core/GroupedRow.svelte';
+export { default as LoadingState } from './core/LoadingState.svelte';
+export { default as MobileCard } from './core/MobileCard.svelte';
+export { default as TableHead } from './core/TableHead.svelte';
+export { default as TableProvider } from './core/TableProvider.svelte';
+export { default as TableRow } from './core/TableRow.svelte';
+export { default as Table } from './core/table/Table.svelte';
+export type { TableSlotClasses } from './core/table-style-context.js';
+export { resolveSlotClass } from './core/table-style-context.js';
+export * from './factories/index.js';
+export { default as HeaderMenu } from './features/HeaderMenu.svelte';
+export { default as LiveUpdateBanner } from './features/LiveUpdateBanner.svelte';
+export { default as SearchHighlight } from './features/SearchHighlight.svelte';
+export { default as ChipsField } from './features/SmartFilterBar/ChipsField.svelte';
+export { default as FilterMenu } from './features/SmartFilterBar/FilterMenu.svelte';
+export { default as SmartFilterBar } from './features/SmartFilterBar/SmartFilterBar.svelte';
+export { default as SummaryRow } from './features/SummaryRow.svelte';
+export * from './i18n';
+export * from './stores/index.js';
+export * from './style/index.js';
+export * from './types/index.js';
+export { findColumnById, resolveColumnId, resolveColumnLabel, resolveColumnValue } from './utils/index.js';
+export type { VirtualItem, VirtualizerOptions, VirtualizerResult } from './utils/virtualizer.js';
+export { computeVirtualItems, ROW_HEIGHTS } from './utils/virtualizer.js';
+export * from './variants/index.js';

package/dist/index.js

@@ -0,0 +1,41 @@
+// === I18N SYSTEM ===
+// === CELL COMPONENTS ===
+export * from './cells/index.js';
+export { default as EmptyState } from './core/EmptyState.svelte';
+export { default as ErrorState } from './core/ErrorState.svelte';
+export { default as GroupedRow } from './core/GroupedRow.svelte';
+export { default as LoadingState } from './core/LoadingState.svelte';
+export { default as MobileCard } from './core/MobileCard.svelte';
+// === CORE TABLE COMPONENTS ===
+export { default as TableHead } from './core/TableHead.svelte';
+export { default as TableProvider } from './core/TableProvider.svelte';
+export { default as TableRow } from './core/TableRow.svelte';
+// === CORE COMPONENTS ===
+export { default as Table } from './core/table/Table.svelte';
+export { resolveSlotClass } from './core/table-style-context.js';
+// === FACTORIES ===
+export * from './factories/index.js';
+export { default as HeaderMenu } from './features/HeaderMenu.svelte';
+export { default as LiveUpdateBanner } from './features/LiveUpdateBanner.svelte';
+export { default as SearchHighlight } from './features/SearchHighlight.svelte';
+export { default as ChipsField } from './features/SmartFilterBar/ChipsField.svelte';
+export { default as FilterMenu } from './features/SmartFilterBar/FilterMenu.svelte';
+// === ADVANCED FEATURES ===
+export { default as SmartFilterBar } from './features/SmartFilterBar/SmartFilterBar.svelte';
+export { default as SummaryRow } from './features/SummaryRow.svelte';
+export * from './i18n';
+// === STORES ===
+export * from './stores/index.js';
+// === STYLES ===
+export * from './style/index.js';
+// === TYPES ===
+export * from './types/index.js';
+// === COLUMN RESOLVERS ===
+// Helpers for table-level cell snippets and other consumers that need to
+// derive the stable identifier or value from a Column with a string,
+// function, or no accessor.
+export { findColumnById, resolveColumnId, resolveColumnLabel, resolveColumnValue } from './utils/index.js';
+// === VIRTUALIZER ===
+export { computeVirtualItems, ROW_HEIGHTS } from './utils/virtualizer.js';
+// === VARIANTS ===
+export * from './variants/index.js';