@streamscloud/kit 0.2.40 → 0.2.41-1778493250396

package/dist/ui/datetime-picker/cmp.datetime-picker.svelte

@@ -10,7 +10,7 @@ const id = randomString(10);
 const localization = new DatetimePickerLocalization();
 let timePartHolder;
 let showClearButton = $state(false);
-let fpInstance = $state(undefined);
+let fpInstance = $state.raw(undefined);
 let picker;
 const preprocessInitialValue = (datetime) => {
     let date = undefined;
@@ -56,6 +56,7 @@ const getDefaultPlaceholder = () => {
 };
 const initPicker = (node) => {
     picker = node;
+    applyFlatpickrTheme(AppTheme.isDarkMode);
     const opts = pickerOptions ?? {};
     const mode = opts.mode ?? 'datetime';
     const noValueHandler = opts.noValueHandler ?? 'reset-to-now';

package/dist/ui/datetime-picker/flatpickr-theme.js

@@ -7,7 +7,7 @@ export const applyFlatpickrTheme = (isDark) => {
     }
     if (!styleEl) {
         styleEl = document.createElement('style');
-        document.head.appendChild(styleEl);
+        document.head.prepend(styleEl);
     }
     styleEl.textContent = isDark ? darkTheme : airbnbTheme;
 };

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-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.40",
+  "version": "0.2.41-1778493250396",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",