@elderbyte/ngx-starter 19.9.0 → 19.10.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -81,7 +81,7 @@ import { MatTab } from '@angular/material/tabs';
 import { fetchEventSource, EventStreamContentType } from '@microsoft/fetch-event-source';
 
 class BytesFormat {
-    static { this.units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB']; }
+    static { this.units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB']; }
     static format(bytes, precision = 2) {
         if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes)) {
             return '?';
@@ -884,6 +884,9 @@ class DurationFormat {
         else if (milliseconds <= 999) {
             return this.formatNumber(milliseconds, 0) + ' ms';
         }
+        else {
+            return undefined; // TODO: Maybe add way to format 1000+ milliseconds also
+        }
     }
     formatNumber(value, precision) {
         return +value.toFixed(precision);
@@ -1839,13 +1842,11 @@ class Objects {
             return src;
         }
         try {
-            const json = JSON.stringify(src);
-            return JSON.parse(json);
+            return JSON.parse(JSON.stringify(src));
         }
         catch (err) {
-            if (err instanceof Error) {
-                throw new Error('Failed to clone object! ' + err.message);
-            }
+            const errorMessage = err instanceof Error ? err.message : 'unknown error';
+            throw new Error(`Failed to clone object: ${errorMessage}`);
         }
     }
     /**
@@ -2071,7 +2072,7 @@ function coerceInterval(value) {
             return Interval.parse(value);
         }
         else {
-            this.logger.warn('Unsupported value that cant be converted to Interval: "' + value + '"');
+            LoggerFactory.getLogger('static: coerceInterval').warn(`Unsupported value that cant be converted to Interval: "${value}"`);
         }
     }
     return undefined;
@@ -2085,7 +2086,7 @@ function coerceIntervalIsoStr(value) {
             return coerceInterval(value)?.toInstantString();
         }
         else {
-            this.logger.warn('Unsupported value that cant be converted to Iso Interval Str: "' + value + '"');
+            LoggerFactory.getLogger('static: coerceIntervalIsoStr').warn(`Unsupported value that cant be converted to Iso Interval Str: "${value}"`);
         }
     }
     return undefined;
@@ -3560,7 +3561,7 @@ class IndexedEntities {
         updated.forEach((update) => {
             const id = this.getItemId(update);
             const index = this.indexById(id);
-            if (index != -1) {
+            if (index !== -1) {
                 newData[index] = update;
                 anyUpdated = true;
             }
@@ -3611,9 +3612,10 @@ class IndexedEntities {
     getById(id) {
         const entities = this.entitiesSnapshot;
         const index = this.indexById(id);
-        if (index != -1) {
+        if (index !== -1) {
             return entities[index];
         }
+        return undefined;
     }
     notify() {
         this._entities$.next(this._entities$.getValue());
@@ -5919,6 +5921,7 @@ class DataSourceAdapter {
                 .findAllContinuable(TokenChunkRequest.first(filters, sorts, limit))
                 .pipe(map((page) => page.content));
         }
+        throw new Error('Unsupported data source type');
     }
 }
 
@@ -8379,6 +8382,7 @@ class DataTransferBase {
             if (state.hasFailed) {
                 throw state.error ? state.error : 'Completion Failed due unknown error!';
             }
+            return false; // Default return for unexpected state
         }), first());
     }
     /**
@@ -9516,7 +9520,7 @@ class ElderThemeService {
     activateTheme(themeId) {
         const theme = this.findTheme(themeId);
         if (theme) {
-            this.logger.info('Activating theme ' + themeId);
+            this.logger.debug('Activating theme ' + themeId);
             this._activeTheme$.next(theme);
         }
         else {
@@ -9724,7 +9728,7 @@ class ElderThemeToggleComponent {
         this.activeToggleTheme$ = combineLatest([
             this.themeService.defaultTheme$,
             this.themeService.activeTheme$,
-        ]).pipe(map(([defaultTheme, activeTheme]) => this.decideToggleTheme(defaultTheme, activeTheme)), tap((tt) => this.logger.info('Active toggle theme: ' + tt)));
+        ]).pipe(map(([defaultTheme, activeTheme]) => this.decideToggleTheme(defaultTheme, activeTheme)), tap((tt) => this.logger.debug('Active toggle theme: ' + tt)));
     }
     /***************************************************************************
      *                                                                         *
@@ -10451,7 +10455,7 @@ class FileSystemApi {
      *                                                                         *
      **************************************************************************/
     static isGetAsFileSystemHandleSupported(transferItem) {
-        // @ts-ignore
+        // @ts-expect-error - getAsFileSystemHandle is not yet in TypeScript's lib.dom.d.ts
         return transferItem.getAsFileSystemHandle !== undefined;
     }
     /**
@@ -10459,7 +10463,7 @@ class FileSystemApi {
      * or `drop` event. Otherwise, it will return null!
      */
     static getAsFileSystemHandle(transferItem) {
-        // @ts-ignore
+        // @ts-expect-error - getAsFileSystemHandle is not yet in TypeScript's lib.dom.d.ts
         return from(transferItem.getAsFileSystemHandle());
     }
     /***************************************************************************
@@ -10471,14 +10475,16 @@ class FileSystemApi {
         return 'showOpenFilePicker' in window;
     }
     static openFilePicker(pickerOpts) {
+        if (!FileSystemApi.isFileSystemSupported()) {
+            return throwError(() => new Error('File System API is not supported in this browser'));
+        }
         try {
-            // @ts-ignore
+            // @ts-expect-error - showOpenFilePicker is not yet in TypeScript's lib.dom.d.ts
             return from(window.showOpenFilePicker(pickerOpts));
         }
         catch (e) {
-            if (e instanceof Error) {
-                return throwError(() => e);
-            }
+            const errorMessage = e instanceof Error ? e.message : 'unknown error';
+            return throwError(() => new Error(`Error occurred while opening file picker: ${errorMessage}`));
         }
     }
     /***************************************************************************
@@ -10491,13 +10497,12 @@ class FileSystemApi {
     }
     static openDirectoryPicker(pickerOpts) {
         try {
-            // @ts-ignore
+            // @ts-expect-error - showDirectoryPicker is not yet in TypeScript's lib.dom.d.ts
             return from(window.showDirectoryPicker(pickerOpts));
         }
         catch (e) {
-            if (e instanceof Error) {
-                return throwError(() => e);
-            }
+            const errorMessage = e instanceof Error ? e.message : 'unknown error';
+            return throwError(() => new Error(`Error occurred while opening directory picker: ${errorMessage}`));
         }
     }
     /***************************************************************************
@@ -10525,7 +10530,7 @@ class FileSystemApi {
     }
     static async getHandlesFromDirectoryAsync(dirHandle) {
         const handles = [];
-        // @ts-ignore
+        // @ts-expect-error - values() is not yet in TypeScript's lib.dom.d.ts
         for await (const handle of dirHandle.values()) {
             handles.push(handle);
         }
@@ -18663,12 +18668,7 @@ class ElderTabFocusTrapDirective {
         return Array.from(elements);
     }
     isFocusableByTab(element) {
-        if (this.isFocusable(element)) {
-            if (element.tabIndex === -1) {
-                return false;
-            }
-            return true;
-        }
+        return this.isFocusable(element) && element.tabIndex !== -1;
     }
     isFocusable(element) {
         if (element) {
@@ -19275,7 +19275,7 @@ class ElderTableSortDirective {
         this.logger.warn('[elderTableSort] directive is no longer required. Use matSort on ElderTableComponent directly.');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ElderTableSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: ElderTableSortDirective, isStandalone: true, selector: "[elderTableSort]", ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: ElderTableSortDirective, isStandalone: true, selector: "[elderTableSort]", inputs: { elderTableSort: "elderTableSort" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ElderTableSortDirective, decorators: [{
             type: Directive,
@@ -19283,7 +19283,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                     selector: '[elderTableSort]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { elderTableSort: [{
+                type: Input
+            }] } });
 
 /**
  * This directive is meant to be placed on table cells containing numbers.
@@ -19906,6 +19908,7 @@ class ElderTileComponent {
         if (currentSelection && currentSelection.length > 0) {
             return true;
         }
+        return false;
     }
     bringToView() {
         const element = this.elderTileRef().nativeElement;
@@ -20298,7 +20301,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                         ElderCompositeSortComponent,
                         ElderCompositeSortDcDirective,
                         ElderTileComponent,
-                        NgClass,
                         ElderContinuatorComponent,
                         ResizeObserverDirective,
                     ], template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<div class=\"full elder-grid-component\">\n  @if (dc(); as dc) {\n    <!-- Grid Browser -->\n    <div\n      class=\"layout-col full elder-grid-container\"\n      [elderDataContextSelection]=\"dc\"\n      #dataSelection=\"elderDataContextSelection\"\n      [elderDataContextSelectionModel]=\"selectionModel\"\n    >\n      <!-- Toolbar Row -->\n      @if (toolbarVisible()) {\n        <div class=\"layout-row place-start-center flex-none elder-grid-toolbar\">\n          @if (selectionVisible) {\n            <div class=\"layout-col flex-none px-sm\">\n              <elder-selection-master-checkbox class=\"flex-none\"></elder-selection-master-checkbox>\n            </div>\n          }\n\n          <!-- Toolbar -->\n          @if (toolbarTemplate) {\n            <ng-template\n              *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: this }\"\n            ></ng-template>\n          }\n\n          @if (availableCompositeSorts && availableCompositeSorts.length > 0) {\n            <elder-composite-sort\n              class=\"flex-none\"\n              [availableSorts]=\"availableCompositeSorts\"\n              [translationPrefix]=\"sortTranslationPrefix\"\n              [elderCompositeSortDc]=\"dc\"\n            >\n            </elder-composite-sort>\n          }\n        </div>\n\n        <mat-divider></mat-divider>\n      }\n\n      <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dc\">\n      </elder-data-context-state-indicator>\n\n      <!-- [cdkDropListSortingDisabled]=\"true\" -->\n      <!-- cdkDropList -->\n      <cdk-virtual-scroll-viewport\n        class=\"layout-col flex elder-grid-browser\"\n        id=\"{{ scrollContainerId }}\"\n        [itemSize]=\"itemHeight()\"\n        [minBufferPx]=\"itemHeight() * 2\"\n        [maxBufferPx]=\"itemHeight() * 3\"\n        #virtualScrollViewPort\n        elderInfiniteScroll\n        [eventThrottle]=\"200\"\n        [offsetFactor]=\"2\"\n        [ignoreScrollEvent]=\"dcStatus()?.loading\"\n        [containerId]=\"scrollContainerId\"\n        [listenToHost]=\"false\"\n        (closeToEnd)=\"requestMoreDataZoned($event)\"\n        (elderResizeObserver)=\"containerDimensions$.next($event)\"\n      >\n        <!-- (scrolling)=\"onScrolling($event)\" -->\n\n        <div\n          *cdkVirtualFor=\"\n            let gridRow of dataRows$;\n            trackBy: TrackGridRowByIdFn;\n            templateCacheSize: 50\n          \"\n          class=\"elder-grid-tile-row\"\n          [style.height]=\"itemHeight() + 'px'\"\n          [style.--elder-grid-column-count]=\"activeColumnCount()\"\n        >\n          @for (tile of gridRow.cells; track trackCellId($index, tile)) {\n            <!-- Tile Cell -->\n            @if (isTileVisible(tile)) {\n              <elder-tile\n                class=\"elder-grid-tile\"\n                [value]=\"tile\"\n                [selectionEnabled]=\"selectionVisible\"\n                [selectionModel]=\"selectionModel\"\n                [outlined]=\"tileOutlined()\"\n                (click)=\"onItemClick(tile)\"\n                (dblclick)=\"onItemDoubleClick(tile)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tileTemplate || simpleTileTemplate;\n                    context: { $implicit: tile }\n                  \"\n                ></ng-container>\n              </elder-tile>\n            } @else {\n              <div class=\"elder-grid-tile-hidden\"></div>\n            }\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n\n      <mat-progress-bar\n        class=\"flex-none\"\n        [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n        [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n      >\n      </mat-progress-bar>\n\n      <!-- Footer -->\n      @if (footerVisible()) {\n        <div class=\"layout-row place-end-center gap-md flex-none elder-grid-footer\">\n          <!-- Continuable -->\n          @if (isContinuable) {\n            <elder-continuator\n              [loadedCount]=\"viewData()?.length\"\n              [total]=\"total()\"\n              [canLoadMore]=\"canLoadMore()\"\n              [chunkSizeOptions]=\"pageSizeOptions()\"\n              [chunkSize]=\"currentChunkSize()\"\n              (loadMoreRequested)=\"dataSnapshot.loadMore()\"\n            ></elder-continuator>\n          } @else if (isActivePaged) {\n            @if (currentPage(); as page) {\n              <mat-paginator\n                class=\"flex-none\"\n                [length]=\"total()\"\n                [pageIndex]=\"page?.index\"\n                [pageSize]=\"page?.size\"\n                [pageSizeOptions]=\"pageSizeOptions()\"\n              >\n              </mat-paginator>\n            }\n          } @else {\n            <span class=\"mat-caption noselect pr-md\" style=\"color: var(--md-sys-color-outline)\">\n              {{ viewData()?.length }}\n            </span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #simpleTileTemplate let-tile>\n  @if (tile) {\n    <div class=\"layout-col place-center-center flex\" style=\"background-color: lightblue\">\n      <p class=\"noselect\">Tile: {{ tile }}</p>\n    </div>\n  }\n</ng-template>\n", styles: [".elder-grid-tile{width:100%;height:100%;cursor:pointer;overflow:hidden}.elder-grid-tile-row{display:grid;align-items:start;justify-items:start;overflow:hidden;--elder-grid-column-count: 1;padding:8px 16px;grid-template-columns:repeat(var(--elder-grid-column-count),minmax(0,1fr));column-gap:16px}.elder-grid-tile-row:first-child{padding-top:16px}.elder-grid-tile-hidden{flex:0 1 100%;margin:8px;width:100%;height:100%}.elder-grid-container{background-color:var(--elder-grid-background-color)}.elder-grid-flat{border:var(--elder-border-light)}.elder-grid-toolbar{min-height:44px}.elder-grid-footer{min-height:var(--elder-data-element-footer-height)}\n"] }]
@@ -22787,10 +22789,8 @@ class ElderSelectBase extends ElderFormFieldControlBase {
             return this.dataSourceOrThrow().getId(entity);
         }
         catch (e) {
-            if (e instanceof Error) {
-                throw new Error('Failed to extract id from entity since no dataSource is available! Caused by ' +
-                    e?.message);
-            }
+            const errorMessage = e instanceof Error ? e.message : 'unknown';
+            throw new Error(`Failed to extract id from entity since no dataSource is available! Caused by ${errorMessage}`);
         }
     }
     /***************************************************************************
@@ -29676,6 +29676,7 @@ class ElderLocalDateInputComponent extends ElderFormFieldControlBase {
         }
         catch (err) {
             this.logger.warn('Failed to apply value to dateValue: ' + value, err);
+            return undefined;
         }
     }
     mapIgnoreErrorObservable(date, conversionFn) {
@@ -31622,6 +31623,7 @@ class ElderOverlayComponent {
         if (!this.attached) {
             return this.attachOverlay();
         }
+        return undefined;
     }
     /**
      * Hide this overlay
@@ -37620,7 +37622,7 @@ class ReactiveFetchEventSource {
      */
     streamEventsOfType(eventTypeRaw) {
         const eventType = this.eventTypeOrDefault(eventTypeRaw);
-        return this.streamEvents().pipe(filter((e) => e.event == eventType));
+        return this.streamEvents().pipe(filter((e) => e.event === eventType));
     }
     /**
      * Get an event stream for all events no matter their type.
@@ -37699,7 +37701,6 @@ class ReactiveFetchEventSource {
                 ', state: ' +
                 response.status, response);
             this.updateState(ReactiveEventSourceState.OPEN);
-            return; // everything's good
         }
         else if (response.status >= 400 && response.status < 500 && response.status !== 429) {
             // client-side errors are usually non-retriable:
@@ -37711,6 +37712,7 @@ class ReactiveFetchEventSource {
             this.updateState(ReactiveEventSourceState.ERROR);
             this.tryReconnect();
         }
+        return undefined; // TODO: Return a promise?
     }
     handleOnError(err) {
         this.updateState(ReactiveEventSourceState.ERROR);