@elderbyte/ngx-starter 18.2.0 → 18.4.0

package/lib/common/utils/sort-util.d.ts

@@ -1,5 +1,7 @@
-import { Sort } from '../data/sort';
+import { Sort, SortDirection } from '../data/sort';
 export declare class SortUtil {
+    static toggleDir(dir: SortDirection): SortDirection;
+    static toggleSort(sort: Sort): Sort;
     static sortData<T>(data: T[], sorts: Sort[]): T[];
     /**
      * Checks if the two arrays have all content references in the exact same order.

package/lib/components/data-view/common/composite-sort/composite-sort-context.d.ts

@@ -0,0 +1,18 @@
+import { CompositeSort } from './composite-sort';
+import { Sort } from '../../../../common/data/sort';
+export declare class CompositeSortContext {
+    private readonly availableSortMap;
+    static build(availableSorts: CompositeSort[]): CompositeSortContext;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    private constructor();
+    /***************************************************************************
+     *                                                                         *
+     * API                                                                     *
+     *                                                                         *
+     **************************************************************************/
+    guessBest(sorts: Sort[]): CompositeSort | undefined;
+}

package/lib/components/data-view/common/composite-sort/composite-sort-dc.directive.d.ts

@@ -0,0 +1,31 @@
+import { OnInit } from '@angular/core';
+import { IDataContext } from '../../../../common/data/data-context/data-context';
+import { ElderCompositeSortComponent } from './elder-composite-sort/elder-composite-sort.component';
+import * as i0 from "@angular/core";
+export declare class ElderCompositeSortDcDirective implements OnInit {
+    private readonly compositeSort;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    elderCompositeSortDc: import("@angular/core").InputSignal<IDataContext<any>>;
+    private controlSorts$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(compositeSort: ElderCompositeSortComponent);
+    ngOnInit(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private writeSortToControl;
+    private applySortToDataContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderCompositeSortDcDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderCompositeSortDcDirective, "[elderCompositeSortDc]", never, { "elderCompositeSortDc": { "alias": "elderCompositeSortDc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/data-view/common/composite-sort/composite-sort.d.ts

@@ -0,0 +1,40 @@
+import { Sort, SortDirection } from '../../../../common/data/sort';
+export declare class CompositeSort {
+    readonly id: string;
+    readonly sorts: Sort[];
+    /***************************************************************************
+     *                                                                         *
+     * Static Builder                                                          *
+     *                                                                         *
+     **************************************************************************/
+    static NONE: CompositeSort;
+    static singleAsc(prop: string): CompositeSort;
+    static single(sort: Sort): CompositeSort;
+    static composite(id: string, sorts: Sort[]): CompositeSort;
+    static concatSortId(sorts: Sort[]): string;
+    static coerce(availableSorts: string[] | CompositeSort[]): CompositeSort[];
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    readonly concatId: string;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(id: string, sorts: Sort[]);
+    /***************************************************************************
+     *                                                                         *
+     * API                                                                     *
+     *                                                                         *
+     **************************************************************************/
+    sortsForDir(desiredDir: SortDirection): Sort[];
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private needsToggle;
+}

package/lib/components/data-view/common/composite-sort/elder-composite-sort/elder-composite-sort.component.d.ts

@@ -0,0 +1,35 @@
+import { CompositeSort } from '../composite-sort';
+import { Sort, SortDirection } from '../../../../../common/data/sort';
+import { CompositeSortContext } from '../composite-sort-context';
+import * as i0 from "@angular/core";
+export declare class ElderCompositeSortComponent {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    readonly selectedSort: import("@angular/core").WritableSignal<CompositeSort>;
+    readonly selectedSortDirection: import("@angular/core").WritableSignal<SortDirection>;
+    readonly activeSorts: import("@angular/core").Signal<Sort[]>;
+    availableSorts: import("@angular/core").InputSignal<CompositeSort[]>;
+    availableSortCtx: import("@angular/core").Signal<CompositeSortContext>;
+    sorts: import("@angular/core").ModelSignal<Sort[]>;
+    sortsChange: import("@angular/core").OutputEmitterRef<Sort[]>;
+    translationPrefix: import("@angular/core").InputSignal<string>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * API                                                                     *
+     *                                                                         *
+     **************************************************************************/
+    selectSort(namedSort: CompositeSort): void;
+    toggleSortDirection(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderCompositeSortComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderCompositeSortComponent, "elder-composite-sort", never, { "availableSorts": { "alias": "availableSorts"; "required": true; "isSignal": true; }; "sorts": { "alias": "sorts"; "required": false; "isSignal": true; }; "translationPrefix": { "alias": "translationPrefix"; "required": false; "isSignal": true; }; }, { "sorts": "sortsChange"; "sortsChange": "sortsChange"; }, never, never, true, never>;
+}

package/lib/components/data-view/common/elder-data-common.module.d.ts

@@ -14,10 +14,15 @@ import * as i12 from "@ngx-translate/core";
 import * as i13 from "../../badge/elder-badge.module";
 import * as i14 from "./elder-data-toolbar/elder-data-toolbar.component";
 import * as i15 from "./elder-single-sort/elder-single-sort.component";
-import * as i16 from "./selection/elder-selection-master-checkbox/elder-selection-master-checkbox.component";
-import * as i17 from "./selection/data-context-selection.directive";
-import * as i18 from "./data-context-state-indicator/data-context-state-indicator.component";
+import * as i16 from "./composite-sort/elder-composite-sort/elder-composite-sort.component";
+import * as i17 from "./composite-sort/composite-sort-dc.directive";
+import * as i18 from "./selection/elder-selection-master-checkbox/elder-selection-master-checkbox.component";
+import * as i19 from "./selection/data-context-selection.directive";
+import * as i20 from "./data-context-state-indicator/data-context-state-indicator.component";
 export { ElderSingleSortComponent } from './elder-single-sort/elder-single-sort.component';
+export { ElderCompositeSortComponent } from './composite-sort/elder-composite-sort/elder-composite-sort.component';
+export { ElderCompositeSortDcDirective } from './composite-sort/composite-sort-dc.directive';
+export { CompositeSort } from './composite-sort/composite-sort';
 export { ElderDataToolbarComponent, ElderToolbarContentDirective, ElderToolbarContentSlot } from './elder-data-toolbar/elder-data-toolbar.component';
 export { ElderSelectionMasterCheckboxComponent } from './selection/elder-selection-master-checkbox/elder-selection-master-checkbox.component';
 export { MasterSelectionState } from './selection/master-selection-state';
@@ -25,6 +30,6 @@ export { DataContextSelectionDirective } from './selection/data-context-selectio
 export { DataContextStateIndicatorComponent } from './data-context-state-indicator/data-context-state-indicator.component';
 export declare class ElderDataCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderDataCommonModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.MatDividerModule, typeof i4.MatCheckboxModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatBadgeModule, typeof i9.MatProgressBarModule, typeof i10.MatDialogModule, typeof i11.MatTooltipModule, typeof i12.TranslateModule, typeof i13.ElderBadgeModule, typeof i14.ElderDataToolbarComponent, typeof i14.ElderToolbarContentDirective, typeof i15.ElderSingleSortComponent, typeof i16.ElderSelectionMasterCheckboxComponent, typeof i17.DataContextSelectionDirective, typeof i18.DataContextStateIndicatorComponent], [typeof i14.ElderDataToolbarComponent, typeof i14.ElderToolbarContentDirective, typeof i15.ElderSingleSortComponent, typeof i16.ElderSelectionMasterCheckboxComponent, typeof i17.DataContextSelectionDirective, typeof i18.DataContextStateIndicatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderDataCommonModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.MatDividerModule, typeof i4.MatCheckboxModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatBadgeModule, typeof i9.MatProgressBarModule, typeof i10.MatDialogModule, typeof i11.MatTooltipModule, typeof i12.TranslateModule, typeof i13.ElderBadgeModule, typeof i14.ElderDataToolbarComponent, typeof i14.ElderToolbarContentDirective, typeof i15.ElderSingleSortComponent, typeof i16.ElderCompositeSortComponent, typeof i17.ElderCompositeSortDcDirective, typeof i18.ElderSelectionMasterCheckboxComponent, typeof i19.DataContextSelectionDirective, typeof i20.DataContextStateIndicatorComponent], [typeof i14.ElderDataToolbarComponent, typeof i14.ElderToolbarContentDirective, typeof i15.ElderSingleSortComponent, typeof i16.ElderCompositeSortComponent, typeof i17.ElderCompositeSortDcDirective, typeof i18.ElderSelectionMasterCheckboxComponent, typeof i19.DataContextSelectionDirective, typeof i20.DataContextStateIndicatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderDataCommonModule>;
 }

package/lib/components/data-view/grid/elder-grid/elder-grid.component.d.ts

@@ -3,11 +3,11 @@ import { Observable } from 'rxjs';
 import { IDataContext, IDataContextContinuable } from '../../../../common/data/data-context/data-context';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { SelectionModel } from '../../../../common/selection/selection-model';
-import { Sort } from '../../../../common/data/sort';
 import { ElderDataViewBaseComponent } from '../../base/elder-data-view-base';
 import { MatPaginator } from '@angular/material/paginator';
 import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options-provider';
 import { BreakpointObserver } from '@angular/cdk/layout';
+import { CompositeSort } from '../../common/composite-sort/composite-sort';
 import * as i0 from "@angular/core";
 export declare class ElderGridTileDirective {
     templateRef: TemplateRef<any>;
@@ -50,7 +50,8 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
     itemHeight: number;
     responsiveColumnCount: boolean;
     virtualScrollViewPort: CdkVirtualScrollViewport;
-    availableSorts: string[];
+    availableCompositeSorts: CompositeSort[];
+    set availableSorts(availableSorts: string[] | CompositeSort[]);
     sortTranslationPrefix: string;
     hiddenField: string;
     /**
@@ -94,10 +95,9 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
      *                                                                         *
      **************************************************************************/
     inSelectionMode(currentSelection: any[]): boolean;
-    requestMoreDataZoned(event: any): void;
+    requestMoreDataZoned(event: unknown): void;
     get trackByFn(): TrackByFunction<any>;
     trackByIndex(index: number, items: any[]): any;
-    updateSort(sort: Sort): void;
     showTile(tile: any): boolean;
     /***************************************************************************
      *                                                                         *

package/lib/components/data-view/table/elder-table/elder-table.component.d.ts

@@ -116,7 +116,7 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    requestMoreDataZoned(event: any): void;
+    requestMoreDataZoned(event: unknown): void;
     get trackByFn(): TrackByFunction<any>;
     isDataValid(data: any): boolean;
     /***************************************************************************

package/lib/components/files/listing/file-entry.d.ts

@@ -12,6 +12,7 @@ export declare class FileEntry {
      */
     readonly relativeParent: string | null;
     readonly fileHandle?: FileSystemFileHandle;
+    readonly rootDirectoryHandle?: FileSystemDirectoryHandle;
     /**
      * Creates a file Entry without an explicit relative parent.
      *
@@ -23,13 +24,13 @@ export declare class FileEntry {
     /**
      * Creates an Observable of a File Entry by resolving its FileSystemFileHandle.
      * @param fileHandle
-     * @param rootDirectory is needed to build a relative parent
+     * @param rootDirectory is needed to build a relative parent. Additionally useful for requesting permissions
      */
     static ofFileHandle(fileHandle: FileSystemFileHandle, rootDirectory?: FileSystemDirectoryHandle): Observable<FileEntry>;
     /**
      * Creates a file Entry with a relative parent path
      */
-    static relativeFile(file: File, relativeParent: string | null, fileHandle?: FileSystemFileHandle): FileEntry;
+    static relativeFile(file: File, relativeParent: string | null, fileHandle?: FileSystemFileHandle, rootDirectoryHandle?: FileSystemDirectoryHandle): FileEntry;
     static toFileMap(entries: FileEntry[]): Map<File, FileEntry>;
     static toFileArray(entries: FileEntry[]): File[];
     /***************************************************************************

package/lib/components/infinitescroll/elder-infinite-scroll.directive.d.ts

@@ -38,7 +38,7 @@ export declare class ElderInfiniteScrollDirective implements OnInit, OnDestroy {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    get closeToEnd(): Observable<UIEvent>;
+    get closeToEnd(): Observable<Event>;
     /**
      * Is the user currently scrolling?
      */

package/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.d.ts

@@ -74,7 +74,7 @@ export declare class ElderSuggestionPanelComponent<T = any, TId = any> {
     onOptionSelected(event: MatAutocompleteSelectedEvent): void;
     private getEntityById;
     onAutocompleteOpened(event: any): void;
-    onAutoCompleteCloseToEnd(event: UIEvent): void;
+    onAutoCompleteCloseToEnd(): void;
     getIdAsString(value: T): string;
     getId(value: T): TId;
     isOptionAvailable(option: T): boolean;

package/lib/components/measures/elder-quantity.pipe.d.ts

@@ -23,7 +23,7 @@ export declare class ElderQuantityPipe implements PipeTransform {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    transform(quantity: Quantity, normalize?: boolean | QuantityPipeOptions, targetUnit?: Unit | string, digitsInfo?: string): string;
+    transform(quantity?: Quantity, normalize?: boolean | QuantityPipeOptions, targetUnit?: Unit | string, digitsInfo?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ElderQuantityPipe, "elderQuantity", true>;
 }

package/lib/components/measures/util/elder-quantity.service.d.ts

@@ -124,7 +124,7 @@ export declare class ElderQuantityService {
      */
     normalize(quantity: Quantity): Quantity;
     transformQuantity(quantity: Quantity, normalize?: boolean, targetUnit?: Unit | string): Quantity;
-    formatQuantity(quantity: Quantity, locale: string, normalize?: boolean | QuantityPipeOptions, targetUnit?: Unit | string, digitsInfo?: string): string;
+    formatQuantity(quantity: Quantity | undefined, locale: string, normalize?: boolean | QuantityPipeOptions, targetUnit?: Unit | string, digitsInfo?: string): string;
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "18.2.0",
+  "version": "18.4.0",
   "peerDependencies": {
     "@angular/core": "^17.0.0 || ^18.0.0",
     "@angular/common": "^17.0.0 || ^18.0.0",

package/src/lib/components/chips/_elder-chip-theme.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use '@material/theme/theme-color' as mdc-theme-color;
 
 $colorStateNone: rgb(143, 143, 143);
 $colorStateOpen: rgb(199, 199, 199);

package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use '@material/theme/theme-color' as mdc-theme-color;
 
 $colorStateNone: rgb(0, 0, 0);
 

package/theming/_elder-mdc-support.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use '@material/theme/theme-color' as mdc-theme-color;
 @use '../theming/mat-icon-button-size' as icon-button-size;
 @use '../theming/elder-typography-utils' as elder-typography;
 
@@ -73,8 +72,8 @@
   $is-dark-theme: map.get($color-config, is-dark);
   $snackbar-text-color: if(
       $is-dark-theme,
-      mdc-theme-color.prop-value(text-primary-on-light),
-      mdc-theme-color.prop-value(text-primary-on-dark)
+      var(--mdc-theme-text-primary-on-light),
+      var(--mdc-theme-text-primary-on-dark),
   );
 
   .mat-mdc-snack-bar-container {