@streamscloud/kit 0.2.41-1778490725788 → 0.2.41-1778520098817

package/dist/ui/table/table-column-models.svelte.d.ts

@@ -8,6 +8,10 @@ export type SortableTableColumn = {
     sortDirection: TableColumnSortDirection;
     type: TableColumnType;
     onSort: ((state: TableColumnSortDirection) => Promise<void>) | null;
+    sortLabelsOverride?: {
+        asc: string;
+        desc: string;
+    } | null;
 };
 export declare class ResolvedColumn<T extends WithId> {
     readonly def: ColumnDef<T>;
@@ -23,6 +27,10 @@ export declare class ResolvedColumn<T extends WithId> {
     get centered(): boolean;
     get fixedCssWidth(): string;
     get hideable(): boolean;
+    get sortLabelsOverride(): {
+        asc: string;
+        desc: string;
+    } | null;
     get onSort(): ((state: TableColumnSortDirection) => Promise<void>) | null;
     get onClick(): ((item: T) => Promise<void> | void) | null;
 }

package/dist/ui/table/table-column-models.svelte.js

@@ -42,6 +42,12 @@ export class ResolvedColumn {
         // Structural columns (checkbox, actions, move-row) have no id — not hideable by default
         return 'id' in this.def;
     }
+    get sortLabelsOverride() {
+        if ('sortLabelsOverride' in this.def) {
+            return this.def.sortLabelsOverride ?? null;
+        }
+        return null;
+    }
     get onSort() {
         if ('onSort' in this.def) {
             return this.def.onSort ?? null;

package/dist/ui/table/table-columns-manager/cmp.table-columns-manager.svelte

@@ -7,7 +7,7 @@ import { TableColumnsManagerLocalization } from './table-columns-manager-localiz
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
 import IconColumnTwo from '@fluentui/svg-icons/icons/text_column_two_20_regular.svg?raw';
 import { untrack } from 'svelte';
-let { model, localStorageKey, on } = $props();
+let { model, localStorageKey, trackModelChange, on } = $props();
 const localization = new TableColumnsManagerLocalization();
 const storage = $derived(localStorageKey ? LocalStorageItem.of(localStorageKey) : null);
 const hideableColumns = $derived(model.columns.filter((c) => c.hideable));
@@ -20,7 +20,7 @@ const items = $derived(hideableColumns.map((col) => ({
 let initialized = false;
 $effect(() => {
     const columns = hideableColumns;
-    if (!storage || columns.length === 0 || initialized) {
+    if (!storage || columns.length === 0 || (initialized && !trackModelChange)) {
         return;
     }
     initialized = true;

package/dist/ui/table/table-columns-manager/cmp.table-columns-manager.svelte.d.ts

@@ -7,6 +7,7 @@ declare function $$render<T extends {
         model: TableModel<T>;
         /** localStorage key for persisting column order and visibility */
         localStorageKey?: string;
+        trackModelChange?: boolean;
         on?: {
             change?: (config: ColumnsConfig) => void;
         };

package/dist/ui/table/table-headers/table-header-sortable.svelte

@@ -42,6 +42,15 @@ const changeSort = (direction) => {
             {localization.oldestFirst}
             <Checkbox checked={column.sortDirection === 'asc'} on={{ change: () => changeSort('asc') }} />
           </div>
+        {:else if column.sortLabelsOverride}
+          <div class="th-sortable__dropdown-option">
+            {column.sortLabelsOverride.asc}
+            <Checkbox checked={column.sortDirection === 'asc'} on={{ change: () => changeSort('asc') }} />
+          </div>
+          <div class="th-sortable__dropdown-option">
+            {column.sortLabelsOverride.desc}
+            <Checkbox checked={column.sortDirection === 'desc'} on={{ change: () => changeSort('desc') }} />
+          </div>
         {:else}
           <div class="th-sortable__dropdown-option">
             {localization.ascending}

package/dist/ui/table/types.d.ts

@@ -24,6 +24,10 @@ export interface ITableColumn<T> extends ITableColumnBase {
     title: string;
     onSort?: ((state: TableColumnSortDirection) => Promise<void>) | null;
     sortDirection?: TableColumnSortDirection;
+    sortLabelsOverride?: {
+        asc: string;
+        desc: string;
+    };
     onClick?: ((item: T) => Promise<void> | void) | null;
     hidden?: boolean;
     hideable?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.2.41-1778490725788",
+  "version": "0.2.41-1778520098817",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",