@onemrvapublic/design-system 20.5.1-develop.1 → 20.5.1-develop.2

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,38 +1,38 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, TemplateRef, ContentChildren, Input, ViewChild, Component, DestroyRef, ViewContainerRef, DOCUMENT, Directive, signal, Injectable, effect, HostBinding, EventEmitter, isDevMode, Output, ContentChild, Pipe, NgModule, ElementRef, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, input, QueryList, output, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
-import { Router, RouterLink, RouterLinkActive, NavigationEnd, RouterModule, ActivatedRoute } from '@angular/router';
+import { signal, inject, Injectable, effect, HostBinding, Input, Component, ChangeDetectorRef, TemplateRef, ContentChildren, ViewChild, Pipe, DestroyRef, ViewContainerRef, DOCUMENT, Directive, EventEmitter, isDevMode, Output, ContentChild, NgModule, ElementRef, Renderer2, HostListener, ViewEncapsulation, forwardRef, ChangeDetectionStrategy, InjectionToken, input, QueryList, output, ComponentFactoryResolver, HostAttributeToken, NgZone, RendererFactory2, ErrorHandler } from '@angular/core';
+import { Subject, takeUntil, startWith, BehaviorSubject, of, interval, take, map, catchError, tap, mergeMap, withLatestFrom, filter as filter$1, throttle, takeWhile, switchMap, forkJoin, merge, debounceTime, combineLatest, combineLatestWith, zip, pairwise, distinctUntilChanged, ReplaySubject, Subscription, timer, NEVER, shareReplay, finalize, skip, from } from 'rxjs';
+import { BreakpointObserver, Breakpoints, LayoutModule } from '@angular/cdk/layout';
 import * as i1$2 from '@angular/common';
 import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule, NgOptimizedImage, AsyncPipe, Location } from '@angular/common';
+import * as i2$1 from '@angular/material/sidenav';
+import { MatDrawer, MatDrawerContainer, MatSidenavModule } from '@angular/material/sidenav';
+import { ONEMRVA_THEME_CLASS as ONEMRVA_THEME_CLASS$1, OnemRvaCDNService as OnemRvaCDNService$1, OnemRvaSizeDirective as OnemRvaSizeDirective$1, OnemRvaColorDirective as OnemRvaColorDirective$1, OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OnemRvaOSMService as OnemRvaOSMService$1, CommonCountryLookupService as CommonCountryLookupService$1, OnemRvaCDNCountryService as OnemRvaCDNCountryService$1, IBAN_SUPPORTED_COUNTRIES as IBAN_SUPPORTED_COUNTRIES$1, SEPA_ONLY_SUPPORTED_COUNTRIES as SEPA_ONLY_SUPPORTED_COUNTRIES$1 } from '@onemrvapublic/design-system/shared';
+import { Router, NavigationEnd, RouterLink, RouterLinkActive, RouterModule, ActivatedRoute } from '@angular/router';
+import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
+import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
+import { MatDivider, MatDividerModule } from '@angular/material/divider';
+import * as i1$1 from '@onemrvapublic/design-system/mat-avatar';
+import { OnemrvaMatAvatarModule as OnemrvaMatAvatarModule$1 } from '@onemrvapublic/design-system/mat-avatar';
+import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
 import * as i1$3 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
