@elderbyte/ngx-starter 19.19.0 → 20.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "19.19.0",
+  "version": "20.0.0-beta.1",
   "peerDependencies": {
     "@angular/core": "^18.0.0 || ^19.0.0",
     "@angular/common": "^18.0.0 || ^19.0.0",

package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss

@@ -1,4 +1,4 @@
-$radius: var(--mdc-filled-button-container-shape);
+$radius: var(--mat-button-filled-container-shape);
 
 .elder-button-group {
   button {

package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss

@@ -10,7 +10,7 @@
 }
 
 .elevated-card {
-  background-color: var(--mdc-elevated-card-container-color);
+  background-color: var(--mat-card-elevated-container-color);
   border-radius: var(--elder-border-radius-sm);
   border-radius: var(--elder-pane-border-radius);
   overflow: hidden;

package/src/lib/components/shell/shell/elder-shell.component.scss

@@ -26,7 +26,7 @@ mat-sidenav-container {
   padding: 0 !important;
 
   .mat-icon {
-    --mdc-icon-button-icon-size: 48px !important;
+    --mat-icon-button-icon-size: 48px !important;
     height: var(--mdc-icon-button-icon-size);
     width: var(--mdc-icon-button-icon-size);
   }

package/src/lib/components/toasts/standard-toast/standard-toast.component.scss

@@ -1,6 +1,6 @@
 .elder-toast {
   --elder-toast-message-color-title: var(--elder-toast-message-color-title-default);
-  --mdc-filled-button-container-color: var(--md-sys-color-secondary);
+  --mat-button-filled-container-color: var(--md-sys-color-secondary);
 
   &.elder-toast-type-warn {
     --elder-toast-message-color-title: var(--elder-toast-message-color-title-warn);

package/theming/abstracts/_elder-design-tokens.scss

@@ -24,7 +24,7 @@
     // mat variables
     --mat-sidenav-container-width: auto; // is set to around 300px by default in MAT 3 (MAT 2 was auto by default)
     --mat-badge-small-size-text-size: 9px; // this is the mat2 setting, mat3 somehow sets this to 0, which hides the font, unclear why.
-    --mdc-dialog-container-shape: 16px; // make border-radius of dialog container smaller (default is 28px)
+    --mat-dialog-container-shape: 16px; // make border-radius of dialog container smaller (default is 28px)
     --mat-dialog-container-max-width: 80vw; // 80vw is mat 2 default, mat 3 default is very narrow: 560px;
     --mat-toolbar-title-text-tracking: 0; // mat toolbar typography
     --mat-toolbar-title-text-weight: 500; // mat toolbar typography
@@ -33,7 +33,7 @@
     --mat-sidenav-container-elevation-shadow: var(--mat-app-elevation-shadow-level-16);
     --mat-sidenav-container-background-color: var(--mat-app-background-color);
     --mdc-dialog-container-color: var(--md-sys-color-surface-container-lowest);
-    --mat-tab-header-divider-height: 0; // remove tab header divider
+    --mat-tab-divider-height: 0; // remove tab header divider
     --mat-menu-container-color: var(--md-sys-color-surface-container-lowest);
     --mat-tree-container-background-color: transparent;
 
@@ -141,9 +141,9 @@
     --elder-round-form-field-outline: none;
 
     // fix button width / padding to not break existing layouts
-    --mat-protected-button-horizontal-padding: var(--elder-button-horizontal-padding);
-    --mat-outlined-button-horizontal-padding: var(--elder-button-horizontal-padding);
-    --mat-filled-button-horizontal-padding: var(--elder-button-horizontal-padding);
+    --mat-button-protected-horizontal-padding: var(--elder-button-horizontal-padding);
+    --mat-button-outlined-horizontal-padding: var(--elder-button-horizontal-padding);
+    --mat-button-filled-horizontal-padding: var(--elder-button-horizontal-padding);
 
     // mat toolbar title-text line height
     --mat-toolbar-title-text-line-height: 36px;

package/theming/base/_elder-fixes-base.scss

@@ -149,7 +149,7 @@
   }
 
   &.elder-light-theme .mdc-linear-progress__buffer-bar {
-    --mdc-linear-progress-track-color: #f8f8f8;
+    --mat-progress-bar-track-color: #f8f8f8;
     --mdc-linear-progress-track-color: var(--md-sys-color-secondary-fixed-dim);
   }
 

package/theming/base/_elder-form-base.scss

@@ -124,7 +124,7 @@
   Icon button size
   ******************************************************************/
 
-  $control-button-size: var(--mdc-typography-body1-line-height, 24px);
+  $control-button-size: var(--mat-typography-body1-line-height, 24px);
   $control-icon-size: 20px;
   .elder-mdc-input-fix {
     max-height: $control-button-size;

package/theming/components/_elder-chip-theme.scss

@@ -16,7 +16,7 @@
   }
 
   .elder-trailing-icon {
-    color: var(--mdc-chip-with-trailing-icon-trailing-icon-color);
+    color: var(--mat-chip-with-trailing-icon-trailing-icon-color);
     opacity: 0.54;
   }
 

package/theming/components/_elder-toolbar-theme.scss

@@ -74,10 +74,10 @@
 
   &.elder-light-theme,
   &.elder-dark-theme {
-    --mat-text-button-state-layer-color: var(--md-sys-color-on-surface);
+    --mat-button-text-state-layer-color: var(--md-sys-color-on-surface);
     .mat-toolbar.mat-primary .mat-mdc-unelevated-button:not(:disabled) {
-      --mat-filled-button-state-layer-color: var(--md-sys-color-primary);
-      --mdc-filled-button-label-text-color: var(--md-sys-color-primary);
+      --mat-button-filled-state-layer-color: var(--md-sys-color-primary);
+      --mat-filled-button-label-text-color: var(--md-sys-color-primary);
       --mdc-filled-button-container-color: var(--md-sys-color-on-primary);
     }
   }

package/lib/common/arrays.d.ts

@@ -1,11 +0,0 @@
-export declare class Arrays {
-    /**
-     * Checks if the two given arrays have the same content in the exact same order.
-     * If order is not relevant, use Sets.equalContent.
-     *
-     * @param arrayA
-     * @param arrayB
-     * @param equalsFn Optional Equality Operator. If omitted, reference equality is used.
-     */
-    static equalContentAndOrder<T>(arrayA: T[], arrayB: T[], equalsFn?: (a: T, b: T) => boolean): boolean;
-}

package/lib/common/async/public_api.d.ts

@@ -1 +0,0 @@
-export * from './refreshing-entity';

package/lib/common/async/refreshing-entity.d.ts

@@ -1,55 +0,0 @@
-import { Observable } from 'rxjs';
-import { IDataSource } from '../data/datasource/data-source';
-/**
- * Represents an entity which can refresh itself periodically
- * until a defined condition is met.
- */
-export declare class RefreshingEntity<T> {
-    private readonly dataSource;
-    private readonly entity;
-    private readonly refreshPredicate;
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private readonly log;
-    private readonly current$;
-    private readonly entityId;
-    private readonly interval;
-    private readonly _refreshing$;
-    /***************************************************************************
-     *                                                                         *
-     * Static Builder                                                          *
-     *                                                                         *
-     **************************************************************************/
-    static refreshWhile<T>(entity: T, dataSource: IDataSource<T>, refreshPredicate: (entity: T) => boolean, interval?: number): RefreshingEntity<T>;
-    static of<T>(fallback: T): RefreshingEntity<T>;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(dataSource: IDataSource<T>, entity: T, refreshPredicate: (entity: T) => boolean, interval?: number);
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Gets the entity stream which is periodically refreshed.
-     */
-    get entity$(): Observable<T>;
-    /**
-     * Gets the current entity value as snapshot
-     */
-    get entitySnapshot(): T;
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    private keepRefreshing;
-    private refresh;
-    private handleRefreshError;
-}

package/lib/common/csv/csv-serializer.d.ts

@@ -1,33 +0,0 @@
-import { CsvSpec } from './csv-spec';
-import { Observable } from 'rxjs/internal/Observable';
-import { TranslateService } from '@ngx-translate/core';
-export declare class CsvSerializer<T> {
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private readonly _csvSpec;
-    private readonly _translateService;
-    constructor(csvSpec: CsvSpec<T>, translateService?: TranslateService);
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get csvSpec(): CsvSpec<T>;
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    serializeHeaders(): Observable<string>;
-    serializeRow(record: T): string;
-    /***************************************************************************
-     *                                                                         *
-     * Private Methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    private getTranslatedHeaders;
-    private resolveValue;
-}

package/lib/common/csv/csv-spec.d.ts

@@ -1,71 +0,0 @@
-import { CsvSerializer } from './csv-serializer';
-import { TranslateService } from '@ngx-translate/core';
-export declare class CsvSpec<T> {
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    /** File name of CSV File */
-    filename: string;
-    /** Delimiter used */
-    delimiter: string;
-    /** Column specifications */
-    columnSpecs: CsvColumnSpec<T>[];
-    /** If Column header should be included */
-    includeHeader: boolean;
-    /***************************************************************************
-     *                                                                         *
-     * Static                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    static start<T>(filename: string): CsvSpec<T>;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor();
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    getSerializer(translateService?: TranslateService): CsvSerializer<T>;
-    getHeaderTexts(): string[];
-    /***************************************************************************
-     *                                                                         *
-     * Fluent API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    withFilename(filename: string): CsvSpec<T>;
-    withDelimiter(delimiter: string): CsvSpec<T>;
-    withColumnSpecs(...columnSpec: CsvColumnSpec<T>[]): CsvSpec<T>;
-    addColumnSpec(headerText: string, valueResolverFn: (type: T) => string, id?: string): CsvSpec<T>;
-}
-export declare class CsvColumnSpec<T> {
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    /** ID used for identification of the column */
-    columnId: string;
-    /** Display string of the column header */
-    columnHeaderText: string;
-    /** Function to resolve the value of the record. */
-    valueResolverFn: (record: T) => string;
-    /***************************************************************************
-     *                                                                         *
-     * Static                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    static start<T>(id?: string): CsvColumnSpec<T>;
-    /***************************************************************************
-     *                                                                         *
-     * Fluent API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    withColumnHeaderText(columnHeaderText: string): CsvColumnSpec<T>;
-    withValueResolverFn(fn: (record: T) => string): CsvColumnSpec<T>;
-}

package/lib/common/csv/public_api.d.ts

@@ -1,2 +0,0 @@
-export * from './csv-spec';
-export * from './csv-serializer';

package/lib/common/data/continuable-listing.d.ts

@@ -1,33 +0,0 @@
-export declare class ContinuableListing<T> {
-    constructor();
-    /**
-     * The data of this listing chunk
-     */
-    content: T[];
-    /**
-     * The current continuation token of this listing.
-     * To fetch the next page, use the NextContinuationToken property not this!
-     */
-    continuationToken?: string;
-    /**
-     * The continuation token to fetch the next part
-     */
-    nextContinuationToken?: string;
-    /**
-     * The totalSnapshot number of elements
-     * Might be null if the server does not know this
-     */
-    total?: number | undefined;
-    /**
-     * Size of this chunk (max page size)
-     */
-    chunkSize?: number;
-    /**
-     * Size of this chunk (max page size)
-     */
-    maxChunkSize?: number;
-    /**
-     * Is there more data to load with the NextContiunationToken?
-     */
-    hasMore: boolean;
-}

package/lib/common/data/data-context/data-context-active-page.d.ts

@@ -1,75 +0,0 @@
-import { DataContextBase } from './data-context-base';
-import { PageRequest } from '../page';
-import { Filter } from '../filters/filter';
-import { Observable } from 'rxjs';
-import { IDataContextActivePage } from './data-context';
-import { Sort } from '../sort';
-import { IPagedDataSource } from '../datasource/data-source';
-export declare class DataContextActivePage<T> extends DataContextBase<T> implements IDataContextActivePage<T> {
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private readonly actlogger;
-    private readonly _page;
-    /**
-     * Subscription to the event when the active page has changed.
-     * This will trigger a page reload.
-     */
-    private _activePageChangedSub;
-    /**
-     * Subscription of an actual page load http request.
-     * If this is closed, it will cancel the http request.
-     */
-    private _activePageLoad;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(dataSource: IPagedDataSource<T>, pageSize: number, indexFn: (item: T) => any, localApply: (data: T[]) => T[], localSort: (data: T[], sorts: Sort[]) => T[]);
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get dataSource(): IPagedDataSource<T>;
-    get page(): Observable<PageRequest>;
-    get pageSnapshot(): PageRequest;
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Set the current page index and reload.
-     * @param pageIndex
-     */
-    setActiveIndex(pageIndex: number): void;
-    /**
-     * Sets the current page index / size and reload.
-     */
-    setActivePage(request: PageRequest): void;
-    close(): void;
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    protected clearAll(): void;
-    protected reloadInternal(): Observable<any>;
-    /***************************************************************************
-     *                                                                         *
-     * Event handlers                                                          *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Occurs when the sorts property has changed.
-     */
-    protected onSortsChanged(sorts: Sort[]): void;
-    /**
-     * Occurs when the filtersSnapshot property has changed.
-     */
-    protected onFiltersChanged(filters: Filter[]): void;
-}

package/lib/common/data/data-context/data-context-auto-starter.d.ts

@@ -1,41 +0,0 @@
-import { IDataContext } from './data-context';
-import { DataContextLifeCycleBinding } from './data-context-life-cycle-binding';
-import { Sort } from '../sort';
-export declare class AutoStartSpec {
-    requiredFilters?: Array<string[]>;
-    initialSort?: Sort[];
-    static asap(sort?: Sort[]): AutoStartSpec;
-    static requireFiltersAll(filters: string[], sort?: Sort[]): AutoStartSpec;
-    static requireFiltersAny(filters: string[], sort?: Sort[]): AutoStartSpec;
-    static requireFilters(filters: Array<string[]>, sort?: Sort[]): AutoStartSpec;
-    constructor(requiredFilters?: Array<string[]>, initialSort?: Sort[]);
-}
-export declare class DataContextAutoStarter extends DataContextLifeCycleBinding {
-    private readonly _autoStartSpec;
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private readonly logger;
-    private readonly _autoStartConditionFulfilled$;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(dataContext: IDataContext<any>, _autoStartSpec: AutoStartSpec);
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    protected subscribe(): void;
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    private buildRequiredFilterConditionObservable;
-    private startDataContext;
-}

package/lib/common/data/data-context/data-context-base.d.ts

@@ -1,165 +0,0 @@
-import { Filter } from '../filters/filter';
-import { Sort } from '../sort';
-import { CollectionViewer, DataSource } from '@angular/cdk/collections';
-import { DataContextStatus } from './data-context-status';
-import { Observable, Subject } from 'rxjs';
-import { FilterContext } from '../filters/filter-context';
-import { DataContextSnapshot, IDataContext } from './data-context';
-import { SortContext } from '../sort-context';
-import { IDataSource } from '../datasource/data-source';
-export declare abstract class DataContextBase<T, TId = any> extends DataSource<T> implements IDataContext<T> {
-    private _indexFn;
-    private _localApply;
-    private _localSort;
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private static DC_ID_COUNTER;
-    private readonly baselog;
-    /**
-     * ID of this DataContext
-     */
-    readonly id: string;
-    private readonly _dataSource;
-    private readonly _filter;
-    private readonly _sort;
-    private readonly _loading;
-    private readonly _data;
-    private readonly _total;
-    private readonly _status;
-    private readonly _started;
-    private readonly _closed;
-    private readonly _customIndex;
-    private _reloadCounter;
-    private readonly _reloadQueue;
-    private readonly _reloaded;
-    protected readonly destroy$: Subject<void>;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    protected constructor(dataSource: IDataSource<T>, _indexFn: (item: T) => any, _localApply: (data: T[]) => T[], _localSort: (data: T[], sorts: Sort[]) => T[]);
-    /***************************************************************************
-     *                                                                         *
-     * Public API Material DC                                                  *
-     *                                                                         *
-     **************************************************************************/
-    connect(collectionViewer: CollectionViewer): Observable<T[]>;
-    disconnect(collectionViewer: CollectionViewer): void;
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get dataSource(): IDataSource<T>;
-    get snapshot(): DataContextSnapshot<T>;
-    get total(): Observable<number | undefined>;
-    get totalSnapshot(): number | undefined;
-    get sort(): SortContext;
-    get filter(): FilterContext;
-    get loading(): Observable<boolean>;
-    get loadingSnapshot(): boolean;
-    get data(): Observable<T[]>;
-    get dataSnapshot(): T[];
-    get status(): Observable<DataContextStatus>;
-    get statusSnapshot(): DataContextStatus;
-    get isEmpty(): boolean;
-    get isStarted(): boolean;
-    get isStarted$(): Observable<boolean>;
-    get isClosed(): boolean;
-    protected get started(): boolean;
-    protected set started(started: boolean);
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    start(sorts?: Sort[], filters?: Filter[]): Observable<any>;
-    reload(reason?: string): Observable<any>;
-    findByIndex(key: any): T | undefined;
-    findById(id: any): T | undefined;
-    /**
-     * Closes this DataContext and cleans up all used resources.
-     */
-    close(): void;
-    refresh(): void;
-    update(entities: T[]): void;
-    /***************************************************************************
-     *                                                                         *
-     * Protected methods                                                       *
-     *                                                                         *
-     **************************************************************************/
-    private reloadNow;
-    /**
-     * Append the given rows to the existing ones.
-     */
-    protected appendData(additionalData: T[]): void;
-    /**
-     * Insert the given rows at the given location.
-     */
-    protected insertData(additionalData: T[], offset: number): void;
-    /**
-     * Replaces the existing data with the new set.
-     * @param newData The new data set.
-     * @param alreadyIndexed The rows will be indexed unless they already have been.
-     */
-    protected setData(newData: T[], alreadyIndexed?: boolean): void;
-    protected clearData(): void;
-    private localApply;
-    protected setTotal(total: number | undefined): void;
-    /**
-     * Clears the current data-context cached data.
-     * State such as current sorting and filtersSnapshot are kept.
-     */
-    protected clearAll(silent?: boolean): void;
-    protected updateIndex(): void;
-    /**
-     * Indexes the given item by key if there is an index function defined.
-     */
-    protected indexItem(item: T): void;
-    /**
-     * Indexes all the given items by key if there is an index function defined.
-     */
-    protected indexAll(items: T[]): void;
-    protected getItemKey(item: T): any;
-    protected getItemId(item: T): TId;
-    /***************************************************************************
-     *                                                                         *
-     * Event handler                                                           *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Occurs when the sort has changed.
-     */
-    protected onSortsChanged(sorts: Sort[]): void;
-    /**
-     * Occurs when the filter has changed.
-     */
-    protected onFiltersChanged(filters: Filter[]): void;
-    protected onError(err: any): void;
-    protected onIdle(): void;
-    protected onLoading(): void;
-    protected onStatus(status: DataContextStatus): void;
-    /***************************************************************************
-     *                                                                         *
-     * Abstract methods                                                        *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Subclasses must implement this method and
-     * reload the currently held data.
-     * If possible, the current view state should be kept.
-     *
-     * @returns The reload job.
-     */
-    protected abstract reloadInternal(): Observable<any>;
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    private clearIndex;
-}