npm - @onemrvapublic/design-system - Versions diffs - 18.2.12-develop.3 → 18.2.12 - Mend

@onemrvapublic/design-system 18.2.12-develop.3 → 18.2.12

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 (167) hide show

package/fesm2022/onemrvapublic-design-system-mat-badge.mjs CHANGED Viewed

@@ -195,10 +195,10 @@ class OnemrvaMatBadgeDirective extends _MatBadgeBase {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.AriaDescriber }, { token: i0.Renderer2 }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatBadgeDirective, selector: "[matBadge]", inputs: { disabled: ["matBadgeDisabled", "disabled"], color: ["matBadgeColor", "color"], overlap: ["matBadgeOverlap", "overlap"], position: ["matBadgePosition", "position"], content: ["matBadge", "content"], description: ["matBadgeDescription", "description"], size: ["matBadgeSize", "size"], hidden: ["matBadgeHidden", "hidden"] }, host: { properties: { "class.mat-badge-overlap": "overlap", "class.mat-badge-above": "isAbove()", "class.mat-badge-below": "!isAbove()", "class.mat-badge-before": "!isAfter()", "class.mat-badge-after": "isAfter()", "class.mat-badge-small": "size === \"small\"", "class.mat-badge-medium": "size === \"medium\"", "class.mat-badge-large": "size === \"large\"", "class.mat-badge-hidden": "hidden || !content", "class.mat-badge-disabled": "disabled", "class.mat-badge-icon": "this.isIcon" }, classAttribute: "mat-badge" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.AriaDescriber }, { token: i0.Renderer2 }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatBadgeDirective, selector: "[matBadge]", inputs: { disabled: ["matBadgeDisabled", "disabled"], color: ["matBadgeColor", "color"], overlap: ["matBadgeOverlap", "overlap"], position: ["matBadgePosition", "position"], content: ["matBadge", "content"], description: ["matBadgeDescription", "description"], size: ["matBadgeSize", "size"], hidden: ["matBadgeHidden", "hidden"] }, host: { properties: { "class.mat-badge-overlap": "overlap", "class.mat-badge-above": "isAbove()", "class.mat-badge-below": "!isAbove()", "class.mat-badge-before": "!isAfter()", "class.mat-badge-after": "isAfter()", "class.mat-badge-small": "size === \"small\"", "class.mat-badge-medium": "size === \"medium\"", "class.mat-badge-large": "size === \"large\"", "class.mat-badge-hidden": "hidden || !content", "class.mat-badge-disabled": "disabled", "class.mat-badge-icon": "this.isIcon" }, classAttribute: "mat-badge" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matBadge]',
@@ -250,11 +250,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             }] } });
 class OnemrvaMatBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeModule, declarations: [OnemrvaMatBadgeDirective], exports: [OnemrvaMatBadgeDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeModule, declarations: [OnemrvaMatBadgeDirective], exports: [OnemrvaMatBadgeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatBadgeDirective],

package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs CHANGED Viewed

@@ -52,10 +52,10 @@ class OnemrvaMatBreadcrumbService {
             this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -67,20 +67,20 @@ class OnemrvaMatBreadcrumbComponent {
         this.breadcrumbService = breadcrumbService;
         this.breadcrumbs$ = breadcrumbService.breadcrumbs$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [{ token: OnemrvaMatBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatBreadcrumbComponent, selector: "onemrva-mat-breadcrumb", ngImport: i0, template: "<ng-container *ngIf=\"breadcrumbs$ | async as bc\">\n  <ul class=\"onemrva-mat-breadcrumb\" *ngIf=\"bc.length > 0\">\n    <li\n      *ngFor=\"let breadcrumb of bc; let i = index\"\n      class=\"onemrva-mat-breadcrumb-link-container\"\n      [ngStyle]=\"{ display: bc.length <= 6 || i <= 2 ? 'list-item' : 'none' }\"\n    >\n      <div [routerLink]=\"breadcrumb.url\" class=\"onemrva-mat-breadcrumb-link\">\n        {{ breadcrumb.label }}\n      </div>\n\n      <mat-icon\n        *ngIf=\"i < bc.length - 1\"\n        class=\"chevron-right\"\n        style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li\n      *ngIf=\"bc.length > 6\"\n      class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n    >\n      ...\n      <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li *ngIf=\"bc.length > 6\" class=\"onemrva-mat-breadcrumb-link-container\">\n      <div\n        [routerLink]=\"bc[bc.length - 1].url\"\n        class=\"onemrva-mat-breadcrumb-link\"\n      >\n        {{ bc[bc.length - 1].label }}\n      </div>\n    </li>\n  </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [{ token: OnemrvaMatBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatBreadcrumbComponent, selector: "onemrva-mat-breadcrumb", ngImport: i0, template: "<ng-container *ngIf=\"breadcrumbs$ | async as bc\">\n  <ul class=\"onemrva-mat-breadcrumb\" *ngIf=\"bc.length > 0\">\n    <li\n      *ngFor=\"let breadcrumb of bc; let i = index\"\n      class=\"onemrva-mat-breadcrumb-link-container\"\n      [ngStyle]=\"{ display: bc.length <= 6 || i <= 2 ? 'list-item' : 'none' }\"\n    >\n      <div [routerLink]=\"breadcrumb.url\" class=\"onemrva-mat-breadcrumb-link\">\n        {{ breadcrumb.label }}\n      </div>\n\n      <mat-icon\n        *ngIf=\"i < bc.length - 1\"\n        class=\"chevron-right\"\n        style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li\n      *ngIf=\"bc.length > 6\"\n      class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n    >\n      ...\n      <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li *ngIf=\"bc.length > 6\" class=\"onemrva-mat-breadcrumb-link-container\">\n      <div\n        [routerLink]=\"bc[bc.length - 1].url\"\n        class=\"onemrva-mat-breadcrumb-link\"\n      >\n        {{ bc[bc.length - 1].label }}\n      </div>\n    </li>\n  </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-breadcrumb', template: "<ng-container *ngIf=\"breadcrumbs$ | async as bc\">\n  <ul class=\"onemrva-mat-breadcrumb\" *ngIf=\"bc.length > 0\">\n    <li\n      *ngFor=\"let breadcrumb of bc; let i = index\"\n      class=\"onemrva-mat-breadcrumb-link-container\"\n      [ngStyle]=\"{ display: bc.length <= 6 || i <= 2 ? 'list-item' : 'none' }\"\n    >\n      <div [routerLink]=\"breadcrumb.url\" class=\"onemrva-mat-breadcrumb-link\">\n        {{ breadcrumb.label }}\n      </div>\n\n      <mat-icon\n        *ngIf=\"i < bc.length - 1\"\n        class=\"chevron-right\"\n        style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li\n      *ngIf=\"bc.length > 6\"\n      class=\"onemrva-mat-breadcrumb-link-container onemrva-mat-breadcrumb-link-container-hidden\"\n    >\n      ...\n      <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n        >chevron_right</mat-icon\n      >\n    </li>\n    <li *ngIf=\"bc.length > 6\" class=\"onemrva-mat-breadcrumb-link-container\">\n      <div\n        [routerLink]=\"bc[bc.length - 1].url\"\n        class=\"onemrva-mat-breadcrumb-link\"\n      >\n        {{ bc[bc.length - 1].label }}\n      </div>\n    </li>\n  </ul>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: OnemrvaMatBreadcrumbService }] });
 class OnemrvaMatBreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, declarations: [OnemrvaMatBreadcrumbComponent], imports: [CommonModule, MatIconModule, RouterModule], exports: [OnemrvaMatBreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule, MatIconModule, RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbModule, declarations: [OnemrvaMatBreadcrumbComponent], imports: [CommonModule, MatIconModule, RouterModule], exports: [OnemrvaMatBreadcrumbComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule, MatIconModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatBreadcrumbComponent],

package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class OnemrvaMatCarouselItemComponent {
         this.show = false;
         this.nativeElement = element.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "this.show" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel-item', standalone: true, imports: [CommonModule], template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tpl: [{
@@ -143,8 +143,8 @@ class OnemrvaMatCarouselComponent {
             item.nativeElement.style.height = biggest + 'px';
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [{ token: i1.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "<button\n  *ngIf=\"hasPrev()\"\n  [@inOutAnimation]\n  (click)=\"prev()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.previous' | translate\"\n  class=\"controls previous\"\n>\n  <mat-icon class=\"large\">chevron_left</mat-icon>\n</button>\n<button\n  *ngIf=\"hasNext()\"\n  [@inOutAnimation]\n  (click)=\"next()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.next' | translate\"\n  class=\"controls next\"\n>\n  <mat-icon class=\"large\">chevron_right</mat-icon>\n</button>\n\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n<div class=\"dots\" *ngIf=\"showDots\">\n  <span\n    tabindex=\"1\"\n    class=\"dot\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n    \"\n    [class.active]=\"i === currentSlide\"\n    *ngFor=\"let item of items; index as i\"\n    (click)=\"goto(i)\"\n  ></span>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [{ token: i1.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: "timing", gap: "gap", padding: "padding", showControls: "showControls", autoplay: "autoplay", showDots: "showDots" }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true }], ngImport: i0, template: "<button\n  *ngIf=\"hasPrev()\"\n  [@inOutAnimation]\n  (click)=\"prev()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.previous' | translate\"\n  class=\"controls previous\"\n>\n  <mat-icon class=\"large\">chevron_left</mat-icon>\n</button>\n<button\n  *ngIf=\"hasNext()\"\n  [@inOutAnimation]\n  (click)=\"next()\"\n  mat-icon-button\n  color=\"primary\"\n  [attr.aria-label]=\"'carousel.next' | translate\"\n  class=\"controls next\"\n>\n  <mat-icon class=\"large\">chevron_right</mat-icon>\n</button>\n\n<section\n  class=\"carousel-wrapper\"\n  [ngStyle]=\"carouselWrapperStyle\"\n  #carouselWrapper\n>\n  <ng-content></ng-content>\n</section>\n\n<div class=\"dots\" *ngIf=\"showDots\">\n  <span\n    tabindex=\"1\"\n    class=\"dot\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      ('carousel.goto' | translate) + ' ' + (i + 1) + '/' + items.length\n    \"\n    [class.active]=\"i === currentSlide\"\n    *ngFor=\"let item of items; index as i\"\n    (click)=\"goto(i)\"\n  ></span>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], animations: [
             trigger('inOutAnimation', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -157,7 +157,7 @@ class OnemrvaMatCarouselComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, TranslateModule], animations: [
                         trigger('inOutAnimation', [

package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs CHANGED Viewed

@@ -51,10 +51,10 @@ class OnemrvaCopyToClipboardComponent {
             this.matTooltip.hide();
         }, 2000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n  <span #clipboardCopyContent>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">\n    content_copy\n  </mat-icon>\n  <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n  <span\n    [matTooltip]=\"getTooltipText\"\n    matTooltipPosition=\"above\"\n    #cccTooltip=\"matTooltip\"\n  ></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.TranslateService }, { type: i2.Clipboard }], propDecorators: { content: [{

package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs CHANGED Viewed

@@ -139,10 +139,10 @@ class OnemrvaMatDatepickerHeaderComponent {
         const maxYearLabel = this._dateAdapter.getYearName(this._dateAdapter.createDate(maxYearOfPage, 0, 1));
         return [minYearLabel, maxYearLabel];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, deps: [{ token: i1.MatDatepickerIntl }, { token: i1.MatCalendar }, { token: i2.DateAdapter, optional: true }, { token: MAT_DATE_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatDatepickerHeaderComponent, isStandalone: true, selector: "onemrva-mat-datepicker-header", providers: [], ngImport: i0, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      class=\"mat-calendar-previous-button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    ></button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      class=\"mat-calendar-next-button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    ></button>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, deps: [{ token: i1.MatDatepickerIntl }, { token: i1.MatCalendar }, { token: i2.DateAdapter, optional: true }, { token: MAT_DATE_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatDatepickerHeaderComponent, isStandalone: true, selector: "onemrva-mat-datepicker-header", providers: [], ngImport: i0, template: "<div class=\"mat-calendar-header\">\n  <div class=\"mat-calendar-controls\">\n    <button\n      mat-button\n      type=\"button\"\n      class=\"mat-calendar-period-button\"\n      (click)=\"currentPeriodClicked()\"\n      [attr.aria-label]=\"periodButtonLabel\"\n      [attr.aria-describedby]=\"_periodButtonLabelId\"\n      aria-live=\"polite\"\n    >\n      <span aria-hidden=\"true\">{{ periodButtonText }}</span>\n      <svg\n        class=\"mat-calendar-arrow\"\n        [class.mat-calendar-invert]=\"calendar.currentView !== 'month'\"\n        viewBox=\"0 0 10 5\"\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <polygon points=\"0,0 5,5 10,0\" />\n      </svg>\n    </button>\n\n    <div class=\"mat-calendar-spacer\"></div>\n\n    <ng-content></ng-content>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      class=\"mat-calendar-previous-button\"\n      [disabled]=\"!previousEnabled()\"\n      (click)=\"previousClicked()\"\n      [attr.aria-label]=\"prevButtonLabel\"\n      [matTooltip]=\"'Previous Month' | translate\"\n    ></button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      (click)=\"setToday()\"\n      [matTooltip]=\"'Today' | translate\"\n    >\n      <mat-icon>today</mat-icon>\n    </button>\n\n    <button\n      mat-icon-button\n      type=\"button\"\n      class=\"mat-calendar-next-button\"\n      [disabled]=\"!nextEnabled()\"\n      (click)=\"nextClicked()\"\n      [attr.aria-label]=\"nextButtonLabel\"\n      [matTooltip]=\"'Next Month' | translate\"\n    ></button>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatDatepickerHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-datepicker-header', standalone: true, imports: [
                         CommonModule,

package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class OnemrvaMatEmptyRowComponent {
         this.imageAlt = this.translate.instant('Ori is wordless');
         this.clear = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatEmptyRowComponent, isStandalone: true, selector: "onemrva-mat-empty-row", inputs: { buttonText: "buttonText", text: "text", imageAlt: "imageAlt" }, outputs: { clear: "clear" }, ngImport: i0, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatEmptyRowComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatEmptyRowComponent, isStandalone: true, selector: "onemrva-mat-empty-row", inputs: { buttonText: "buttonText", text: "text", imageAlt: "imageAlt" }, outputs: { clear: "clear" }, ngImport: i0, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatEmptyRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatEmptyRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-empty-row', standalone: true, imports: [NgOptimizedImage, MatButton], encapsulation: ViewEncapsulation.None, template: "<span class=\"img\">\n  <img [ngSrc]=\"noresultimg\" alt=\"{{ imageAlt }}\" fill />\n</span>\n<span class=\"text\">\n  {{ text }}\n  <ng-content></ng-content>\n</span>\n<button mat-stroked-button (click)=\"clear.emit()\">{{ buttonText }}</button>\n", styles: ["onemrva-mat-empty-row{display:grid;grid-template-columns:repeat(6,1FR);grid-template-rows:repeat(2,1FR);justify-items:center;gap:15px}onemrva-mat-empty-row span.img{grid-area:1/1/3/2;display:block;min-width:80px;min-height:80px;height:10vw;width:10vw;margin:32px;position:relative;float:left}onemrva-mat-empty-row span.text{grid-area:1/2/2/7;justify-self:start;align-self:end}onemrva-mat-empty-row button{grid-area:2/2/3/7;justify-self:start;align-self:start}\n"] }]
         }], ctorParameters: () => [{ type: i1.OnemRvaCDNService }, { type: i2.TranslateService }], propDecorators: { buttonText: [{

package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs CHANGED Viewed

@@ -8,15 +8,15 @@ import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2$1 from '@ngx-translate/core';
+import * as i3$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { trigger, state, style, transition, animate, keyframes } from '@angular/animations';
-import * as mime from 'mime-types';
 import * as i1$1 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
+import * as i2$1 from '@onemrvapublic/design-system/shared';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpEventType, HttpResponse } from '@angular/common/http';
-import * as i6 from '@angular/material/form-field';
+import * as i7 from '@angular/material/form-field';
 import { MatButtonModule } from '@angular/material/button';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
@@ -107,10 +107,10 @@ class OnemrvaFilePanelComponent {
     get _isPrimary() {
         return this.color === OnemrvaMatColor.PRIMARY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaFilePanelComponent, selector: "file-panel", inputs: { id: "id", dataCy: "dataCy", file: "file", actions: "actions", showProgress: "showProgress", displayDate: "displayDate" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.dataCy", "mat-accent": "this._colorAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary" } }, ngImport: i0, template: "<div class=\"file-panel-title\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <mat-icon *ngIf=\"file.color === 'error'\" class=\"filled mat-error\"\n      >error</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'success'\" class=\"filled mat-success\"\n      >check_circle</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'warn'\" class=\"filled mat-warn\"\n      >warning</mat-icon\n    >\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action\">\n    <ng-container *ngIf=\"actions.length > 0\">\n      <ng-container *ngFor=\"let action of actions\">\n        <mat-icon\n          *ngIf=\"action.showAction(file)\"\n          role=\"button\"\n          color=\"primary\"\n          [attr.data-cy]=\"action.dataCy\"\n          matTooltip=\"{{ action.tooltipCode | translate }}\"\n          [attr.aria-label]=\"action.ariaCode | translate\"\n          class=\"clickable\"\n          (click)=\"action.clickHandler(file)\"\n          >{{ action.iconName }}</mat-icon\n        >\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  <ng-container *ngIf=\"file.message === ''\">\n    <div class=\"fileInfos\">\n      <span>{{ displayDate }}</span>\n\n      <span class=\"float-right\" *ngIf=\"file.size > 0\">{{ size }}</span>\n    </div>\n\n    <div\n      class=\"onemrva-progress-bar\"\n      *ngIf=\"showProgress && file.enableProgressBar\"\n    >\n      <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n        <div\n          class=\"onemrva-progress-bar-inner\"\n          [ngStyle]=\"{ width: (progress$ | async) + '%' }\"\n          [ngClass]=\"{\n            'progress-success': (progress$ | async)! >= 100,\n          }\"\n          data-cy=\"file-upload-progress\"\n          [attr.value]=\"progress$ | async\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n  <p *ngIf=\"file.message !== ''\" class=\"message\">{{ file.message }}</p>\n</div>\n", styles: [":host{flex:1 1 100%}:host.clickable:hover{box-shadow:0 3px 3px #312f3a29}.fileInfos{display:inline-block;width:100%;height:24px;font-size:14px}.fileInfos .float-right{margin-right:8px}.file-panel-title-left{display:inline-flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaFilePanelComponent, selector: "file-panel", inputs: { id: "id", dataCy: "dataCy", file: "file", actions: "actions", showProgress: "showProgress", displayDate: "displayDate" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.dataCy", "mat-accent": "this._colorAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary" } }, ngImport: i0, template: "<div class=\"file-panel-title\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <mat-icon *ngIf=\"file.color === 'error'\" class=\"filled mat-error\"\n      >error</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'success'\" class=\"filled mat-success\"\n      >check_circle</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'warn'\" class=\"filled mat-warn\"\n      >warning</mat-icon\n    >\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action\">\n    <ng-container *ngIf=\"actions.length > 0\">\n      <ng-container *ngFor=\"let action of actions\">\n        <mat-icon\n          *ngIf=\"action.showAction(file)\"\n          role=\"button\"\n          color=\"primary\"\n          [attr.data-cy]=\"action.dataCy\"\n          matTooltip=\"{{ action.tooltipCode | translate }}\"\n          [attr.aria-label]=\"action.ariaCode | translate\"\n          class=\"clickable\"\n          (click)=\"action.clickHandler(file)\"\n          >{{ action.iconName }}</mat-icon\n        >\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  <ng-container *ngIf=\"file.message === ''\">\n    <div class=\"fileInfos\">\n      <span>{{ displayDate }}</span>\n\n      <span class=\"float-right\" *ngIf=\"file.size > 0\">{{ size }}</span>\n    </div>\n\n    <div\n      class=\"onemrva-progress-bar\"\n      *ngIf=\"showProgress && file.enableProgressBar\"\n    >\n      <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n        <div\n          class=\"onemrva-progress-bar-inner\"\n          [ngStyle]=\"{ width: (progress$ | async) + '%' }\"\n          [ngClass]=\"{\n            'progress-success': (progress$ | async)! >= 100,\n          }\"\n          data-cy=\"file-upload-progress\"\n          [attr.value]=\"progress$ | async\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n  <p *ngIf=\"file.message !== ''\" class=\"message\">{{ file.message }}</p>\n</div>\n", styles: [":host{flex:1 1 100%}:host.clickable:hover{box-shadow:0 3px 3px #312f3a29}.fileInfos{display:inline-block;width:100%;height:24px;font-size:14px}.fileInfos .float-right{margin-right:8px}.file-panel-title-left{display:inline-flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"file-panel-title\" [attr.data-cy]=\"dataCy\">\n  <div class=\"file-panel-title-left\">\n    <mat-icon *ngIf=\"file.color === 'error'\" class=\"filled mat-error\"\n      >error</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'success'\" class=\"filled mat-success\"\n      >check_circle</mat-icon\n    >\n    <mat-icon *ngIf=\"file.color === 'warn'\" class=\"filled mat-warn\"\n      >warning</mat-icon\n    >\n    <span class=\"file-name\">\n      {{ file.name }}\n    </span>\n  </div>\n  <div class=\"file-panel-title-action\">\n    <ng-container *ngIf=\"actions.length > 0\">\n      <ng-container *ngFor=\"let action of actions\">\n        <mat-icon\n          *ngIf=\"action.showAction(file)\"\n          role=\"button\"\n          color=\"primary\"\n          [attr.data-cy]=\"action.dataCy\"\n          matTooltip=\"{{ action.tooltipCode | translate }}\"\n          [attr.aria-label]=\"action.ariaCode | translate\"\n          class=\"clickable\"\n          (click)=\"action.clickHandler(file)\"\n          >{{ action.iconName }}</mat-icon\n        >\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<div class=\"file-panel-content\">\n  <ng-container *ngIf=\"file.message === ''\">\n    <div class=\"fileInfos\">\n      <span>{{ displayDate }}</span>\n\n      <span class=\"float-right\" *ngIf=\"file.size > 0\">{{ size }}</span>\n    </div>\n\n    <div\n      class=\"onemrva-progress-bar\"\n      *ngIf=\"showProgress && file.enableProgressBar\"\n    >\n      <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n        <div\n          class=\"onemrva-progress-bar-inner\"\n          [ngStyle]=\"{ width: (progress$ | async) + '%' }\"\n          [ngClass]=\"{\n            'progress-success': (progress$ | async)! >= 100,\n          }\"\n          data-cy=\"file-upload-progress\"\n          [attr.value]=\"progress$ | async\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n  <p *ngIf=\"file.message !== ''\" class=\"message\">{{ file.message }}</p>\n</div>\n", styles: [":host{flex:1 1 100%}:host.clickable:hover{box-shadow:0 3px 3px #312f3a29}.fileInfos{display:inline-block;width:100%;height:24px;font-size:14px}.fileInfos .float-right{margin-right:8px}.file-panel-title-left{display:inline-flex;align-items:center;gap:8px}\n"] }]
         }], propDecorators: { id: [{
@@ -182,10 +182,10 @@ class OnemrvaMatFileUploadService {
         alert(`Missing download implementation for file ID ${id}`);
         return of(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -490,12 +490,12 @@ class OnemrvaMatFileUploadStore extends ComponentStore {
         if (customValidationFn)
             this.fn = customValidationFn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [{ token: OnemrvaMatFileUploadService }, { token: i2$1.TranslateService }, { token: CUSTOM_VALIDATION_FN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [{ token: OnemrvaMatFileUploadService }, { token: i3$1.TranslateService }, { token: CUSTOM_VALIDATION_FN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: OnemrvaMatFileUploadService }, { type: i2$1.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: OnemrvaMatFileUploadService }, { type: i3$1.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -529,10 +529,10 @@ class DndDirective {
             this.fileDropped.emit(files);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: DndDirective, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: DndDirective, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DndDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DndDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appDnd]',
@@ -555,12 +555,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
 let NEXT_ID = 0;
 class OnemrvaMatFileUploadComponent {
-    constructor(dialog, translate, fileUploadStore) {
+    constructor(dialog, mimeCDN, translate, fileUploadStore) {
         this.dialog = dialog;
+        this.mimeCDN = mimeCDN;
         this.translate = translate;
         this.fileUploadStore = fileUploadStore;
         this.accept = [];
-        this.acceptString = '';
         this.maxFileSize = 0;
         this.numberOfFiles = 0;
         this.uploadOnDrop = true;
@@ -584,15 +584,9 @@ class OnemrvaMatFileUploadComponent {
     }
     ngOnInit() {
         if (this.accept.length > 0) {
-            this.acceptString = this.accept
-                .map(val => {
-                const t = mime.extension(val || '');
-                return `.${t}`;
-            })
-                .filter(val => {
-                return val.length > 1;
-            })
-                .join(', ');
+            this.acceptString$ = this.mimeCDN
+                .getExtensionsForMime(this.accept)
+                .pipe(map(arr => arr.map(item => `.${item}`).join(', ')));
             this.fileUploadStore.setAccept(this.accept);
         }
         this.maxFileSizeFormatted = formatBytes(this.maxFileSize);
@@ -654,8 +648,8 @@ class OnemrvaMatFileUploadComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [{ token: i1$1.MatDialog }, { token: i2$1.TranslateService }, { token: OnemrvaMatFileUploadStore }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OnemrvaMatFileUploadComponent, selector: "onemrva-mat-file-upload", inputs: { accept: "accept", maxFileSize: "maxFileSize", numberOfFiles: "numberOfFiles", uploadOnDrop: "uploadOnDrop", initialFiles: "initialFiles", errorMessage: "errorMessage", dropFilesHereTextTranslationKey: "dropFilesHereTextTranslationKey", filePanelTemplate: "filePanelTemplate", dataCy: "dataCy" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"files$ | async as files\">\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      'fu-error': errorMessage !== '',\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString }}\"\n    />\n    <div\n      class=\"download-outer\"\n      *ngIf=\"numberOfFiles === 0 || numberOfFiles > files.length\"\n    >\n      <div class=\"download-icon\">\n        <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n      </div>\n\n      <div class=\"download-text\">\n        {{ dropFilesHereTextTranslationKey | translate }}\n        {{ 'file.upload.or' | translate }}\n        <label for=\"{{ inputId }}\" class=\"content\">\n          {{ 'file.upload.browse.for.file' | translate }} </label\n        ><br />\n        <span class=\"restrictions\" *ngIf=\"maxFileSize > 0\">\n          {{ 'file.upload.maximum' | translate }}\n          {{ maxFileSizeFormatted }}\n\n          <span *ngIf=\"acceptString.length > 0\">{{ '| ' }}</span>\n\n          {{ acceptString }}\n        </span>\n      </div>\n    </div>\n    <ul class=\"files-list\">\n      <li *ngFor=\"let file of files\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            filePanelTemplate;\n            context: { file, $implicit: file }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n  </div>\n\n  <mat-error *ngIf=\"errorMessage\">{{ errorMessage | translate }}</mat-error>\n\n  <mat-error *ngIf=\"fileUploadErrorMessage$ | async as fileUploadErrorMessage\">\n    {{ fileUploadErrorMessage | translate }}\n  </mat-error>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [{ token: i1$1.MatDialog }, { token: i2$1.OnemRvaCDNMimeService }, { token: i3$1.TranslateService }, { token: OnemrvaMatFileUploadStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: OnemrvaMatFileUploadComponent, selector: "onemrva-mat-file-upload", inputs: { accept: "accept", maxFileSize: "maxFileSize", numberOfFiles: "numberOfFiles", uploadOnDrop: "uploadOnDrop", initialFiles: "initialFiles", errorMessage: "errorMessage", dropFilesHereTextTranslationKey: "dropFilesHereTextTranslationKey", filePanelTemplate: "filePanelTemplate", dataCy: "dataCy" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"files$ | async as files\">\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      'fu-error': errorMessage !== '',\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    <div\n      class=\"download-outer\"\n      *ngIf=\"numberOfFiles === 0 || numberOfFiles > files.length\"\n    >\n      <div class=\"download-icon\">\n        <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n      </div>\n\n      <div class=\"download-text\">\n        {{ dropFilesHereTextTranslationKey | translate }}\n        {{ 'file.upload.or' | translate }}\n        <label for=\"{{ inputId }}\" class=\"content\">\n          {{ 'file.upload.browse.for.file' | translate }} </label\n        ><br />\n        <span class=\"restrictions\" *ngIf=\"maxFileSize > 0\">\n          {{ 'file.upload.maximum' | translate }}\n          {{ maxFileSizeFormatted }}\n\n          <span *ngIf=\"accept.length > 0\">{{ '| ' }}</span>\n\n          {{ acceptString$ | async }}\n        </span>\n      </div>\n    </div>\n    <ul class=\"files-list\">\n      <li *ngFor=\"let file of files\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            filePanelTemplate;\n            context: { file, $implicit: file }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n  </div>\n\n  <mat-error *ngIf=\"errorMessage\">{{ errorMessage | translate }}</mat-error>\n\n  <mat-error *ngIf=\"fileUploadErrorMessage$ | async as fileUploadErrorMessage\">\n    {{ fileUploadErrorMessage | translate }}\n  </mat-error>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], animations: [
             trigger('inOutAnimation', [
                 state('in', style({ opacity: 1 })),
                 transition(':enter', [
@@ -679,7 +673,7 @@ class OnemrvaMatFileUploadComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-file-upload', animations: [
                         trigger('inOutAnimation', [
@@ -703,8 +697,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                                 ])),
                             ]),
                         ]),
-                    ], template: "<ng-container *ngIf=\"files$ | async as files\">\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      'fu-error': errorMessage !== '',\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString }}\"\n    />\n    <div\n      class=\"download-outer\"\n      *ngIf=\"numberOfFiles === 0 || numberOfFiles > files.length\"\n    >\n      <div class=\"download-icon\">\n        <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n      </div>\n\n      <div class=\"download-text\">\n        {{ dropFilesHereTextTranslationKey | translate }}\n        {{ 'file.upload.or' | translate }}\n        <label for=\"{{ inputId }}\" class=\"content\">\n          {{ 'file.upload.browse.for.file' | translate }} </label\n        ><br />\n        <span class=\"restrictions\" *ngIf=\"maxFileSize > 0\">\n          {{ 'file.upload.maximum' | translate }}\n          {{ maxFileSizeFormatted }}\n\n          <span *ngIf=\"acceptString.length > 0\">{{ '| ' }}</span>\n\n          {{ acceptString }}\n        </span>\n      </div>\n    </div>\n    <ul class=\"files-list\">\n      <li *ngFor=\"let file of files\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            filePanelTemplate;\n            context: { file, $implicit: file }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n  </div>\n\n  <mat-error *ngIf=\"errorMessage\">{{ errorMessage | translate }}</mat-error>\n\n  <mat-error *ngIf=\"fileUploadErrorMessage$ | async as fileUploadErrorMessage\">\n    {{ fileUploadErrorMessage | translate }}\n  </mat-error>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }, { type: i2$1.TranslateService }, { type: OnemrvaMatFileUploadStore }], propDecorators: { accept: [{
+                    ], template: "<ng-container *ngIf=\"files$ | async as files\">\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [ngClass]=\"{\n      'fu-error': errorMessage !== '',\n      filein: files.length > 0,\n    }\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    <div\n      class=\"download-outer\"\n      *ngIf=\"numberOfFiles === 0 || numberOfFiles > files.length\"\n    >\n      <div class=\"download-icon\">\n        <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n      </div>\n\n      <div class=\"download-text\">\n        {{ dropFilesHereTextTranslationKey | translate }}\n        {{ 'file.upload.or' | translate }}\n        <label for=\"{{ inputId }}\" class=\"content\">\n          {{ 'file.upload.browse.for.file' | translate }} </label\n        ><br />\n        <span class=\"restrictions\" *ngIf=\"maxFileSize > 0\">\n          {{ 'file.upload.maximum' | translate }}\n          {{ maxFileSizeFormatted }}\n\n          <span *ngIf=\"accept.length > 0\">{{ '| ' }}</span>\n\n          {{ acceptString$ | async }}\n        </span>\n      </div>\n    </div>\n    <ul class=\"files-list\">\n      <li *ngFor=\"let file of files\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            filePanelTemplate;\n            context: { file, $implicit: file }\n          \"\n        ></ng-container>\n      </li>\n    </ul>\n  </div>\n\n  <mat-error *ngIf=\"errorMessage\">{{ errorMessage | translate }}</mat-error>\n\n  <mat-error *ngIf=\"fileUploadErrorMessage$ | async as fileUploadErrorMessage\">\n    {{ fileUploadErrorMessage | translate }}\n  </mat-error>\n</ng-container>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialog }, { type: i2$1.OnemRvaCDNMimeService }, { type: i3$1.TranslateService }, { type: OnemrvaMatFileUploadStore }], propDecorators: { accept: [{
                 type: Input
             }], maxFileSize: [{
                 type: Input
@@ -736,8 +730,8 @@ const components = [
 ];
 class OnemrvaMatFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadModule, declarations: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadModule, declarations: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective], imports: [CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
             MatTooltipModule,
@@ -745,7 +739,7 @@ class OnemrvaMatFileUploadModule {
             TranslateModule,
             MatIconModule,
             MatInputModule], exports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
             MatTooltipModule,
@@ -754,7 +748,7 @@ class OnemrvaMatFileUploadModule {
             MatIconModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [components, DndDirective],