+import * as i1$4 from '@angular/material/button';
+import { MatIconButton, MatFabButton, MatButtonModule, MatButton, MatMiniFabButton } from '@angular/material/button';
+import * as i2$2 from '@angular/material/tooltip';
+import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { MatRipple, DateAdapter, MAT_DATE_FORMATS, MatOption, ErrorStateMatcher, NativeDateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
+import { OnemrvaMatNavigationComponent as OnemrvaMatNavigationComponent$1 } from '@onemrvapublic/design-system/mat-navigation';
+import { filter, map as map$1, switchMap as switchMap$1, startWith as startWith$1, delay, takeUntil as takeUntil$1, take as take$1, tap as tap$1, first, catchError as catchError$1 } from 'rxjs/operators';
 import * as i6 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
-import { Subject, takeUntil, startWith, BehaviorSubject, of, interval, take, map, catchError, tap, mergeMap, withLatestFrom, filter as filter$1, throttle, takeWhile, switchMap, forkJoin, merge, debounceTime, combineLatest, combineLatestWith, zip, pairwise, distinctUntilChanged, ReplaySubject, Subscription, timer, NEVER, shareReplay, finalize, skip, from } from 'rxjs';
-import { BreakpointObserver, Breakpoints, LayoutModule } from '@angular/cdk/layout';
-import * as i2$1 from '@angular/material/sidenav';
-import { MatDrawer, MatDrawerContainer, MatSidenavModule } from '@angular/material/sidenav';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { filter, map as map$1, switchMap as switchMap$1, startWith as startWith$1, delay, takeUntil as takeUntil$1, take as take$1, tap as tap$1, first, catchError as catchError$1 } from 'rxjs/operators';
 import { trigger, state, transition, style, animate, AnimationBuilder, keyframes } from '@angular/animations';
-import * as i1$4 from '@angular/material/button';
-import { MatIconButton, MatFabButton, MatButtonModule, MatButton, MatMiniFabButton } from '@angular/material/button';
-import { OnemrvaMatNavigationComponent as OnemrvaMatNavigationComponent$1 } from '@onemrvapublic/design-system/mat-navigation';
 import * as i1 from '@angular/material/form-field';
 import { MatFormFieldModule, MatFormFieldControl, MatError, MatFormField, MatLabel, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import * as i2 from '@angular/material/select';
 import { MatSelectModule, MatSelect, MatOption as MatOption$1 } from '@angular/material/select';
 import * as i4 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormGroup, FormControl, Validators, FormBuilder, NgControl, NgForm, FormGroupDirective } from '@angular/forms';
-import { ONEMRVA_THEME_CLASS as ONEMRVA_THEME_CLASS$1, OnemRvaCDNService as OnemRvaCDNService$1, OnemRvaSizeDirective as OnemRvaSizeDirective$1, OnemRvaColorDirective as OnemRvaColorDirective$1, OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OnemRvaOSMService as OnemRvaOSMService$1, CommonCountryLookupService as CommonCountryLookupService$1, OnemRvaCDNCountryService as OnemRvaCDNCountryService$1, IBAN_SUPPORTED_COUNTRIES as IBAN_SUPPORTED_COUNTRIES$1, SEPA_ONLY_SUPPORTED_COUNTRIES as SEPA_ONLY_SUPPORTED_COUNTRIES$1 } from '@onemrvapublic/design-system/shared';
-import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
-import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
-import { MatDivider, MatDividerModule } from '@angular/material/divider';
-import * as i1$1 from '@onemrvapublic/design-system/mat-avatar';
-import { OnemrvaMatAvatarModule as OnemrvaMatAvatarModule$1 } from '@onemrvapublic/design-system/mat-avatar';
-import * as i2$2 from '@angular/material/tooltip';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { MatRipple, DateAdapter, MAT_DATE_FORMATS, MatOption, ErrorStateMatcher, NativeDateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { MAT_SNACK_BAR_DEFAULT_OPTIONS, MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import { mkenum, OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
@@ -73,6 +73,65 @@ import { ComponentPortal } from '@angular/cdk/portal';
 import { Overlay, OverlayPositionBuilder, OverlayContainer } from '@angular/cdk/overlay';
 import { __decorate } from 'tslib';
 
+class OnemrvaLeftSidenavService {
+    constructor() {
+        this.originalItems = [];
+        this.items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.router = inject(Router);
+        this.router.events
+            .pipe(filter((e) => e instanceof NavigationEnd))
+            .subscribe(() => this.reset());
+    }
+    setOriginal(items) {
+        this.originalItems = items ?? [];
+        this.items.set(this.originalItems);
+    }
+    updateItems(items) {
+        this.items.set(items ?? []);
+        this.items(); // ??
+    }
+    reset() {
+        this.items.set(this.originalItems);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class LayoutLeftSidenavComponent {
+    set items(value) {
+        this._items = value ?? [];
+        this.leftSidenavService.setOriginal(this._items);
+    }
+    get items() {
+        return this._items;
+    }
+    constructor() {
+        this._items = [];
+        this._isHidden = false;
+        this.leftSidenavService = inject(OnemrvaLeftSidenavService);
+        effect(() => {
+            this._isHidden = this.leftSidenavService.items().length === 0;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutLeftSidenavComponent, isStandalone: true, selector: "onemrva-layout-left-sidenav", inputs: { items: "items" }, host: { properties: { "class.hidden": "this._isHidden" } }, ngImport: i0, template: "@if (leftSidenavService.items().length > 0) {\n  <onemrva-mat-navigation\n    [items]=\"leftSidenavService.items()\"\n  ></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px;border-right:1px solid var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "component", type: OnemrvaMatNavigationComponent$1, selector: "onemrva-mat-navigation", inputs: ["items", "level", "translate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-layout-left-sidenav', imports: [OnemrvaMatNavigationComponent$1], standalone: true, template: "@if (leftSidenavService.items().length > 0) {\n  <onemrva-mat-navigation\n    [items]=\"leftSidenavService.items()\"\n  ></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px;border-right:1px solid var(--mat-sys-outline-variant)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{
+                type: Input
+            }], _isHidden: [{
+                type: HostBinding,
+                args: ['class.hidden']
+            }] } });
+
 class LayoutSubrouteComponent {
     constructor() {
         this.cd = inject(ChangeDetectorRef);
@@ -291,6 +350,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 args: [TemplateRef]
             }] } });
 
+class StripHtmlPipe {
+    transform(value) {
+        return value.replace(/<.*?>/g, ''); // replace tags
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'striphtml',
+                    standalone: true,
+                }]
+        }] });
+
 // Command to generate ng g d <Directive name>
 class DrawerHostDirective {
     constructor() {
@@ -371,36 +445,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 }]
         }] });
 
