npm - @elderbyte/ngx-starter - Versions diffs - 18.12.2 → 18.12.3 - Mend

@elderbyte/ngx-starter 18.12.2 → 18.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (319) hide show

package/esm2022/lib/components/dialogs/elder-dialog.module.mjs CHANGED Viewed

@@ -22,8 +22,8 @@ export { ElderDialogConfig } from './elder-dialog-config';
 export * from './confirm-dialog/elder-confirm-dialog.component';
 export * from './question-dialog/elder-question-dialog.component';
 export class ElderDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogModule, imports: [CommonModule,
             FormsModule,
             MatIconModule,
             MatButtonModule,
@@ -41,7 +41,7 @@ export class ElderDialogModule {
             ElderQuestionDialogComponent,
             ElderSelectionDialogComponent,
             ElderSelectionDialogDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogModule, imports: [CommonModule,
             FormsModule,
             MatIconModule,
             MatButtonModule,
@@ -56,7 +56,7 @@ export class ElderDialogModule {
             ElderQuestionDialogComponent,
             ElderSelectionDialogComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/dialogs/elder-dialog.service.mjs CHANGED Viewed

@@ -187,10 +187,10 @@ export class ElderDialogService {
         matConfig.height = '40vh';
         return matConfig;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogService, deps: [{ token: i1.MatDialog }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogService, deps: [{ token: i1.MatDialog }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/lib/components/dialogs/question-dialog/elder-question-dialog.component.mjs CHANGED Viewed

@@ -31,10 +31,10 @@ export class ElderQuestionDialogComponent {
     get isValid() {
         return !!this.answer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderQuestionDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderQuestionDialogComponent, isStandalone: true, selector: "elder-question-dialog", ngImport: i0, template: "<div class=\"layout-col full\">\n  <mat-toolbar elderTheme class=\"flex-none\">\n    <mat-toolbar-row class=\"gap-sm\">\n      <button mat-icon-button [matDialogClose]=\"false\"><mat-icon>close</mat-icon></button>\n      <h3>{{ data.title | translate }}</h3>\n    </mat-toolbar-row>\n  </mat-toolbar>\n\n  <form #f=\"ngForm\" class=\"layout-col flex p-md\" (ngSubmit)=\"confirm($event)\" cdkTrapFocus>\n    <div class=\"layout-col flex\">\n      <p>{{ data.question }}</p>\n\n      <mat-form-field class=\"full-width\">\n        <input\n          matInput\n          type=\"text\"\n          name=\"name\"\n          [(ngModel)]=\"answer\"\n          cdkFocusInitial\n          placeholder=\"{{ 'context.name' | translate }}\"\n          required\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"layout-row place-end-center gap-md flex-none\">\n      <button mat-button type=\"button\" (click)=\"cancel($event)\">\n        {{ 'actions.cancel' | translate }}\n      </button>\n\n      <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"!isValid\">\n        {{ 'actions.ok' | translate }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "directive", type: MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderQuestionDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderQuestionDialogComponent, isStandalone: true, selector: "elder-question-dialog", ngImport: i0, template: "<div class=\"layout-col full\">\n  <mat-toolbar elderTheme class=\"flex-none\">\n    <mat-toolbar-row class=\"gap-sm\">\n      <button mat-icon-button [matDialogClose]=\"false\"><mat-icon>close</mat-icon></button>\n      <h3>{{ data.title | translate }}</h3>\n    </mat-toolbar-row>\n  </mat-toolbar>\n\n  <form #f=\"ngForm\" class=\"layout-col flex p-md\" (ngSubmit)=\"confirm($event)\" cdkTrapFocus>\n    <div class=\"layout-col flex\">\n      <p>{{ data.question }}</p>\n\n      <mat-form-field class=\"full-width\">\n        <input\n          matInput\n          type=\"text\"\n          name=\"name\"\n          [(ngModel)]=\"answer\"\n          cdkFocusInitial\n          placeholder=\"{{ 'context.name' | translate }}\"\n          required\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"layout-row place-end-center gap-md flex-none\">\n      <button mat-button type=\"button\" (click)=\"cancel($event)\">\n        {{ 'actions.cancel' | translate }}\n      </button>\n\n      <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"!isValid\">\n        {{ 'actions.ok' | translate }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "directive", type: MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderQuestionDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderQuestionDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-question-dialog', standalone: true, imports: [
                         MatToolbar,

package/esm2022/lib/components/dialogs/selection-dialog/elder-selection-dialog/elder-selection-dialog.component.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class ElderSelectionDialogComponent {
     ngAfterViewInit() {
         // this.dialogRef.updateSize('20vw', '20vh');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderSelectionDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderSelectionDialogComponent, isStandalone: true, selector: "elder-selection-dialog", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"layout-col full\">\n  <div class=\"layout-col flex-none\">\n    <h2 *ngIf=\"title\">{{ title | translate }}</h2>\n  </div>\n\n  <div class=\"layout-col flex\">\n    <ng-template [ngTemplateOutlet]=\"data.template\"></ng-template>\n  </div>\n\n  <div class=\"layout-row place-end-center\">\n    <button mat-button type=\"button\" mat-dialog-close>\n      {{ 'actions.cancel' | translate }}\n    </button>\n\n    <button\n      mat-raised-button\n      type=\"button\"\n      [disabled]=\"data.selectionModel.isEmpty()\"\n      (click)=\"confirmSelection()\"\n    >\n      {{ 'actions.select' | translate }}\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderSelectionDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderSelectionDialogComponent, isStandalone: true, selector: "elder-selection-dialog", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"layout-col full\">\n  <div class=\"layout-col flex-none\">\n    <h2 *ngIf=\"title\">{{ title | translate }}</h2>\n  </div>\n\n  <div class=\"layout-col flex\">\n    <ng-template [ngTemplateOutlet]=\"data.template\"></ng-template>\n  </div>\n\n  <div class=\"layout-row place-end-center\">\n    <button mat-button type=\"button\" mat-dialog-close>\n      {{ 'actions.cancel' | translate }}\n    </button>\n\n    <button\n      mat-raised-button\n      type=\"button\"\n      [disabled]=\"data.selectionModel.isEmpty()\"\n      (click)=\"confirmSelection()\"\n    >\n      {{ 'actions.select' | translate }}\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderSelectionDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderSelectionDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-selection-dialog', standalone: true, imports: [NgIf, NgTemplateOutlet, MatButton, MatDialogClose, TranslateModule], template: "<div class=\"layout-col full\">\n  <div class=\"layout-col flex-none\">\n    <h2 *ngIf=\"title\">{{ title | translate }}</h2>\n  </div>\n\n  <div class=\"layout-col flex\">\n    <ng-template [ngTemplateOutlet]=\"data.template\"></ng-template>\n  </div>\n\n  <div class=\"layout-row place-end-center\">\n    <button mat-button type=\"button\" mat-dialog-close>\n      {{ 'actions.cancel' | translate }}\n    </button>\n\n    <button\n      mat-raised-button\n      type=\"button\"\n      [disabled]=\"data.selectionModel.isEmpty()\"\n      (click)=\"confirmSelection()\"\n    >\n      {{ 'actions.select' | translate }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{

package/esm2022/lib/components/dialogs/selection-dialog/elder-selection-dialog.directive.mjs CHANGED Viewed

@@ -29,10 +29,10 @@ export class ElderSelectionDialogDirective {
         });
         dialogRef.afterClosed().subscribe((result) => this.close.emit(result));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderSelectionDialogDirective, deps: [{ token: i0.TemplateRef }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderSelectionDialogDirective, isStandalone: true, selector: "[elderDialog]", inputs: { selectionModel: "selectionModel" }, outputs: { close: "close" }, exportAs: ["elderSelection"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderSelectionDialogDirective, deps: [{ token: i0.TemplateRef }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderSelectionDialogDirective, isStandalone: true, selector: "[elderDialog]", inputs: { selectionModel: "selectionModel" }, outputs: { close: "close" }, exportAs: ["elderSelection"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderSelectionDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderSelectionDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderDialog]',

package/esm2022/lib/components/errors/elder-error.module.mjs CHANGED Viewed

@@ -11,19 +11,19 @@ export * from './error-util';
  * Provides Error Indicators and Exception detail components.
  */
 export class ElderErrorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderErrorModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ElderErrorModule, imports: [CommonModule,
             MatExpansionModule,
             MatIconModule,
             MatInputModule,
             ElderExceptionDetailComponent], exports: [ElderExceptionDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderErrorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderErrorModule, imports: [CommonModule,
             MatExpansionModule,
             MatIconModule,
             MatInputModule,
             ElderExceptionDetailComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderErrorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [ElderExceptionDetailComponent],

package/esm2022/lib/components/errors/exception-detail/elder-exception-detail.component.mjs CHANGED Viewed

@@ -49,10 +49,10 @@ export class ElderExceptionDetailComponent {
     set error(error) {
         this.errorCtx$.next(ExceptionDetailCtx.of(error));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExceptionDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderExceptionDetailComponent, isStandalone: true, selector: "elder-exception-detail", inputs: { expanded: "expanded", stacktraceRows: "stacktraceRows", error: "error" }, ngImport: i0, template: "<ng-container *ngIf=\"errorCtx$ | async as errorCtx\">\n  <mat-accordion *ngIf=\"errorCtx.detail as error\" class=\"full\">\n    <mat-expansion-panel [expanded]=\"expanded\">\n      <mat-expansion-panel-header>\n        <mat-panel-title class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\" class=\"noselect\">warning</mat-icon>\n          <span class=\"noselect\">{{ errorCtx.panelTitle }}</span>\n        </mat-panel-title>\n        <mat-panel-description class=\"noselect\">\n          <span class=\"mat-caption\">{{ errorCtx.panelDescription }}</span>\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n\n      <div class=\"layout-col flex p-xs\" style=\"overflow: hidden\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>Detail</mat-label>\n          <input matInput [value]=\"error.detail\" readonly />\n        </mat-form-field>\n\n        <mat-form-field class=\"full-width\">\n          <mat-label>Stacktrace</mat-label>\n          <textarea\n            class=\"stacktrace\"\n            matInput\n            [value]=\"error.stacktrace\"\n            [rows]=\"stacktraceRows\"\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </mat-expansion-panel>\n  </mat-accordion>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExceptionDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderExceptionDetailComponent, isStandalone: true, selector: "elder-exception-detail", inputs: { expanded: "expanded", stacktraceRows: "stacktraceRows", error: "error" }, ngImport: i0, template: "<ng-container *ngIf=\"errorCtx$ | async as errorCtx\">\n  <mat-accordion *ngIf=\"errorCtx.detail as error\" class=\"full\">\n    <mat-expansion-panel [expanded]=\"expanded\">\n      <mat-expansion-panel-header>\n        <mat-panel-title class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\" class=\"noselect\">warning</mat-icon>\n          <span class=\"noselect\">{{ errorCtx.panelTitle }}</span>\n        </mat-panel-title>\n        <mat-panel-description class=\"noselect\">\n          <span class=\"mat-caption\">{{ errorCtx.panelDescription }}</span>\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n\n      <div class=\"layout-col flex p-xs\" style=\"overflow: hidden\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>Detail</mat-label>\n          <input matInput [value]=\"error.detail\" readonly />\n        </mat-form-field>\n\n        <mat-form-field class=\"full-width\">\n          <mat-label>Stacktrace</mat-label>\n          <textarea\n            class=\"stacktrace\"\n            matInput\n            [value]=\"error.stacktrace\"\n            [rows]=\"stacktraceRows\"\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </mat-expansion-panel>\n  </mat-accordion>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExceptionDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExceptionDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-exception-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgIf,

package/esm2022/lib/components/expand-toggle-button/elder-expand-toggle-button.component.mjs CHANGED Viewed

@@ -41,10 +41,10 @@ export class ElderExpandToggleButtonComponent {
     onToggleExpand(event) {
         this.expanded = !this.expanded;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderExpandToggleButtonComponent, isStandalone: true, selector: "elder-expand-toggle-button", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<a\n  matRipple\n  class=\"layout-row place-start-center full toggle-button\"\n  (click)=\"onToggleExpand($event)\"\n>\n  <div class=\"layout-row place-start-center flex\">\n    <ng-content></ng-content>\n\n    <span class=\"flex\"></span>\n\n    <div class=\"layout-col place-center-center\">\n      <mat-icon>{{\n        (expandedChange | async) ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n      }}</mat-icon>\n    </div>\n  </div>\n</a>\n", dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderExpandToggleButtonComponent, isStandalone: true, selector: "elder-expand-toggle-button", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<a\n  matRipple\n  class=\"layout-row place-start-center full toggle-button\"\n  (click)=\"onToggleExpand($event)\"\n>\n  <div class=\"layout-row place-start-center flex\">\n    <ng-content></ng-content>\n\n    <span class=\"flex\"></span>\n\n    <div class=\"layout-col place-center-center\">\n      <mat-icon>{{\n        (expandedChange | async) ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n      }}</mat-icon>\n    </div>\n  </div>\n</a>\n", dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-expand-toggle-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatRipple, MatIcon, AsyncPipe], template: "<a\n  matRipple\n  class=\"layout-row place-start-center full toggle-button\"\n  (click)=\"onToggleExpand($event)\"\n>\n  <div class=\"layout-row place-start-center flex\">\n    <ng-content></ng-content>\n\n    <span class=\"flex\"></span>\n\n    <div class=\"layout-col place-center-center\">\n      <mat-icon>{{\n        (expandedChange | async) ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\n      }}</mat-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { expandedChange: [{

package/esm2022/lib/components/expand-toggle-button/elder-expand-toggle-button.module.mjs CHANGED Viewed

@@ -7,19 +7,19 @@ import { MatRippleModule } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export { ElderExpandToggleButtonComponent } from './elder-expand-toggle-button.component';
 export class ElderExpandToggleButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonModule, imports: [CommonModule,
             MatButtonModule,
             MatIconModule,
             MatRippleModule,
             ElderExpandToggleButtonComponent], exports: [ElderExpandToggleButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonModule, imports: [CommonModule,
             MatButtonModule,
             MatIconModule,
             MatRippleModule,
             ElderExpandToggleButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderExpandToggleButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderExpandToggleButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/files/blob-viewer/elder-blob-viewer.component.mjs CHANGED Viewed

@@ -206,10 +206,10 @@ export class ElderBlobViewerComponent {
             responseType: 'text',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBlobViewerComponent, deps: [{ token: i1.HttpClientPristine }, { token: i2.DomSanitizer }, { token: i3.ElderToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", type: ElderBlobViewerComponent, isStandalone: true, selector: "elder-blob-viewer", inputs: { displayUnknownAsText: { classPropertyName: "displayUnknownAsText", publicName: "displayUnknownAsText", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: false, isRequired: false, transformFunction: null }, blobUrl: { classPropertyName: "blobUrl", publicName: "blobUrl", isSignal: false, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: false, isRequired: false, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"layout-col full place-center-center document-viewer\">\n  <ng-container *ngIf=\"blobContext$ | async as blobContext\">\n    <!-- Video -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isVideo\">\n      <video class=\"video\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 video.\n      </video>\n    </div>\n\n    <!-- Audio -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isAudio\">\n      <audio class=\"audio\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 audio.\n      </audio>\n    </div>\n\n    <!-- Image -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.mimeType.isImage\" style=\"overflow: hidden\">\n      <img class=\"cover flex\" [src]=\"blobContext.safeUrl\" alt=\"blob image\" />\n    </div>\n\n    <!-- Embedded (PDFs etc) -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayEmbedded\">\n      <div class=\"full\">\n        <embed\n          class=\"embedded\"\n          [src]=\"blobContext.safeUrl\"\n          [type]=\"blobContext.mimeType.value\"\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </div>\n    </div>\n\n    <!-- Plain Text -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayAsText\">\n      <textarea\n        class=\"document-content\"\n        placeholder=\"Content\"\n        [value]=\"blobContext.text\"\n        wrap=\"off\"\n        readonly\n      ></textarea>\n    </div>\n\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.cantDisplay\">\n      <p>Cant display {{ blobContext.mimeType.value }}!</p>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(blobContext$ | async)\">\n    <div class=\"layout-col place-center-center full\">\n      <p>No Document.</p>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{overflow:hidden}.document-viewer{background-color:#dedede;color:#1f1e1e}.video,.audio{width:100%;height:auto}.embedded{width:100%;height:100%}.cover{object-fit:scale-down;width:100%;height:auto;overflow:hidden}.document-content{font-family:Courier,monospace;font-size:14px;background-color:#575757;color:#ccc;outline:none;resize:none;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-border-radius:12px;border-radius:0;-webkit-box-shadow:0px 2px 14px #000;box-shadow:0 2px 14px #000;border-top:1px solid #fff;border-bottom:1px solid #fff}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderBlobViewerComponent, deps: [{ token: i1.HttpClientPristine }, { token: i2.DomSanitizer }, { token: i3.ElderToastService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.5", type: ElderBlobViewerComponent, isStandalone: true, selector: "elder-blob-viewer", inputs: { displayUnknownAsText: { classPropertyName: "displayUnknownAsText", publicName: "displayUnknownAsText", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: false, isRequired: false, transformFunction: null }, blobUrl: { classPropertyName: "blobUrl", publicName: "blobUrl", isSignal: false, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: false, isRequired: false, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"layout-col full place-center-center document-viewer\">\n  <ng-container *ngIf=\"blobContext$ | async as blobContext\">\n    <!-- Video -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isVideo\">\n      <video class=\"video\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 video.\n      </video>\n    </div>\n\n    <!-- Audio -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isAudio\">\n      <audio class=\"audio\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 audio.\n      </audio>\n    </div>\n\n    <!-- Image -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.mimeType.isImage\" style=\"overflow: hidden\">\n      <img class=\"cover flex\" [src]=\"blobContext.safeUrl\" alt=\"blob image\" />\n    </div>\n\n    <!-- Embedded (PDFs etc) -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayEmbedded\">\n      <div class=\"full\">\n        <embed\n          class=\"embedded\"\n          [src]=\"blobContext.safeUrl\"\n          [type]=\"blobContext.mimeType.value\"\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </div>\n    </div>\n\n    <!-- Plain Text -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayAsText\">\n      <textarea\n        class=\"document-content\"\n        placeholder=\"Content\"\n        [value]=\"blobContext.text\"\n        wrap=\"off\"\n        readonly\n      ></textarea>\n    </div>\n\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.cantDisplay\">\n      <p>Cant display {{ blobContext.mimeType.value }}!</p>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(blobContext$ | async)\">\n    <div class=\"layout-col place-center-center full\">\n      <p>No Document.</p>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{overflow:hidden}.document-viewer{background-color:#dedede;color:#1f1e1e}.video,.audio{width:100%;height:auto}.embedded{width:100%;height:100%}.cover{object-fit:scale-down;width:100%;height:auto;overflow:hidden}.document-content{font-family:Courier,monospace;font-size:14px;background-color:#575757;color:#ccc;outline:none;resize:none;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-border-radius:12px;border-radius:0;-webkit-box-shadow:0px 2px 14px #000;box-shadow:0 2px 14px #000;border-top:1px solid #fff;border-bottom:1px solid #fff}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBlobViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderBlobViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-blob-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, AsyncPipe], template: "<div class=\"layout-col full place-center-center document-viewer\">\n  <ng-container *ngIf=\"blobContext$ | async as blobContext\">\n    <!-- Video -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isVideo\">\n      <video class=\"video\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 video.\n      </video>\n    </div>\n\n    <!-- Audio -->\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.mimeType.isAudio\">\n      <audio class=\"audio\" controls autoplay loop>\n        <source [src]=\"blobContext.safeUrl\" [type]=\"blobContext.mimeType.value\" />\n        Your browser does not support HTML5 audio.\n      </audio>\n    </div>\n\n    <!-- Image -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.mimeType.isImage\" style=\"overflow: hidden\">\n      <img class=\"cover flex\" [src]=\"blobContext.safeUrl\" alt=\"blob image\" />\n    </div>\n\n    <!-- Embedded (PDFs etc) -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayEmbedded\">\n      <div class=\"full\">\n        <embed\n          class=\"embedded\"\n          [src]=\"blobContext.safeUrl\"\n          [type]=\"blobContext.mimeType.value\"\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </div>\n    </div>\n\n    <!-- Plain Text -->\n    <div class=\"layout-col full\" *ngIf=\"blobContext.displayAsText\">\n      <textarea\n        class=\"document-content\"\n        placeholder=\"Content\"\n        [value]=\"blobContext.text\"\n        wrap=\"off\"\n        readonly\n      ></textarea>\n    </div>\n\n    <div class=\"layout-col place-center-center full\" *ngIf=\"blobContext.cantDisplay\">\n      <p>Cant display {{ blobContext.mimeType.value }}!</p>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(blobContext$ | async)\">\n    <div class=\"layout-col place-center-center full\">\n      <p>No Document.</p>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{overflow:hidden}.document-viewer{background-color:#dedede;color:#1f1e1e}.video,.audio{width:100%;height:auto}.embedded{width:100%;height:100%}.cover{object-fit:scale-down;width:100%;height:auto;overflow:hidden}.document-content{font-family:Courier,monospace;font-size:14px;background-color:#575757;color:#ccc;outline:none;resize:none;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-border-radius:12px;border-radius:0;-webkit-box-shadow:0px 2px 14px #000;box-shadow:0 2px 14px #000;border-top:1px solid #fff;border-bottom:1px solid #fff}\n"] }]
         }], ctorParameters: () => [{ type: i1.HttpClientPristine }, { type: i2.DomSanitizer }, { type: i3.ElderToastService }], propDecorators: { blob: [{

package/esm2022/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ export class ElderDropZoneComponent {
         this.icon = 'upload_file';
         this.prompt = 'Drop Files here.';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDropZoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderDropZoneComponent, isStandalone: true, selector: "elder-drop-zone", inputs: { icon: "icon", prompt: "prompt" }, outputs: { filesDropped: "filesDropped", dragOver: "dragOver", dragEnd: "dragEnd" }, ngImport: i0, template: "<div\n  class=\"layout-col full elder-drop-zone\"\n  elderFileDropZone\n  (dropFiles)=\"filesDropped.emit($event)\"\n  (dragOver)=\"dragOver.emit($event)\"\n  (dragEnd)=\"dragEnd.emit($event)\"\n>\n  <div class=\"layout-col flex\">\n    <ng-content></ng-content>\n    <!-- Default content -->\n    <div class=\"layout-col flex place-center-center gap-sm elder-default-content\">\n      <mat-icon class=\"elder-drop-zone-icon\">{{ icon }}</mat-icon>\n      <span class=\"elder-drop-zone-prompt\">{{ prompt | translate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: ElderFileDropZoneDirective, selector: "[elderFileDropZone]", inputs: ["dragOverClass"], outputs: ["dragEnter", "dragOver", "dragEnd", "dragEnterFiles", "dropFiles", "elderFileDropZoneChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDropZoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderDropZoneComponent, isStandalone: true, selector: "elder-drop-zone", inputs: { icon: "icon", prompt: "prompt" }, outputs: { filesDropped: "filesDropped", dragOver: "dragOver", dragEnd: "dragEnd" }, ngImport: i0, template: "<div\n  class=\"layout-col full elder-drop-zone\"\n  elderFileDropZone\n  (dropFiles)=\"filesDropped.emit($event)\"\n  (dragOver)=\"dragOver.emit($event)\"\n  (dragEnd)=\"dragEnd.emit($event)\"\n>\n  <div class=\"layout-col flex\">\n    <ng-content></ng-content>\n    <!-- Default content -->\n    <div class=\"layout-col flex place-center-center gap-sm elder-default-content\">\n      <mat-icon class=\"elder-drop-zone-icon\">{{ icon }}</mat-icon>\n      <span class=\"elder-drop-zone-prompt\">{{ prompt | translate }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: ElderFileDropZoneDirective, selector: "[elderFileDropZone]", inputs: ["dragOverClass"], outputs: ["dragEnter", "dragOver", "dragEnd", "dragEnterFiles", "dropFiles", "elderFileDropZoneChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDropZoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDropZoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-drop-zone', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ElderFileDropZoneDirective, MatIcon, TranslateModule], template: "<div\n  class=\"layout-col full elder-drop-zone\"\n  elderFileDropZone\n  (dropFiles)=\"filesDropped.emit($event)\"\n  (dragOver)=\"dragOver.emit($event)\"\n  (dragEnd)=\"dragEnd.emit($event)\"\n>\n  <div class=\"layout-col flex\">\n    <ng-content></ng-content>\n    <!-- Default content -->\n    <div class=\"layout-col flex place-center-center gap-sm elder-default-content\">\n      <mat-icon class=\"elder-drop-zone-icon\">{{ icon }}</mat-icon>\n      <span class=\"elder-drop-zone-prompt\">{{ prompt | translate }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { filesDropped: [{

package/esm2022/lib/components/files/drag-n-drop/global-drag-drop.service.mjs CHANGED Viewed

@@ -72,10 +72,10 @@ export class GlobalDragDropService {
         e.preventDefault();
         this.log.warn('Prevented default Browser Action on DragEvent ', e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GlobalDragDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GlobalDragDropService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: GlobalDragDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: GlobalDragDropService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GlobalDragDropService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: GlobalDragDropService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/lib/components/files/elder-file-drop-zone.directive.mjs CHANGED Viewed

@@ -103,10 +103,10 @@ export class ElderFileDropZoneDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileDropZoneDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFileDropZoneDirective, isStandalone: true, selector: "[elderFileDropZone]", inputs: { dragOverClass: "dragOverClass" }, outputs: { dragEnter: "dragEnter", dragOver: "dragOver", dragEnd: "dragEnd", dragEnterFiles: "dragEnterFiles", dropFiles: "dropFiles", elderFileDropZoneChange: "elderFileDropZoneChange" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragend": "onDragEnd($event)", "dragleave": "onDragEnd($event)", "drop": "onDrop($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileDropZoneDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFileDropZoneDirective, isStandalone: true, selector: "[elderFileDropZone]", inputs: { dragOverClass: "dragOverClass" }, outputs: { dragEnter: "dragEnter", dragOver: "dragOver", dragEnd: "dragEnd", dragEnterFiles: "dragEnterFiles", dropFiles: "dropFiles", elderFileDropZoneChange: "elderFileDropZoneChange" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragend": "onDragEnd($event)", "dragleave": "onDragEnd($event)", "drop": "onDrop($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileDropZoneDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileDropZoneDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderFileDropZone]',

package/esm2022/lib/components/files/elder-file-select.directive.mjs CHANGED Viewed

@@ -141,10 +141,10 @@ export class ElderFileSelectDirective {
     openDirectoryPicker(pickerOpts) {
         return FileSystemApi.openDirectoryPicker(pickerOpts).pipe(switchMap((dir) => FileListingSystemHandle.listFiles(dir)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileSelectDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFileSelectDirective, isStandalone: true, selector: "[elderFileSelect]", inputs: { elderFileSelect: "elderFileSelect", elderFileSelectMultiple: "elderFileSelectMultiple", elderFileSelectDirectory: "elderFileSelectDirectory" }, outputs: { elderFileSelectChange: "elderFileSelectChange", elderSingleFileSelectChange: "elderSingleFileSelectChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileSelectDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFileSelectDirective, isStandalone: true, selector: "[elderFileSelect]", inputs: { elderFileSelect: "elderFileSelect", elderFileSelectMultiple: "elderFileSelectMultiple", elderFileSelectDirectory: "elderFileSelectDirectory" }, outputs: { elderFileSelectChange: "elderFileSelectChange", elderSingleFileSelectChange: "elderSingleFileSelectChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderFileSelect]',

package/esm2022/lib/components/files/elder-file.module.mjs CHANGED Viewed

@@ -24,8 +24,8 @@ export * from './blob-url';
 export * from './listing/file-entry';
 export * from './listing/file-listing-rx';
 export class ElderFileModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderFileModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ElderFileModule, imports: [CommonModule,
             MatListModule,
             MatButtonModule,
             MatIconModule,
@@ -43,7 +43,7 @@ export class ElderFileModule {
             ElderFileDropZoneDirective,
             ElderBlobViewerComponent,
             ElderDropZoneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileModule, imports: [CommonModule,
             MatListModule,
             MatButtonModule,
             MatIconModule,
@@ -54,7 +54,7 @@ export class ElderFileModule {
             ElderFileUploadComponent,
             ElderDropZoneComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/files/file-select/file-select.component.mjs CHANGED Viewed

@@ -34,10 +34,10 @@ export class ElderFileSelectComponent {
     fileInputChanged(files) {
         this.filesChange.next(files);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderFileSelectComponent, isStandalone: true, selector: "elder-file-select", inputs: { multiple: "multiple", accept: "accept", icon: "icon", color: "color" }, outputs: { filesChange: "filesChange" }, ngImport: i0, template: "<button\n  mat-icon-button\n  type=\"button\"\n  [elderFileSelect]=\"accept\"\n  [elderFileSelectMultiple]=\"multiple\"\n  (elderFileSelectChange)=\"fileInputChanged($event)\"\n>\n  <mat-icon [color]=\"color\">{{ icon }}</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: ElderFileSelectDirective, selector: "[elderFileSelect]", inputs: ["elderFileSelect", "elderFileSelectMultiple", "elderFileSelectDirectory"], outputs: ["elderFileSelectChange", "elderSingleFileSelectChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderFileSelectComponent, isStandalone: true, selector: "elder-file-select", inputs: { multiple: "multiple", accept: "accept", icon: "icon", color: "color" }, outputs: { filesChange: "filesChange" }, ngImport: i0, template: "<button\n  mat-icon-button\n  type=\"button\"\n  [elderFileSelect]=\"accept\"\n  [elderFileSelectMultiple]=\"multiple\"\n  (elderFileSelectChange)=\"fileInputChanged($event)\"\n>\n  <mat-icon [color]=\"color\">{{ icon }}</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: ElderFileSelectDirective, selector: "[elderFileSelect]", inputs: ["elderFileSelect", "elderFileSelectMultiple", "elderFileSelectDirectory"], outputs: ["elderFileSelectChange", "elderSingleFileSelectChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-file-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconButton, ElderFileSelectDirective, MatIcon], template: "<button\n  mat-icon-button\n  type=\"button\"\n  [elderFileSelect]=\"accept\"\n  [elderFileSelectMultiple]=\"multiple\"\n  (elderFileSelectChange)=\"fileInputChanged($event)\"\n>\n  <mat-icon [color]=\"color\">{{ icon }}</mat-icon>\n</button>\n" }]
         }], ctorParameters: () => [], propDecorators: { multiple: [{

package/esm2022/lib/components/files/file-upload/file-upload.component.mjs CHANGED Viewed

@@ -49,10 +49,10 @@ export class ElderFileUploadComponent {
         this.uploadProgress = this.uploadClient.uploadFiles(FileEntry.toFileArray(entries));
         return forkJoin(Array.from(this.uploadProgress.values()));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderFileUploadComponent, isStandalone: true, selector: "elder-file-upload", inputs: { files: "files", multiple: "multiple", accept: "accept", uploadClient: "uploadClient" }, ngImport: i0, template: "<div class=\"layout-col\">\n  <div class=\"layout-row gap-md\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      color=\"primary\"\n      *ngIf=\"uploadClient\"\n      (click)=\"startUpload($event)\"\n      [disabled]=\"files.length === 0\"\n    >\n      <mat-icon>cloud_upload</mat-icon>\n    </button>\n\n    <elder-file-select\n      [multiple]=\"multiple\"\n      [accept]=\"accept\"\n      (filesChange)=\"files = $event\"\n    ></elder-file-select>\n  </div>\n\n  <mat-list>\n    <h2 mat-subheader>Selected Files ({{ files.length }})</h2>\n    <mat-list-item *ngFor=\"let fileEntry of files\">\n      <mat-icon mat-list-icon>attach_file</mat-icon>\n      <h4 mat-line>{{ fileEntry.relativePath }}</h4>\n      <p mat-line>\n        {{ fileEntry.file.size | bytes }} - {{ fileEntry.file.lastModified | timeAgo }}\n      </p>\n\n      <mat-progress-bar\n        *ngIf=\"transferOf(fileEntry.file)?.state$ | async as state\"\n        [color]=\"state.hasFailed ? 'warn' : undefined\"\n        mode=\"determinate\"\n        [value]=\"state.progress.percentDone\"\n      >\n      </mat-progress-bar>\n    </mat-list-item>\n  </mat-list>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ElderFileSelectComponent, selector: "elder-file-select", inputs: ["multiple", "accept", "icon", "color"], outputs: ["filesChange"] }, { kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: BytesPipe, name: "bytes" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderFileUploadComponent, isStandalone: true, selector: "elder-file-upload", inputs: { files: "files", multiple: "multiple", accept: "accept", uploadClient: "uploadClient" }, ngImport: i0, template: "<div class=\"layout-col\">\n  <div class=\"layout-row gap-md\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      color=\"primary\"\n      *ngIf=\"uploadClient\"\n      (click)=\"startUpload($event)\"\n      [disabled]=\"files.length === 0\"\n    >\n      <mat-icon>cloud_upload</mat-icon>\n    </button>\n\n    <elder-file-select\n      [multiple]=\"multiple\"\n      [accept]=\"accept\"\n      (filesChange)=\"files = $event\"\n    ></elder-file-select>\n  </div>\n\n  <mat-list>\n    <h2 mat-subheader>Selected Files ({{ files.length }})</h2>\n    <mat-list-item *ngFor=\"let fileEntry of files\">\n      <mat-icon mat-list-icon>attach_file</mat-icon>\n      <h4 mat-line>{{ fileEntry.relativePath }}</h4>\n      <p mat-line>\n        {{ fileEntry.file.size | bytes }} - {{ fileEntry.file.lastModified | timeAgo }}\n      </p>\n\n      <mat-progress-bar\n        *ngIf=\"transferOf(fileEntry.file)?.state$ | async as state\"\n        [color]=\"state.hasFailed ? 'warn' : undefined\"\n        mode=\"determinate\"\n        [value]=\"state.progress.percentDone\"\n      >\n      </mat-progress-bar>\n    </mat-list-item>\n  </mat-list>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ElderFileSelectComponent, selector: "elder-file-select", inputs: ["multiple", "accept", "icon", "color"], outputs: ["filesChange"] }, { kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: BytesPipe, name: "bytes" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-file-upload', standalone: true, imports: [
                         NgIf,

package/esm2022/lib/components/forms/clipboard/elder-clipboard.service.mjs CHANGED Viewed

@@ -39,10 +39,10 @@ export class ElderClipboardService {
         document.execCommand('copy');
         return copiedEvent.pipe(first());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClipboardService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClipboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClipboardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClipboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/lib/components/forms/directives/base/elder-class-hostbinding-base.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class ElderClassHostBindingBase {
     get enabled() {
         return this._enabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClassHostBindingBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderClassHostBindingBase, host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClassHostBindingBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderClassHostBindingBase, host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClassHostBindingBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClassHostBindingBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: undefined }], propDecorators: { elementClass: [{
                 type: HostBinding,

package/esm2022/lib/components/forms/directives/elder-clipboard-put.directive.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class ElderClipboardPutDirective {
             .writeText(this.payload.toString())
             .subscribe((copied) => this.clipboardCopied.emit(this.payload));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClipboardPutDirective, deps: [{ token: i1.ElderClipboardService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderClipboardPutDirective, isStandalone: true, selector: "[elderClipboardPut]", inputs: { payload: ["elderClipboardPut", "payload"] }, outputs: { clipboardCopied: "clipboardCopied" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClipboardPutDirective, deps: [{ token: i1.ElderClipboardService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderClipboardPutDirective, isStandalone: true, selector: "[elderClipboardPut]", inputs: { payload: ["elderClipboardPut", "payload"] }, outputs: { clipboardCopied: "clipboardCopied" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderClipboardPutDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderClipboardPutDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderClipboardPut]',

package/esm2022/lib/components/forms/directives/elder-delayed-focus.directive.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class ElderDelayedFocusDirective {
             console.warn('ElderDelayedFocusDirective - No element found to focus!');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDelayedFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderDelayedFocusDirective, isStandalone: true, selector: "[elderDelayedFocus]", inputs: { elderDelayedFocus: "elderDelayedFocus" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDelayedFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderDelayedFocusDirective, isStandalone: true, selector: "[elderDelayedFocus]", inputs: { elderDelayedFocus: "elderDelayedFocus" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderDelayedFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderDelayedFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderDelayedFocus]',

package/esm2022/lib/components/forms/directives/elder-form-field-dense.directive.mjs CHANGED Viewed

@@ -64,10 +64,10 @@ export class ElderFormFieldDenseDirective extends ElderClassHostBindingBase {
             this._matFormField.floatLabel = this._floatLabel; // Always float label so it is not out of bounds
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldDenseDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFormFieldDenseDirective, isStandalone: true, selector: "mat-form-field[elderDense]", inputs: { elderDense: "elderDense", subscriptSizing: "subscriptSizing", floatLabel: "floatLabel" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldDenseDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFormFieldDenseDirective, isStandalone: true, selector: "mat-form-field[elderDense]", inputs: { elderDense: "elderDense", subscriptSizing: "subscriptSizing", floatLabel: "floatLabel" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldDenseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldDenseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-form-field[elderDense]',

package/esm2022/lib/components/forms/directives/elder-form-field-label.directive.mjs CHANGED Viewed

@@ -65,10 +65,10 @@ export class ElderFormFieldLabelDirective {
             this._matFormField.subscriptSizing = 'dynamic'; // Auto collapse hint/error line
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldLabelDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFormFieldLabelDirective, isStandalone: true, selector: "mat-form-field[elderFormFieldLabel]", inputs: { enabled: ["elderFormFieldLabel", "enabled"] }, host: { properties: { "class.elder-form-field-label": "this.getFormFieldLabelStyle" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldLabelDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFormFieldLabelDirective, isStandalone: true, selector: "mat-form-field[elderFormFieldLabel]", inputs: { enabled: ["elderFormFieldLabel", "enabled"] }, host: { properties: { "class.elder-form-field-label": "this.getFormFieldLabelStyle" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-form-field[elderFormFieldLabel]',

package/esm2022/lib/components/forms/directives/elder-form-field-no-hint.directive.mjs CHANGED Viewed

@@ -27,10 +27,10 @@ export class ElderFormFieldNoHintDirective extends ElderClassHostBindingBase {
             this._matFormField.subscriptSizing = 'dynamic'; // Auto collapse hint/error line
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldNoHintDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFormFieldNoHintDirective, isStandalone: true, selector: "mat-form-field[elderNoHint]", inputs: { elderNoHint: "elderNoHint" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldNoHintDirective, deps: [{ token: i1.MatFormField }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFormFieldNoHintDirective, isStandalone: true, selector: "mat-form-field[elderNoHint]", inputs: { elderNoHint: "elderNoHint" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldNoHintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldNoHintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-form-field[elderNoHint]',

package/esm2022/lib/components/forms/directives/elder-form-field-no-spinner.directive.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ export class ElderFormFieldNoSpinnerDirective extends ElderClassHostBindingBase
     set elderNoSpinner(enabled) {
         this.enabled = coerceBooleanProperty(enabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldNoSpinnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderFormFieldNoSpinnerDirective, isStandalone: true, selector: "input[elderNoSpinner]", inputs: { elderNoSpinner: "elderNoSpinner" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldNoSpinnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderFormFieldNoSpinnerDirective, isStandalone: true, selector: "input[elderNoSpinner]", inputs: { elderNoSpinner: "elderNoSpinner" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderFormFieldNoSpinnerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderFormFieldNoSpinnerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[elderNoSpinner]',