@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

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

@@ -1,64 +1,58 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, input, effect, Component, NgModule } from '@angular/core';
-import { BehaviorSubject, of } from 'rxjs';
+import { inject, DestroyRef, signal, Injectable, input, effect, Component, NgModule } from '@angular/core';
 import { Router, NavigationEnd, RouterLink, RouterModule } from '@angular/router';
 import { filter } from 'rxjs/operators';
-import { NgStyle, AsyncPipe, CommonModule } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { TranslatePipe } from '@ngx-translate/core';
+import { CommonModule } from '@angular/common';
 
 class OnemrvaMatBreadcrumbService {
     constructor() {
         this.router = inject(Router);
-        // Subject emitting the breadcrumb hierarchy
-        this._breadcrumbs$ = new BehaviorSubject([]);
-        // Observable exposing the breadcrumb hierarchy
-        this.breadcrumbs$ = this._breadcrumbs$.asObservable();
+        this.destroyRef = inject(DestroyRef);
+        this._breadcrumbs = signal(this.buildFromSnapshot(), ...(ngDevMode ? [{ debugName: "_breadcrumbs" }] : []));
+        /** Readonly signal for consumers (components/templates) */
+        this.breadcrumbs = this._breadcrumbs.asReadonly();
+        // Keep it in sync after navigations
         this.router.events
-            .pipe(
-        // Filter the NavigationEnd events as the breadcrumb is updated only when the route reaches its end
-        filter(event => event instanceof NavigationEnd))
+            .pipe(filter((e) => e instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            // Construct the breadcrumb hierarchy
-            const root = this.router.routerState.snapshot.root;
-            const breadcrumbs = [];
-            this.addBreadcrumb(root, [], breadcrumbs);
-            // Emit the new hierarchy
-            this._breadcrumbs$.next(breadcrumbs);
+            this._breadcrumbs.set(this.buildFromSnapshot());
         });
     }
+    buildFromSnapshot() {
+        const root = this.router.routerState.snapshot.root;
+        const breadcrumbs = [];
+        this.addBreadcrumb(root, [], breadcrumbs);
+        return breadcrumbs;
+    }
     addBreadcrumb(route, parentUrl, breadcrumbs) {
-        if (route) {
-            // Construct the route URL
-            const routeUrl = parentUrl.concat(route.url.map(url => url.path));
-            // Add an element for the current route part
-            if (route.data['navigationTitle']) {
-                const url = '/' + routeUrl.join('/');
-                const breadcrumb = {
-                    label: route.data['navigationTitle'],
-                    url,
-                    translate: route.data['translate'] ? route.data['translate'] : false,
-                };
-                if (breadcrumbs.length > 0 &&
-                    url === breadcrumbs[breadcrumbs.length - 1].url) {
-                    breadcrumbs[breadcrumbs.length - 1] = breadcrumb;
-                }
-                else {
-                    breadcrumbs.push(breadcrumb);
-                }
-            }
-            // Add another element for the next route part
-            this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
+        if (!route)
+            return;
+        const routeUrl = parentUrl.concat(route.url.map(u => u.path));
+        const navigationTitle = route.data?.['navigationTitle'];
+        if (navigationTitle) {
+            const url = '/' + routeUrl.join('/');
+            const breadcrumb = {
+                label: navigationTitle,
+                url,
+                translate: !!route.data?.['translate'],
+            };
+            const last = breadcrumbs[breadcrumbs.length - 1];
+            if (last && last.url === url)
+                breadcrumbs[breadcrumbs.length - 1] = breadcrumb;
+            else
+                breadcrumbs.push(breadcrumb);
         }
+        this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 class OnemrvaMatBreadcrumbComponent {
@@ -67,33 +61,33 @@ class OnemrvaMatBreadcrumbComponent {
         this.breadcrumbService = inject(OnemrvaMatBreadcrumbService);
         effect(() => {
             if (this.paths() && this.paths().length > 0) {
-                this.breadcrumbs$ = of(this.paths());
+                this.breadcrumbs = this.paths;
             }
             else {
-                this.breadcrumbs$ = this.breadcrumbService.breadcrumbs$;
+                this.breadcrumbs = this.breadcrumbService.breadcrumbs;
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OnemrvaMatBreadcrumbComponent, isStandalone: true, selector: "onemrva-mat-breadcrumb", inputs: { paths: { classPropertyName: "paths", publicName: "paths", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (bc[bc.length - 1].url) {\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              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ bc[bc.length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatBreadcrumbComponent, isStandalone: true, selector: "onemrva-mat-breadcrumb", inputs: { paths: { classPropertyName: "paths", publicName: "paths", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (breadcrumbs()) {\n  <ng-container>\n    @if (breadcrumbs().length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (\n          breadcrumb of breadcrumbs();\n          track breadcrumb.label;\n          let bridx = $index\n        ) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [style.display]=\"\n              breadcrumbs().length <= 6 || bridx <= 2 ? 'list-item' : 'none'\n            \"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < breadcrumbs().length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (breadcrumbs().length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (breadcrumbs()[breadcrumbs().length - 1].url) {\n                <div\n                  [routerLink]=\"breadcrumbs()[breadcrumbs().length - 1].url\"\n                  class=\"onemrva-mat-breadcrumb-link\"\n                >\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-breadcrumb', imports: [NgStyle, RouterLink, MatIcon, AsyncPipe, TranslatePipe], standalone: true, template: "@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (bc[bc.length - 1].url) {\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              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ bc[bc.length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"] }]
+            args: [{ selector: 'onemrva-mat-breadcrumb', imports: [RouterLink, MatIcon, TranslatePipe], standalone: true, template: "@if (breadcrumbs()) {\n  <ng-container>\n    @if (breadcrumbs().length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (\n          breadcrumb of breadcrumbs();\n          track breadcrumb.label;\n          let bridx = $index\n        ) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [style.display]=\"\n              breadcrumbs().length <= 6 || bridx <= 2 ? 'list-item' : 'none'\n            \"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < breadcrumbs().length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (breadcrumbs().length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (breadcrumbs()[breadcrumbs().length - 1].url) {\n                <div\n                  [routerLink]=\"breadcrumbs()[breadcrumbs().length - 1].url\"\n                  class=\"onemrva-mat-breadcrumb-link\"\n                >\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n", styles: [".onemrva-mat-breadcrumb{display:flex;list-style:none;padding:0;align-items:baseline}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container{margin-right:8px}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container .chevron-right{margin:0 var(--spacer);font-family:var(--icon-font);content:\"\\e5e1\";line-height:1rem;font-size:1rem;vertical-align:middle;height:1rem;width:.25rem}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child) .onemrva-mat-breadcrumb-link{text-decoration:none;color:var(--mat-sys-primary);display:inline-block;font:var(--mat-sys-body-small-size)}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:not(:last-child):hover .onemrva-mat-breadcrumb-link{text-decoration:underline;color:var(--mat-sys-primary);cursor:pointer}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link{display:inline-block;text-decoration:none}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child .onemrva-mat-breadcrumb-link:hover{cursor:default}.onemrva-mat-breadcrumb .onemrva-mat-breadcrumb-link-container:last-child:hover{cursor:default}\n"] }]
         }], ctorParameters: () => [], propDecorators: { paths: [{ type: i0.Input, args: [{ isSignal: true, alias: "paths", required: false }] }] } });
 
 class OnemrvaMatBreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
             MatIconModule,
             RouterModule,
             OnemrvaMatBreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbModule, imports: [CommonModule,
             MatIconModule,
             RouterModule,
             OnemrvaMatBreadcrumbComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-breadcrumb.mjs","sources":["../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.service.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.component.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.component.html","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.module.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/index.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/onemrvapublic-design-system-mat-breadcrumb.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { OnemrvaBreadcrumb } from './onemrva-mat-breadcrumb.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class OnemrvaMatBreadcrumbService {\n  private router = inject(Router);\n\n  // Subject emitting the breadcrumb hierarchy\n  private readonly _breadcrumbs$ = new BehaviorSubject<OnemrvaBreadcrumb[]>([]);\n\n  // Observable exposing the breadcrumb hierarchy\n  readonly breadcrumbs$ = this._breadcrumbs$.asObservable();\n\n  constructor() {\n    this.router.events\n      .pipe(\n        // Filter the NavigationEnd events as the breadcrumb is updated only when the route reaches its end\n        filter(event => event instanceof NavigationEnd),\n      )\n      .subscribe(() => {\n        // Construct the breadcrumb hierarchy\n        const root = this.router.routerState.snapshot.root;\n        const breadcrumbs: OnemrvaBreadcrumb[] = [];\n        this.addBreadcrumb(root, [], breadcrumbs);\n\n        // Emit the new hierarchy\n        this._breadcrumbs$.next(breadcrumbs);\n      });\n  }\n\n  private addBreadcrumb(\n    route: ActivatedRouteSnapshot | null,\n    parentUrl: string[],\n    breadcrumbs: OnemrvaBreadcrumb[],\n  ) {\n    if (route) {\n      // Construct the route URL\n      const routeUrl = parentUrl.concat(route.url.map(url => url.path));\n\n      // Add an element for the current route part\n      if (route.data['navigationTitle']) {\n        const url = '/' + routeUrl.join('/');\n        const breadcrumb = {\n          label: route.data['navigationTitle'],\n          url,\n          translate: route.data['translate'] ? route.data['translate'] : false,\n        };\n\n        if (\n          breadcrumbs.length > 0 &&\n          url === breadcrumbs[breadcrumbs.length - 1].url\n        ) {\n          breadcrumbs[breadcrumbs.length - 1] = breadcrumb;\n        } else {\n          breadcrumbs.push(breadcrumb);\n        }\n      }\n\n      // Add another element for the next route part\n      this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);\n    }\n  }\n}\n","import { Component, effect, inject, input } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { OnemrvaBreadcrumb } from './onemrva-mat-breadcrumb.model';\nimport { OnemrvaMatBreadcrumbService } from './onemrva-mat-breadcrumb.service';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { RouterLink } from '@angular/router';\nimport { MatIcon } from '@angular/material/icon';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n  selector: 'onemrva-mat-breadcrumb',\n  templateUrl: 'onemrva-mat-breadcrumb.component.html',\n  styleUrls: ['onemrva-mat-breadcrumb.component.scss'],\n  imports: [NgStyle, RouterLink, MatIcon, AsyncPipe, TranslatePipe],\n  standalone: true,\n})\nexport class OnemrvaMatBreadcrumbComponent {\n  public paths = input<OnemrvaBreadcrumb[]>([]);\n\n  breadcrumbs$!: Observable<OnemrvaBreadcrumb[]>;\n\n  breadcrumbService = inject(OnemrvaMatBreadcrumbService);\n\n  constructor() {\n    effect(() => {\n      if (this.paths() && this.paths().length > 0) {\n        this.breadcrumbs$ = of(this.paths());\n      } else {\n        this.breadcrumbs$ = this.breadcrumbService.breadcrumbs$;\n      }\n    });\n  }\n  // ngOnInit(): void {\n  //   if (this.fakePath) {\n  //     this.breadcrumbs$ = of(\n  //       this.fakePath.map(path => ({\n  //         label: path,\n  //         url: path,\n  //         translate: false,\n  //       })),\n  //     );\n  //   } else {\n  //     this.breadcrumbs$ = this.breadcrumbService.breadcrumbs$;\n  //   }\n  // }\n}\n","@if (breadcrumbs$ | async; as bc) {\n  <ng-container>\n    @if (bc.length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (breadcrumb of bc; track breadcrumb.label; let bridx = $index) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [ngStyle]=\"{\n              display: bc.length <= 6 || bridx <= 2 ? 'list-item' : 'none',\n            }\"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < bc.length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (bc.length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (bc[bc.length - 1].url) {\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              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ bc[bc.length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { OnemrvaMatBreadcrumbComponent } from './onemrva-mat-breadcrumb.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    RouterModule,\n    OnemrvaMatBreadcrumbComponent,\n  ],\n  exports: [],\n})\nexport class OnemrvaMatBreadcrumbModule {}\n","/*\n * Public API Surface of mat-breadcrumb\n */\n\nexport * from './src/onemrva-mat-breadcrumb.component';\nexport * from './src/onemrva-mat-breadcrumb.module';\nexport * from './src/onemrva-mat-breadcrumb.model';\nexport * from './src/onemrva-mat-breadcrumb.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-breadcrumb.mjs","sources":["../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.service.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.component.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.component.html","../../../../projects/onemrva/design-system/mat-breadcrumb/src/onemrva-mat-breadcrumb.module.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/index.ts","../../../../projects/onemrva/design-system/mat-breadcrumb/onemrvapublic-design-system-mat-breadcrumb.ts"],"sourcesContent":["import { DestroyRef, Injectable, Signal, inject, signal } from '@angular/core';\nimport { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { OnemrvaBreadcrumb } from './onemrva-mat-breadcrumb.model';\n\n@Injectable({ providedIn: 'root' })\nexport class OnemrvaMatBreadcrumbService {\n  private readonly router = inject(Router);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private readonly _breadcrumbs = signal<OnemrvaBreadcrumb[]>(\n    this.buildFromSnapshot(),\n  );\n\n  /** Readonly signal for consumers (components/templates) */\n  readonly breadcrumbs: Signal<OnemrvaBreadcrumb[]> =\n    this._breadcrumbs.asReadonly();\n\n  constructor() {\n    // Keep it in sync after navigations\n    this.router.events\n      .pipe(\n        filter((e): e is NavigationEnd => e instanceof NavigationEnd),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe(() => {\n        this._breadcrumbs.set(this.buildFromSnapshot());\n      });\n  }\n\n  private buildFromSnapshot(): OnemrvaBreadcrumb[] {\n    const root = this.router.routerState.snapshot.root;\n    const breadcrumbs: OnemrvaBreadcrumb[] = [];\n    this.addBreadcrumb(root, [], breadcrumbs);\n    return breadcrumbs;\n  }\n\n  private addBreadcrumb(\n    route: ActivatedRouteSnapshot | null,\n    parentUrl: string[],\n    breadcrumbs: OnemrvaBreadcrumb[],\n  ): void {\n    if (!route) return;\n\n    const routeUrl = parentUrl.concat(route.url.map(u => u.path));\n\n    const navigationTitle = route.data?.['navigationTitle'];\n    if (navigationTitle) {\n      const url = '/' + routeUrl.join('/');\n\n      const breadcrumb: OnemrvaBreadcrumb = {\n        label: navigationTitle,\n        url,\n        translate: !!route.data?.['translate'],\n      };\n\n      const last = breadcrumbs[breadcrumbs.length - 1];\n      if (last && last.url === url)\n        breadcrumbs[breadcrumbs.length - 1] = breadcrumb;\n      else breadcrumbs.push(breadcrumb);\n    }\n\n    this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);\n  }\n}\n","import { Component, effect, inject, input, Signal } from '@angular/core';\nimport { OnemrvaBreadcrumb } from './onemrva-mat-breadcrumb.model';\nimport { OnemrvaMatBreadcrumbService } from './onemrva-mat-breadcrumb.service';\nimport { RouterLink } from '@angular/router';\nimport { MatIcon } from '@angular/material/icon';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n  selector: 'onemrva-mat-breadcrumb',\n  templateUrl: 'onemrva-mat-breadcrumb.component.html',\n  styleUrls: ['onemrva-mat-breadcrumb.component.scss'],\n  imports: [RouterLink, MatIcon, TranslatePipe],\n  standalone: true,\n})\nexport class OnemrvaMatBreadcrumbComponent {\n  public paths = input<OnemrvaBreadcrumb[]>([]);\n\n  breadcrumbs!: Signal<OnemrvaBreadcrumb[]>;\n\n  breadcrumbService = inject(OnemrvaMatBreadcrumbService);\n\n  constructor() {\n    effect(() => {\n      if (this.paths() && this.paths().length > 0) {\n        this.breadcrumbs = this.paths;\n      } else {\n        this.breadcrumbs = this.breadcrumbService.breadcrumbs;\n      }\n    });\n  }\n}\n","@if (breadcrumbs()) {\n  <ng-container>\n    @if (breadcrumbs().length > 0) {\n      <ul class=\"onemrva-mat-breadcrumb\">\n        @for (\n          breadcrumb of breadcrumbs();\n          track breadcrumb.label;\n          let bridx = $index\n        ) {\n          <li\n            class=\"onemrva-mat-breadcrumb-link-container\"\n            [style.display]=\"\n              breadcrumbs().length <= 6 || bridx <= 2 ? 'list-item' : 'none'\n            \"\n          >\n            <div\n              [routerLink]=\"breadcrumb.url\"\n              class=\"onemrva-mat-breadcrumb-link\"\n            >\n              @if (breadcrumb.translate) {\n                {{ breadcrumb.label | translate }}\n              } @else {\n                {{ breadcrumb.label }}\n              }\n            </div>\n\n            @if (bridx < breadcrumbs().length - 1) {\n              <mat-icon class=\"chevron-right\" style=\"width: 10px\"\n                >chevron_right</mat-icon\n              >\n            }\n          </li>\n          @if (breadcrumbs().length > 6) {\n            <li\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 class=\"onemrva-mat-breadcrumb-link-container\">\n              @if (breadcrumbs()[breadcrumbs().length - 1].url) {\n                <div\n                  [routerLink]=\"breadcrumbs()[breadcrumbs().length - 1].url\"\n                  class=\"onemrva-mat-breadcrumb-link\"\n                >\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              } @else {\n                <div class=\"onemrva-mat-breadcrumb-link\">\n                  {{ breadcrumbs()[breadcrumbs().length - 1].label }}\n                </div>\n              }\n            </li>\n          }\n        }\n      </ul>\n    }\n  </ng-container>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { OnemrvaMatBreadcrumbComponent } from './onemrva-mat-breadcrumb.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    RouterModule,\n    OnemrvaMatBreadcrumbComponent,\n  ],\n  exports: [],\n})\nexport class OnemrvaMatBreadcrumbModule {}\n","/*\n * Public API Surface of mat-breadcrumb\n */\n\nexport * from './src/onemrva-mat-breadcrumb.component';\nexport * from './src/onemrva-mat-breadcrumb.module';\nexport * from './src/onemrva-mat-breadcrumb.model';\nexport * from './src/onemrva-mat-breadcrumb.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,45 +1,43 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, TemplateRef, HostBinding, ViewChild, Component, Renderer2, HostListener, Input, ContentChildren, ViewEncapsulation } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { viewChild, TemplateRef, signal, inject, ElementRef, Component, contentChildren, input, Renderer2, ViewEncapsulation } from '@angular/core';
+import { NgStyle } from '@angular/common';
 import { AnimationBuilder, animate, style, trigger, transition } from '@angular/animations';
-import * as i2 from '@angular/material/button';
+import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { Subject, interval, takeUntil } from 'rxjs';
 import { MatTooltip } from '@angular/material/tooltip';
 
 class OnemrvaMatCarouselItemComponent {
     constructor() {
+        this.tpl = viewChild.required(TemplateRef);
+        this.show = signal(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
         this.element = inject(ElementRef);
-        this.show = false;
         this.nativeElement = this.element.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatCarouselItemComponent, isStandalone: true, selector: "onemrva-mat-carousel-item", host: { properties: { "class.show": "show()" } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content />\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatCarouselItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-carousel-item', standalone: true, imports: [], template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { tpl: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], show: [{
-                type: HostBinding,
-                args: ['class.show']
-            }] } });
+            args: [{ selector: 'onemrva-mat-carousel-item', standalone: true, imports: [], host: {
+                        '[class.show]': 'show()',
+                    }, template: "<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content />\n", styles: [":host{vertical-align:top;position:relative;display:inline-block;opacity:1;transition:opacity .5s ease-in-out}:host.semiTransparent{opacity:.3}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tpl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 
 class OnemrvaMatCarouselComponent {
     constructor() {
-        this.timing = '250ms ease-in';
-        this.gap = 32;
-        this.padding = 64;
-        this.showControls = true;
-        this.autoplay = 0;
-        this.showDots = true;
+        this.items = contentChildren(OnemrvaMatCarouselItemComponent, ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.carousel = viewChild.required('carouselWrapper');
+        this.timing = input('250ms ease-in', ...(ngDevMode ? [{ debugName: "timing" }] : []));
+        this.gap = input(32, ...(ngDevMode ? [{ debugName: "gap" }] : []));
+        this.padding = input(64, ...(ngDevMode ? [{ debugName: "padding" }] : []));
+        this.showControls = input(true, ...(ngDevMode ? [{ debugName: "showControls" }] : []));
+        this.autoplay = input(0, ...(ngDevMode ? [{ debugName: "autoplay" }] : []));
+        this.showDots = input(true, ...(ngDevMode ? [{ debugName: "showDots" }] : []));
         this.currentSlide = 0;
         this.carouselWrapperStyle = {};
         this.width = 0;
@@ -50,8 +48,8 @@ class OnemrvaMatCarouselComponent {
         this.nativeElement = this.element.nativeElement;
     }
     ngOnInit() {
-        if (this.autoplay > 0) {
-            interval(this.autoplay)
+        if (this.autoplay() > 0) {
+            interval(this.autoplay())
                 .pipe(takeUntil(this.destroyed))
                 .subscribe(_i => {
                 this.next();
@@ -63,21 +61,21 @@ class OnemrvaMatCarouselComponent {
         this.destroyed.complete();
     }
     onResize(_event) {
-        this.width = this.nativeElement.offsetWidth - 2 * this.padding;
-        this.items.forEach(item => {
+        this.width = this.nativeElement.offsetWidth - 2 * this.padding();
+        this.items().forEach(item => {
             this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);
-            this.renderer.setStyle(item.nativeElement, 'margin-right', `${this.gap}px`);
+            this.renderer.setStyle(item.nativeElement, 'margin-right', `${this.gap()}px`);
             this.animate();
         });
         this.resize();
     }
     buildAnimation(offset) {
         return this.builder.build([
-            animate(this.timing, style({ transform: `translateX(-${offset}px)` })),
+            animate(this.timing(), style({ transform: `translateX(-${offset}px)` })),
         ]);
     }
     goto(index) {
-        if (index >= 0 && index < this.items.length) {
+        if (index >= 0 && index < this.items().length) {
             this.currentSlide = index;
             this.animate();
             this.opacify();
@@ -85,7 +83,7 @@ class OnemrvaMatCarouselComponent {
     }
     next() {
         //if( this.currentSlide + 1 === this.items.length ) return;
-        this.currentSlide = (this.currentSlide + 1) % this.items.length;
+        this.currentSlide = (this.currentSlide + 1) % this.items().length;
         this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;
         this.animate();
         this.opacify();
@@ -94,14 +92,14 @@ class OnemrvaMatCarouselComponent {
         if (this.currentSlide === 0)
             return;
         this.currentSlide =
-            (this.currentSlide - 1 + this.items.length) % this.items.length;
+            (this.currentSlide - 1 + this.items().length) % this.items().length;
         this.animate();
         this.opacify();
     }
     animate() {
-        const offset = this.currentSlide * (this.width + this.gap);
+        const offset = this.currentSlide * (this.width + this.gap());
         const myAnimation = this.buildAnimation(offset);
-        this.player = myAnimation.create(this.carousel.nativeElement);
+        this.player = myAnimation.create(this.carousel().nativeElement);
         this.player.play();
     }
     ngAfterViewInit() {
@@ -112,15 +110,15 @@ class OnemrvaMatCarouselComponent {
         this.opacify();
     }
     hasPrev() {
-        return this.items.length > 0 && this.showControls && this.currentSlide > 0;
+        return (this.items().length > 0 && this.showControls() && this.currentSlide > 0);
     }
     hasNext() {
-        return (this.items.length > 0 &&
-            this.showControls &&
-            this.currentSlide < this.items.length - 1);
+        return (this.items().length > 0 &&
+            this.showControls() &&
+            this.currentSlide < this.items().length - 1);
     }
     opacify() {
-        this.items.forEach((item, index) => {
+        this.items().forEach((item, index) => {
             if (index !== this.currentSlide) {
                 item.nativeElement.className = 'semiTransparent';
             }
@@ -131,20 +129,20 @@ class OnemrvaMatCarouselComponent {
     }
     resize() {
         let biggest = 80;
-        this.items.forEach(item => {
+        this.items().forEach(item => {
             item.nativeElement.style.height = 'auto';
         });
-        this.items.forEach(item => {
+        this.items().forEach(item => {
             if (item.nativeElement.offsetHeight > biggest) {
                 biggest = item.nativeElement.offsetHeight;
             }
         });
-        this.items.forEach(item => {
+        this.items().forEach(item => {
             item.nativeElement.style.height = biggest + 'px';
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatCarouselComponent, isStandalone: true, selector: "onemrva-mat-carousel", inputs: { timing: { classPropertyName: "timing", publicName: "timing", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, showControls: { classPropertyName: "showControls", publicName: "showControls", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, showDots: { classPropertyName: "showDots", publicName: "showDots", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize($event)" } }, queries: [{ propertyName: "items", predicate: OnemrvaMatCarouselItemComponent, isSignal: true }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carouselWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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 />\n</section>\n\n@if (showDots()) {\n  <div class=\"dots\">\n    @for (item of items(); track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], animations: [
             trigger('inOutAnimation', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -157,15 +155,17 @@ class OnemrvaMatCarouselComponent {
             ]),
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-carousel', standalone: true, imports: [
-                        CommonModule,
                         MatButtonModule,
                         MatIconModule,
                         TranslateModule,
                         MatTooltip,
-                    ], encapsulation: ViewEncapsulation.Emulated, animations: [
+                        NgStyle,
+                    ], encapsulation: ViewEncapsulation.Emulated, host: {
+                        '(window:resize)': 'onResize($event)',
+                    }, animations: [
                         trigger('inOutAnimation', [
                             transition(':enter', [
                                 style({ opacity: 0 }),
@@ -176,29 +176,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                                 animate('1000ms ease-in', style({ opacity: 0 })),
                             ]),
                         ]),
-                    ], template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { items: [{
-                type: ContentChildren,
-                args: [OnemrvaMatCarouselItemComponent]
-            }], carousel: [{
-                type: ViewChild,
-                args: ['carouselWrapper']
-            }], timing: [{
-                type: Input
-            }], gap: [{
-                type: Input
-            }], padding: [{
-                type: Input
-            }], showControls: [{
-                type: Input
-            }], autoplay: [{
-                type: Input
-            }], showDots: [{
-                type: Input
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
+                    ], template: "@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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 />\n</section>\n\n@if (showDots()) {\n  <div class=\"dots\">\n    @for (item of items(); track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n", styles: [":host{position:relative;display:block;width:calc(100% - 128px);overflow:hidden;padding:0 calc(var(--spacer) * 8)}:host .carousel-wrapper{display:block;width:60000px;position:relative;overflow:hidden;margin:0;padding:0}:host .controls{position:absolute;top:calc(50% - 2rem);z-index:6}:host .controls.next{float:right;right:2rem}:host .controls.previous{float:left;left:2rem}:host .dots{text-align:center;margin-top:var(--spacer)}:host .dots .dot{cursor:pointer;width:.75rem;height:.75rem;margin:var(--spacer);background-color:var(--mat-sys-outline-variant);border-radius:50%;display:inline-block;transition:background-color .6s ease}:host .dots .dot.active{background-color:var(--mat-sys-primary)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OnemrvaMatCarouselItemComponent), { isSignal: true }] }], carousel: [{ type: i0.ViewChild, args: ['carouselWrapper', { isSignal: true }] }], timing: [{ type: i0.Input, args: [{ isSignal: true, alias: "timing", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], showDots: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDots", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-carousel.mjs","sources":["../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.html","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.html","../../../../projects/onemrva/design-system/mat-carousel/onemrvapublic-design-system-mat-carousel.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostBinding,\n  TemplateRef,\n  ViewChild,\n  inject,\n} from '@angular/core';\n\n@Component({\n  selector: 'onemrva-mat-carousel-item',\n  standalone: true,\n  imports: [],\n  templateUrl: './onemrva-mat-carousel-item.component.html',\n  styleUrl: './onemrva-mat-carousel-item.component.scss',\n})\nexport class OnemrvaMatCarouselItemComponent {\n  @ViewChild(TemplateRef) tpl!: TemplateRef<any>;\n\n  public nativeElement: HTMLElement;\n\n  element: ElementRef = inject(ElementRef);\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  @HostBinding('class.show')\n  public show = false;\n}\n","<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content></ng-content>\n","import {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatCarouselItemComponent } from './mat-carousel-item/onemrva-mat-carousel-item.component';\nimport {\n  animate,\n  AnimationBuilder,\n  AnimationFactory,\n  AnimationPlayer,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'onemrva-mat-carousel',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    TranslateModule,\n    MatTooltip,\n  ],\n  templateUrl: './onemrva-mat-carousel.component.html',\n  styleUrl: './onemrva-mat-carousel.component.scss',\n  encapsulation: ViewEncapsulation.Emulated,\n  animations: [\n    trigger('inOutAnimation', [\n      transition(':enter', [\n        style({ opacity: 0 }),\n        animate('1000ms ease-out', style({ opacity: 1 })),\n      ]),\n      transition(':leave', [\n        style({ opacity: 1 }),\n        animate('1000ms ease-in', style({ opacity: 0 })),\n      ]),\n    ]),\n  ],\n})\nexport class OnemrvaMatCarouselComponent\n  implements AfterViewInit, OnInit, OnDestroy\n{\n  @ContentChildren(OnemrvaMatCarouselItemComponent)\n  items!: QueryList<OnemrvaMatCarouselItemComponent>;\n\n  nativeElement: HTMLElement;\n\n  @ViewChild('carouselWrapper')\n  carousel!: ElementRef;\n\n  private player?: AnimationPlayer;\n\n  @Input() timing = '250ms ease-in';\n  @Input() gap = 32;\n  @Input() padding = 64;\n  @Input() showControls = true;\n  @Input() autoplay = 0;\n  @Input() showDots = true;\n\n  public currentSlide = 0;\n  carouselWrapperStyle = {};\n\n  width = 0;\n  destroyed: Subject<any> = new Subject<any>();\n\n  builder: AnimationBuilder = inject(AnimationBuilder);\n  element: ElementRef = inject(ElementRef);\n  renderer: Renderer2 = inject(Renderer2);\n\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  ngOnInit() {\n    if (this.autoplay > 0) {\n      interval(this.autoplay)\n        .pipe(takeUntil(this.destroyed))\n        .subscribe(_i => {\n          this.next();\n        });\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyed.next(null);\n    this.destroyed.complete();\n  }\n\n  @HostListener('window:resize', ['$event'])\n  onResize(_event: any) {\n    this.width = this.nativeElement.offsetWidth - 2 * this.padding;\n    this.items.forEach(item => {\n      this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);\n      this.renderer.setStyle(\n        item.nativeElement,\n        'margin-right',\n        `${this.gap}px`,\n      );\n      this.animate();\n    });\n    this.resize();\n  }\n\n  buildAnimation(offset: number) {\n    return this.builder.build([\n      animate(this.timing, style({ transform: `translateX(-${offset}px)` })),\n    ]);\n  }\n\n  goto(index: number) {\n    if (index >= 0 && index < this.items.length) {\n      this.currentSlide = index;\n      this.animate();\n      this.opacify();\n    }\n  }\n\n  next() {\n    //if( this.currentSlide + 1 === this.items.length ) return;\n    this.currentSlide = (this.currentSlide + 1) % this.items.length;\n    this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;\n\n    this.animate();\n    this.opacify();\n  }\n\n  prev() {\n    if (this.currentSlide === 0) return;\n    this.currentSlide =\n      (this.currentSlide - 1 + this.items.length) % this.items.length;\n    this.animate();\n    this.opacify();\n  }\n\n  animate() {\n    const offset = this.currentSlide * (this.width + this.gap);\n    const myAnimation: AnimationFactory = this.buildAnimation(offset);\n    this.player = myAnimation.create(this.carousel.nativeElement);\n    this.player.play();\n  }\n\n  ngAfterViewInit() {\n    this.width = this.nativeElement.offsetWidth;\n    setTimeout(() => {\n      this.onResize(null);\n    }, 10);\n    this.opacify();\n  }\n\n  hasPrev() {\n    return this.items.length > 0 && this.showControls && this.currentSlide > 0;\n  }\n\n  hasNext() {\n    return (\n      this.items.length > 0 &&\n      this.showControls &&\n      this.currentSlide < this.items.length - 1\n    );\n  }\n\n  opacify() {\n    this.items.forEach((item, index) => {\n      if (index !== this.currentSlide) {\n        item.nativeElement.className = 'semiTransparent';\n      } else {\n        item.nativeElement.className = '';\n      }\n    });\n  }\n  resize() {\n    let biggest = 80;\n\n    this.items.forEach(item => {\n      item.nativeElement.style.height = 'auto';\n    });\n    this.items.forEach(item => {\n      if (item.nativeElement.offsetHeight > biggest) {\n        biggest = item.nativeElement.offsetHeight;\n      }\n    });\n    this.items.forEach(item => {\n      item.nativeElement.style.height = biggest + 'px';\n    });\n  }\n}\n","@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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@if (showDots) {\n  <div class=\"dots\">\n    @for (item of items; track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items.length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-carousel.mjs","sources":["../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/mat-carousel-item/onemrva-mat-carousel-item.component.html","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.ts","../../../../projects/onemrva/design-system/mat-carousel/src/onemrva-mat-carousel.component.html","../../../../projects/onemrva/design-system/mat-carousel/onemrvapublic-design-system-mat-carousel.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  TemplateRef,\n  inject,\n  viewChild,\n  signal,\n} from '@angular/core';\n\n@Component({\n  selector: 'onemrva-mat-carousel-item',\n  standalone: true,\n  imports: [],\n  templateUrl: './onemrva-mat-carousel-item.component.html',\n  styleUrl: './onemrva-mat-carousel-item.component.scss',\n  host: {\n    '[class.show]': 'show()',\n  },\n})\nexport class OnemrvaMatCarouselItemComponent {\n  readonly tpl = viewChild.required(TemplateRef);\n\n  public nativeElement: HTMLElement;\n\n  readonly show = signal(false);\n\n  element: ElementRef = inject(ElementRef);\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n}\n","<!--<ng-template>-->\n<!--    <ng-content></ng-content>-->\n<!--</ng-template>-->\n\n<ng-content />\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  inject,\n  OnDestroy,\n  OnInit,\n  Renderer2,\n  ViewEncapsulation,\n  input,\n  contentChildren,\n  viewChild,\n} from '@angular/core';\nimport { NgStyle } from '@angular/common';\nimport { OnemrvaMatCarouselItemComponent } from './mat-carousel-item/onemrva-mat-carousel-item.component';\nimport {\n  animate,\n  AnimationBuilder,\n  AnimationFactory,\n  AnimationPlayer,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'onemrva-mat-carousel',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    TranslateModule,\n    MatTooltip,\n    NgStyle,\n  ],\n  templateUrl: './onemrva-mat-carousel.component.html',\n  styleUrl: './onemrva-mat-carousel.component.scss',\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    '(window:resize)': 'onResize($event)',\n  },\n  animations: [\n    trigger('inOutAnimation', [\n      transition(':enter', [\n        style({ opacity: 0 }),\n        animate('1000ms ease-out', style({ opacity: 1 })),\n      ]),\n      transition(':leave', [\n        style({ opacity: 1 }),\n        animate('1000ms ease-in', style({ opacity: 0 })),\n      ]),\n    ]),\n  ],\n})\nexport class OnemrvaMatCarouselComponent\n  implements AfterViewInit, OnInit, OnDestroy\n{\n  readonly items = contentChildren(OnemrvaMatCarouselItemComponent);\n\n  nativeElement: HTMLElement;\n\n  readonly carousel = viewChild.required<ElementRef>('carouselWrapper');\n\n  private player?: AnimationPlayer;\n\n  readonly timing = input('250ms ease-in');\n  readonly gap = input(32);\n  readonly padding = input(64);\n  readonly showControls = input(true);\n  readonly autoplay = input(0);\n  readonly showDots = input(true);\n\n  public currentSlide = 0;\n  carouselWrapperStyle = {};\n\n  width = 0;\n  destroyed: Subject<any> = new Subject<any>();\n\n  builder: AnimationBuilder = inject(AnimationBuilder);\n  element: ElementRef = inject(ElementRef);\n  renderer: Renderer2 = inject(Renderer2);\n\n  constructor() {\n    this.nativeElement = this.element.nativeElement;\n  }\n\n  ngOnInit() {\n    if (this.autoplay() > 0) {\n      interval(this.autoplay())\n        .pipe(takeUntil(this.destroyed))\n        .subscribe(_i => {\n          this.next();\n        });\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyed.next(null);\n    this.destroyed.complete();\n  }\n\n  onResize(_event: any) {\n    this.width = this.nativeElement.offsetWidth - 2 * this.padding();\n    this.items().forEach(item => {\n      this.renderer.setStyle(item.nativeElement, 'width', `${this.width}px`);\n      this.renderer.setStyle(\n        item.nativeElement,\n        'margin-right',\n        `${this.gap()}px`,\n      );\n      this.animate();\n    });\n    this.resize();\n  }\n\n  buildAnimation(offset: number) {\n    return this.builder.build([\n      animate(this.timing(), style({ transform: `translateX(-${offset}px)` })),\n    ]);\n  }\n\n  goto(index: number) {\n    if (index >= 0 && index < this.items().length) {\n      this.currentSlide = index;\n      this.animate();\n      this.opacify();\n    }\n  }\n\n  next() {\n    //if( this.currentSlide + 1 === this.items.length ) return;\n    this.currentSlide = (this.currentSlide + 1) % this.items().length;\n    this.currentSlide = isNaN(this.currentSlide) ? 1 : this.currentSlide;\n\n    this.animate();\n    this.opacify();\n  }\n\n  prev() {\n    if (this.currentSlide === 0) return;\n    this.currentSlide =\n      (this.currentSlide - 1 + this.items().length) % this.items().length;\n    this.animate();\n    this.opacify();\n  }\n\n  animate() {\n    const offset = this.currentSlide * (this.width + this.gap());\n    const myAnimation: AnimationFactory = this.buildAnimation(offset);\n    this.player = myAnimation.create(this.carousel().nativeElement);\n    this.player.play();\n  }\n\n  ngAfterViewInit() {\n    this.width = this.nativeElement.offsetWidth;\n    setTimeout(() => {\n      this.onResize(null);\n    }, 10);\n    this.opacify();\n  }\n\n  hasPrev() {\n    return (\n      this.items().length > 0 && this.showControls() && this.currentSlide > 0\n    );\n  }\n\n  hasNext() {\n    return (\n      this.items().length > 0 &&\n      this.showControls() &&\n      this.currentSlide < this.items().length - 1\n    );\n  }\n\n  opacify() {\n    this.items().forEach((item, index) => {\n      if (index !== this.currentSlide) {\n        item.nativeElement.className = 'semiTransparent';\n      } else {\n        item.nativeElement.className = '';\n      }\n    });\n  }\n  resize() {\n    let biggest = 80;\n\n    this.items().forEach(item => {\n      item.nativeElement.style.height = 'auto';\n    });\n    this.items().forEach(item => {\n      if (item.nativeElement.offsetHeight > biggest) {\n        biggest = item.nativeElement.offsetHeight;\n      }\n    });\n    this.items().forEach(item => {\n      item.nativeElement.style.height = biggest + 'px';\n    });\n  }\n}\n","@if (hasPrev()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"prev()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.previous' | translate\"\n    [matTooltip]=\"'carousel.previous' | translate\"\n    class=\"controls previous\"\n  >\n    <mat-icon class=\"large\">chevron_left</mat-icon>\n  </button>\n}\n@if (hasNext()) {\n  <button\n    [@inOutAnimation]\n    (click)=\"next()\"\n    mat-icon-button\n    color=\"primary\"\n    [attr.aria-label]=\"'carousel.next' | translate\"\n    [matTooltip]=\"'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 />\n</section>\n\n@if (showDots()) {\n  <div class=\"dots\">\n    @for (item of items(); track item; let dotidx = $index) {\n      <span\n        tabindex=\"1\"\n        class=\"dot\"\n        role=\"button\"\n        [attr.aria-label]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [matTooltip]=\"\n          ('carousel.goto' | translate) +\n          ' ' +\n          (dotidx + 1) +\n          '/' +\n          items().length\n        \"\n        [class.active]=\"dotidx === currentSlide\"\n        (click)=\"goto(dotidx)\"\n      ></span>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAmBa,+BAA+B,CAAA;AAQ1C,IAAA,WAAA,GAAA;AAPS,QAAA,IAAA,CAAA,GAAG,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;AAIrC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,KAAK,gDAAC;AAE7B,QAAA,IAAA,CAAA,OAAO,GAAe,MAAM,CAAC,UAAU,CAAC;QAEtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa;IACjD;8GAVW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACR,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB/C,uGAKA,EAAA,MAAA,EAAA,CAAA,kJAAA,CAAA,EAAA,CAAA,CAAA;;2FDca,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAV3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,cAAc,EAAE,QAAQ;AACzB,qBAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,MAAA,EAAA,CAAA,kJAAA,CAAA,EAAA;+GAGiC,WAAW,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEuClC,2BAA2B,CAAA;AA4BtC,IAAA,WAAA,GAAA;AAzBS,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,+BAA+B,iDAAC;AAIxD,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAa,iBAAiB,CAAC;AAI5D,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,eAAe,kDAAC;AAC/B,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,EAAE,+CAAC;AACf,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,EAAE,mDAAC;AACnB,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,IAAI,wDAAC;AAC1B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,oDAAC;AACnB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,oDAAC;QAExB,IAAA,CAAA,YAAY,GAAG,CAAC;QACvB,IAAA,CAAA,oBAAoB,GAAG,EAAE;QAEzB,IAAA,CAAA,KAAK,GAAG,CAAC;AACT,QAAA,IAAA,CAAA,SAAS,GAAiB,IAAI,OAAO,EAAO;AAE5C,QAAA,IAAA,CAAA,OAAO,GAAqB,MAAM,CAAC,gBAAgB,CAAC;AACpD,QAAA,IAAA,CAAA,OAAO,GAAe,MAAM,CAAC,UAAU,CAAC;AACxC,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,SAAS,CAAC;QAGrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa;IACjD;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE;AACvB,YAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE;AACrB,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;iBAC9B,SAAS,CAAC,EAAE,IAAG;gBACd,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,CAAC,CAAC;QACN;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;IAC3B;AAEA,IAAA,QAAQ,CAAC,MAAW,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;QAChE,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,IAAG;AAC1B,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,EAAA,CAAI,CAAC;AACtE,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,aAAa,EAClB,cAAc,EACd,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,CAClB;YACD,IAAI,CAAC,OAAO,EAAE;AAChB,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,MAAM,EAAE;IACf;AAEA,IAAA,cAAc,CAAC,MAAc,EAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;AACxB,YAAA,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA,YAAA,EAAe,MAAM,CAAA,GAAA,CAAK,EAAE,CAAC,CAAC;AACzE,SAAA,CAAC;IACJ;AAEA,IAAA,IAAI,CAAC,KAAa,EAAA;AAChB,QAAA,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE;AAC7C,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;YACzB,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,EAAE;QAChB;IACF;IAEA,IAAI,GAAA;;AAEF,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;AACjE,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY;QAEpE,IAAI,CAAC,OAAO,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;IAChB;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;YAAE;AAC7B,QAAA,IAAI,CAAC,YAAY;YACf,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;QACrE,IAAI,CAAC,OAAO,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;IAChB;IAEA,OAAO,GAAA;AACL,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5D,MAAM,WAAW,GAAqB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;AACjE,QAAA,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC;AAC/D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW;QAC3C,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC;QACN,IAAI,CAAC,OAAO,EAAE;IAChB;IAEA,OAAO,GAAA;QACL,QACE,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC;IAE3E;IAEA,OAAO,GAAA;QACL,QACE,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC;IAE/C;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACnC,YAAA,IAAI,KAAK,KAAK,IAAI,CAAC,YAAY,EAAE;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,iBAAiB;YAClD;iBAAO;AACL,gBAAA,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE;YACnC;AACF,QAAA,CAAC,CAAC;IACJ;IACA,MAAM,GAAA;QACJ,IAAI,OAAO,GAAG,EAAE;QAEhB,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,IAAG;YAC1B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AAC1C,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,IAAG;YAC1B,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,OAAO,EAAE;AAC7C,gBAAA,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY;YAC3C;AACF,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,IAAG;YAC1B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI;AAClD,QAAA,CAAC,CAAC;IACJ;8GAhJW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAGL,+BAA+B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9DlE,q7CA6DA,mvBD3BI,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,UAAA,EAQG;YACV,OAAO,CAAC,gBAAgB,EAAE;gBACxB,UAAU,CAAC,QAAQ,EAAE;AACnB,oBAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;oBACrB,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;iBAClD,CAAC;gBACF,UAAU,CAAC,QAAQ,EAAE;AACnB,oBAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;oBACrB,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;iBACjD,CAAC;aACH,CAAC;AACH,SAAA,EAAA,CAAA,CAAA;;2FAEU,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBA7BvC,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,OAAA,EACP;wBACP,eAAe;wBACf,aAAa;wBACb,eAAe;wBACf,UAAU;wBACV,OAAO;qBACR,EAAA,aAAA,EAGc,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;AACJ,wBAAA,iBAAiB,EAAE,kBAAkB;qBACtC,EAAA,UAAA,EACW;wBACV,OAAO,CAAC,gBAAgB,EAAE;4BACxB,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gCACrB,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BAClD,CAAC;4BACF,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gCACrB,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BACjD,CAAC;yBACH,CAAC;AACH,qBAAA,EAAA,QAAA,EAAA,q7CAAA,EAAA,MAAA,EAAA,CAAA,4rBAAA,CAAA,EAAA;AAKgC,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,+BAA+B,mEAIb,iBAAiB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AElEtE;;AAEG;;;;"}