-class OnemrvaLeftSidenavService {
-    constructor() {
-        this.originalItems = [];
-        this.items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
-        this.router = inject(Router);
-        this.router.events
-            .pipe(filter((e) => e instanceof NavigationEnd))
-            .subscribe(() => this.reset());
-    }
-    setOriginal(items) {
-        this.originalItems = items ?? [];
-        this.items.set(this.originalItems);
-    }
-    updateItems(items) {
-        this.items.set(items ?? []);
-        this.items(); // ??
-    }
-    reset() {
-        this.items.set(this.originalItems);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaLeftSidenavService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
 class LayoutSidenavComponent {
     constructor() {
         this.languages = [];
@@ -526,35 +570,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 args: [TemplateRef]
             }] } });
 
-class LayoutLeftSidenavComponent {
-    set items(value) {
-        this._items = value ?? [];
-        this.leftSidenavService.setOriginal(this._items);
-    }
-    get items() {
-        return this._items;
-    }
-    constructor() {
-        this._items = [];
-        this._isHidden = false;
-        this.leftSidenavService = inject(OnemrvaLeftSidenavService);
-        effect(() => {
-            this._isHidden = this.leftSidenavService.items().length === 0;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: LayoutLeftSidenavComponent, isStandalone: true, selector: "onemrva-layout-left-sidenav", inputs: { items: "items" }, host: { properties: { "class.hidden": "this._isHidden" } }, ngImport: i0, template: "@if (leftSidenavService.items().length > 0) {\n  <onemrva-mat-navigation\n    [items]=\"leftSidenavService.items()\"\n  ></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px;border-right:1px solid var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "component", type: OnemrvaMatNavigationComponent$1, selector: "onemrva-mat-navigation", inputs: ["items", "level", "translate"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: LayoutLeftSidenavComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'onemrva-layout-left-sidenav', imports: [OnemrvaMatNavigationComponent$1], standalone: true, template: "@if (leftSidenavService.items().length > 0) {\n  <onemrva-mat-navigation\n    [items]=\"leftSidenavService.items()\"\n  ></onemrva-mat-navigation>\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{width:240px;margin-right:40px;border-right:1px solid var(--mat-sys-outline-variant)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { items: [{
-                type: Input
-            }], _isHidden: [{
-                type: HostBinding,
-                args: ['class.hidden']
-            }] } });
-
 class LayoutComponent {
     toggleTheme(newTheme) {
         this.activeTheme.set(newTheme);
@@ -823,21 +838,6 @@ const layoutComponents = [
     LayoutLeftSidenavComponent,
 ];
 
-class StripHtmlPipe {
-    transform(value) {
-        return value.replace(/<.*?>/g, ''); // replace tags
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, isStandalone: true, name: "striphtml" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: StripHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'striphtml',
-                    standalone: true,
-                }]
-        }] });
-
 function CoerceBooleanInput(defaultValue) {
     return (target, propertyKey) => {
         Object.defineProperty(target, propertyKey, {