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

package/fesm2022/onemrvapublic-design-system-layout.mjs

@@ -1,36 +1,95 @@
 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 } from '@angular/core';
-import { Router, RouterLink, RouterLinkActive, NavigationEnd, RouterModule } from '@angular/router';
-import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule } from '@angular/common';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
-import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import { signal, inject, Injectable, effect, HostBinding, Input, Component, ChangeDetectorRef, TemplateRef, ContentChildren, ViewChild, Pipe, DestroyRef, ViewContainerRef, DOCUMENT, Directive, EventEmitter, isDevMode, Output, ContentChild, NgModule } from '@angular/core';
 import { Subject, takeUntil, startWith, BehaviorSubject } from 'rxjs';
 import { BreakpointObserver, Breakpoints, LayoutModule } from '@angular/cdk/layout';
+import { NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule } from '@angular/common';
 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 } from 'rxjs/operators';
-import { trigger, state, transition, style, animate } from '@angular/animations';
-import { MatIconButton, MatFabButton, MatButtonModule } from '@angular/material/button';
-import { OnemrvaMatNavigationComponent } from '@onemrvapublic/design-system/mat-navigation';
-import * as i1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
 import { ONEMRVA_THEME_CLASS, OnemRvaCDNService, OnemRvaSizeDirective, OnemRvaColorDirective } from '@onemrvapublic/design-system/shared';
+import { Router, NavigationEnd, RouterLink, RouterLinkActive, RouterModule } 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 } from '@onemrvapublic/design-system/mat-avatar';
+import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatIconButton, MatFabButton, MatButtonModule } from '@angular/material/button';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import { MatRipple } from '@angular/material/core';
+import { OnemrvaMatNavigationComponent } from '@onemrvapublic/design-system/mat-navigation';
+import { filter } from 'rxjs/operators';
+import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { trigger, state, transition, style, animate } from '@angular/animations';
+import * as i1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
 
+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, 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], 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);
@@ -249,6 +308,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() {
@@ -329,36 +403,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 = [];
@@ -484,35 +528,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, 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], 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);
@@ -781,21 +796,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, {