@onemrvapublic/design-system 20.3.3-develop.3 → 20.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/onemrvapublic-design-system-layout.mjs +3 -2
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +15 -7
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs +20 -12
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/index.d.ts +5 -2
- package/layout/index.d.ts +1 -0
- package/mat-panel/index.d.ts +5 -3
- package/mat-panel/src/onemrva-mat-panel-content.scss +2 -0
- package/mat-panel/src/onemrva-mat-panel-title.scss +4 -0
- package/mat-panel/src/onemrva-mat-panel.component.scss +34 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-navigation.mjs","sources":["../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.html","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-tree/onemrva-mat-navigation-tree.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-tree/onemrva-mat-navigation-tree.component.html","../../../../projects/onemrva/design-system/mat-navigation/src/onemrva-mat-navigation.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/onemrva-mat-navigation.component.html","../../../../projects/onemrva/design-system/mat-navigation/index.ts","../../../../projects/onemrva/design-system/mat-navigation/onemrvapublic-design-system-mat-navigation.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n effect,\n HostBinding,\n inject,\n Input,\n OnInit,\n QueryList,\n ViewChild,\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { NgClass } from '@angular/common';\nimport { NavItem } from './onemrva-nav-item';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n selector: 'onemrva-mat-navigation-item',\n templateUrl: 'onemrva-mat-navigation-item.component.html',\n styleUrl: 'onemrva-mat-navigation-item.component.scss',\n imports: [\n MatIcon,\n RouterLinkActive,\n RouterLink,\n MatExpansionPanel,\n NgClass,\n TranslatePipe,\n ],\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OnemrvaMatNavigationItemComponent implements AfterViewInit {\n @Input()\n public routerLink: string | undefined;\n @Input()\n public routerLinkActiveOptions?: any;\n @Input()\n public dataCy?: string;\n @Input()\n public baseRouteForActiveMenu?: string;\n @Input()\n public label = '';\n @Input()\n public icon?: string;\n @Input() level = 0;\n @Input() highlighted: boolean | undefined;\n @Input() opened: boolean | undefined;\n @Input() children: NavItem[] | undefined;\n @Input() customNgClass: any;\n @Input() translate = true;\n\n @ViewChild(MatExpansionPanel) matExpansionPanel?: MatExpansionPanel;\n\n isExpanded = false;\n\n @HostBinding('class.highlighted')\n get isHighlighted() {\n return this.highlighted;\n }\n @HostBinding('class.highlighted2')\n get isHighlighted2() {\n return !this.highlighted && this.isExpanded;\n }\n\n get indentArray(): number[] {\n return Array(this.level).fill(0);\n }\n\n cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit(): void {\n this.matExpansionPanel?.afterCollapse.subscribe(() => {\n this.highlighted = false;\n this.isExpanded = false;\n this.cd.markForCheck();\n });\n this.matExpansionPanel?.afterExpand.subscribe(() => {\n this.isExpanded = true;\n this.cd.markForCheck();\n });\n }\n}\n","@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span>{{ label | translate }}</span>\n } @else {\n <span>{{ label }}</span>\n }\n </button>\n} @else {\n <button\n [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n [attr.data-cy]=\"dataCy\"\n (click)=\"subMenu.toggle()\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n\n @if (translate && label.trim() !== '') {\n <span>{{ label | translate }}</span>\n } @else {\n <span>{{ label }}</span>\n }\n\n <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n >arrow_drop_down</mat-icon\n >\n </button>\n <mat-expansion-panel #subMenu [expanded]=\"opened\">\n <ng-content></ng-content>\n </mat-expansion-panel>\n}\n","import {\n AfterViewInit,\n Component,\n effect,\n inject,\n input,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\nimport { OnemrvaMatNavigationItemComponent } from '../mat-navigation-item/onemrva-mat-navigation-item.component';\nimport { NavItem } from '../mat-navigation-item/onemrva-nav-item';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'onemrva-mat-navigation-tree',\n templateUrl: 'onemrva-mat-navigation-tree.component.html',\n styleUrl: 'onemrva-mat-navigation-tree.component.scss',\n imports: [OnemrvaMatNavigationItemComponent],\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class OnemrvaMatNavigationTreeComponent {\n items = input<NavItem[]>([]);\n level = input<number>(0);\n translate = input<boolean>(true);\n}\n","@for (item of items(); track item) {\n <onemrva-mat-navigation-item\n [label]=\"item.label\"\n [icon]=\"item.icon\"\n [routerLink]=\"item.routerLink\"\n [level]=\"level()\"\n [dataCy]=\"item.dataCy\"\n [highlighted]=\"item.highlighted\"\n [children]=\"item.children\"\n [opened]=\"item.opened\"\n [translate]=\"translate()\"\n >\n @if (item.children?.length) {\n <onemrva-mat-navigation-tree\n [items]=\"item.children ?? []\"\n [level]=\"level() + 1\"\n ></onemrva-mat-navigation-tree>\n }\n </onemrva-mat-navigation-item>\n}\n","import { Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { NavItem } from './mat-navigation-item/onemrva-nav-item';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { OnemrvaMatNavigationTreeComponent } from './mat-navigation-tree/onemrva-mat-navigation-tree.component';\n\n@Component({\n selector: 'onemrva-mat-navigation',\n templateUrl: 'onemrva-mat-navigation.component.html',\n styleUrl: 'onemrva-mat-navigation.component.scss',\n imports: [OnemrvaMatNavigationTreeComponent],\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class OnemrvaMatNavigationComponent {\n items = input<NavItem[]>([]);\n level = input<number>(0);\n translate = input<boolean>(true);\n router: Router = inject(Router);\n\n constructor() {\n this.router.events\n .pipe(filter(event => event instanceof NavigationEnd))\n .subscribe((event: NavigationEnd) => {\n this.updateNavigationState(this.items(), event.urlAfterRedirects);\n });\n }\n\n private updateNavigationState(items: NavItem[], url: string): void {\n // First, reset all states\n this.resetNavigationStates(items);\n\n // Find the active item and build the path to it\n const activePath = this.findActiveItemPath(items, url, []);\n\n if (activePath.length > 0) {\n // Set the highest parent (first item in path - level 0) as highlighted\n if (activePath.length > 0) {\n activePath[0].highlighted = true;\n }\n\n // Set opened to true for all parents to expand the path to the active item\n for (let i = 0; i < activePath.length - 1; i++) {\n activePath[i].opened = true;\n }\n }\n }\n\n private resetNavigationStates(items: NavItem[]): void {\n for (const item of items) {\n item.highlighted = false;\n item.opened = false;\n if (item.children) {\n this.resetNavigationStates(item.children);\n }\n }\n }\n\n private findActiveItemPath(\n items: NavItem[],\n url: string,\n currentPath: NavItem[],\n ): NavItem[] {\n for (const item of items) {\n const newPath = [...currentPath, item];\n\n if (item.routerLink && item.routerLink === url) {\n return newPath;\n }\n\n if (item.children) {\n const childPath = this.findActiveItemPath(item.children, url, newPath);\n if (childPath.length > 0) {\n return childPath;\n }\n }\n }\n\n return [];\n }\n}\n","<onemrva-mat-navigation-tree\n [items]=\"items()\"\n [level]=\"level() + 1\"\n></onemrva-mat-navigation-tree>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-navigation.component';\nexport * from './src/mat-navigation-item/onemrva-nav-item';\nexport * from './src/mat-navigation-item/onemrva-mat-navigation-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-navigation.mjs","sources":["../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.html","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-tree/onemrva-mat-navigation-tree.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/mat-navigation-tree/onemrva-mat-navigation-tree.component.html","../../../../projects/onemrva/design-system/mat-navigation/src/onemrva-mat-navigation.component.ts","../../../../projects/onemrva/design-system/mat-navigation/src/onemrva-mat-navigation.component.html","../../../../projects/onemrva/design-system/mat-navigation/index.ts","../../../../projects/onemrva/design-system/mat-navigation/onemrvapublic-design-system-mat-navigation.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n effect,\n HostBinding,\n inject,\n Input,\n OnInit,\n QueryList,\n ViewChild,\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { NgClass } from '@angular/common';\nimport { NavItem } from './onemrva-nav-item';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n selector: 'onemrva-mat-navigation-item',\n templateUrl: 'onemrva-mat-navigation-item.component.html',\n styleUrl: 'onemrva-mat-navigation-item.component.scss',\n imports: [\n MatIcon,\n RouterLinkActive,\n RouterLink,\n MatExpansionPanel,\n NgClass,\n TranslatePipe,\n ],\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OnemrvaMatNavigationItemComponent implements AfterViewInit {\n @Input()\n public routerLink: string | undefined;\n @Input()\n public routerLinkActiveOptions?: any;\n @Input()\n public dataCy?: string;\n @Input()\n public baseRouteForActiveMenu?: string;\n @Input()\n public label = '';\n @Input()\n public icon?: string;\n @Input() level = 0;\n @Input() highlighted: boolean | undefined;\n @Input() opened: boolean | undefined;\n @Input() children: NavItem[] | undefined;\n @Input() customNgClass: any;\n @Input() translate = true;\n\n @ViewChild(MatExpansionPanel) matExpansionPanel?: MatExpansionPanel;\n\n isExpanded = false;\n\n @HostBinding('class.highlighted')\n get isHighlighted() {\n return this.highlighted;\n }\n @HostBinding('class.highlighted2')\n get isHighlighted2() {\n return !this.highlighted && this.isExpanded;\n }\n\n get indentArray(): number[] {\n return Array(this.level).fill(0);\n }\n\n cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit(): void {\n this.matExpansionPanel?.afterCollapse.subscribe(() => {\n this.highlighted = false;\n this.isExpanded = false;\n this.cd.markForCheck();\n });\n this.matExpansionPanel?.afterExpand.subscribe(() => {\n this.isExpanded = true;\n this.cd.markForCheck();\n });\n }\n}\n","@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n </button>\n} @else {\n <button\n [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n [attr.data-cy]=\"dataCy\"\n (click)=\"subMenu.toggle()\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n\n <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n >arrow_drop_down</mat-icon\n >\n </button>\n <mat-expansion-panel #subMenu [expanded]=\"opened\">\n <ng-content></ng-content>\n </mat-expansion-panel>\n}\n","import {\n AfterViewInit,\n Component,\n effect,\n inject,\n input,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\nimport { OnemrvaMatNavigationItemComponent } from '../mat-navigation-item/onemrva-mat-navigation-item.component';\nimport { NavItem } from '../mat-navigation-item/onemrva-nav-item';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'onemrva-mat-navigation-tree',\n templateUrl: 'onemrva-mat-navigation-tree.component.html',\n styleUrl: 'onemrva-mat-navigation-tree.component.scss',\n imports: [OnemrvaMatNavigationItemComponent],\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class OnemrvaMatNavigationTreeComponent {\n items = input<NavItem[]>([]);\n level = input<number>(0);\n translate = input<boolean>(true);\n}\n","@for (item of items(); track item) {\n <onemrva-mat-navigation-item\n [label]=\"item.label\"\n [icon]=\"item.icon\"\n [routerLink]=\"item.routerLink\"\n [level]=\"level()\"\n [dataCy]=\"item.dataCy\"\n [highlighted]=\"item.highlighted\"\n [children]=\"item.children\"\n [opened]=\"item.opened\"\n [translate]=\"translate()\"\n >\n @if (item.children?.length) {\n <onemrva-mat-navigation-tree\n [items]=\"item.children ?? []\"\n [level]=\"level() + 1\"\n ></onemrva-mat-navigation-tree>\n }\n </onemrva-mat-navigation-item>\n}\n","import { Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { NavItem } from './mat-navigation-item/onemrva-nav-item';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { OnemrvaMatNavigationTreeComponent } from './mat-navigation-tree/onemrva-mat-navigation-tree.component';\n\n@Component({\n selector: 'onemrva-mat-navigation',\n templateUrl: 'onemrva-mat-navigation.component.html',\n styleUrl: 'onemrva-mat-navigation.component.scss',\n imports: [OnemrvaMatNavigationTreeComponent],\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class OnemrvaMatNavigationComponent {\n items = input<NavItem[]>([]);\n level = input<number>(0);\n translate = input<boolean>(true);\n router: Router = inject(Router);\n\n constructor() {\n this.router.events\n .pipe(filter(event => event instanceof NavigationEnd))\n .subscribe((event: NavigationEnd) => {\n this.updateNavigationState(this.items(), event.urlAfterRedirects);\n });\n }\n\n private updateNavigationState(items: NavItem[], url: string): void {\n // First, reset all states\n this.resetNavigationStates(items);\n\n // Find the active item and build the path to it\n const activePath = this.findActiveItemPath(items, url, []);\n\n if (activePath.length > 0) {\n // Set the highest parent (first item in path - level 0) as highlighted\n if (activePath.length > 0) {\n activePath[0].highlighted = true;\n }\n\n // Set opened to true for all parents to expand the path to the active item\n for (let i = 0; i < activePath.length - 1; i++) {\n activePath[i].opened = true;\n }\n }\n }\n\n private resetNavigationStates(items: NavItem[]): void {\n for (const item of items) {\n item.highlighted = false;\n item.opened = false;\n if (item.children) {\n this.resetNavigationStates(item.children);\n }\n }\n }\n\n private findActiveItemPath(\n items: NavItem[],\n url: string,\n currentPath: NavItem[],\n ): NavItem[] {\n for (const item of items) {\n const newPath = [...currentPath, item];\n\n if (item.routerLink && item.routerLink === url) {\n return newPath;\n }\n\n if (item.children) {\n const childPath = this.findActiveItemPath(item.children, url, newPath);\n if (childPath.length > 0) {\n return childPath;\n }\n }\n }\n\n return [];\n }\n}\n","<onemrva-mat-navigation-tree\n [items]=\"items()\"\n [level]=\"level() + 1\"\n></onemrva-mat-navigation-tree>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-navigation.component';\nexport * from './src/mat-navigation-item/onemrva-nav-item';\nexport * from './src/mat-navigation-item/onemrva-mat-navigation-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, inject, ChangeDetectorRef, ContentChild, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
3
|
import { NgClass, NgTemplateOutlet } from '@angular/common';
|
|
4
|
+
import { MatExpansionPanel, MatExpansionPanelHeader } from '@angular/material/expansion';
|
|
4
5
|
|
|
5
6
|
class OnemrvaMatPanelTitleActionComponent {
|
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -18,17 +19,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
18
19
|
|
|
19
20
|
class OnemrvaMatPanelTitleComponent {
|
|
20
21
|
constructor() {
|
|
22
|
+
this.toggleButtonReference = null;
|
|
21
23
|
this.cd = inject(ChangeDetectorRef);
|
|
22
24
|
}
|
|
23
25
|
ngAfterViewInit() {
|
|
24
26
|
this.cd.detectChanges();
|
|
25
27
|
}
|
|
26
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
28
30
|
}
|
|
29
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
|
|
30
32
|
type: Component,
|
|
31
|
-
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
|
|
33
|
+
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%}\n"] }]
|
|
32
34
|
}], propDecorators: { customNgClass: [{
|
|
33
35
|
type: Input
|
|
34
36
|
}], template: [{
|
|
@@ -41,11 +43,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
41
43
|
|
|
42
44
|
class OnemrvaMatPanelContentComponent {
|
|
43
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
45
47
|
}
|
|
46
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
|
|
47
49
|
type: Component,
|
|
48
|
-
args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
50
|
+
args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
49
51
|
}], propDecorators: { customNgClass: [{
|
|
50
52
|
type: Input
|
|
51
53
|
}], template: [{
|
|
@@ -73,17 +75,18 @@ class OnemrvaMatPanelComponent {
|
|
|
73
75
|
this.id = `onemrva-mat-panel-${NEXT_ID++}`;
|
|
74
76
|
this.data_cy = 'onemrva-mat-panel';
|
|
75
77
|
this.disabled = false;
|
|
78
|
+
this.expandable = false;
|
|
76
79
|
this.cd = inject(ChangeDetectorRef);
|
|
77
80
|
}
|
|
78
81
|
ngAfterViewInit() {
|
|
79
82
|
this.cd.detectChanges();
|
|
80
83
|
}
|
|
81
84
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {
|
|
85
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled", expandable: "expandable" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.is-expandable": "this.expandable" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<!--expandable: {{expandable}}-->\n\n@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {\n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel>\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest);--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-background-color: transparant;--mat-panel-title-color: var(--test-title-color-panel, inherit)}:host.mat-primary{--mat-panel-title-color: var(--mat-sys-on-primary-container);--mat-expansion-container-background-color: var( --mat-sys-primary-container )}:host.is-expandable{padding:0}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:0 var(--triple-spacer);border-bottom-left-radius:0;border-bottom-right-radius:0}:host.is-expandable .mat-expansion-panel{border-radius:var(--border-radius)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
83
86
|
}
|
|
84
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
|
|
85
88
|
type: Component,
|
|
86
|
-
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], standalone: true, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {
|
|
89
|
+
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader], standalone: true, template: "<!--expandable: {{expandable}}-->\n\n@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {\n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel>\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest);--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-background-color: transparant;--mat-panel-title-color: var(--test-title-color-panel, inherit)}:host.mat-primary{--mat-panel-title-color: var(--mat-sys-on-primary-container);--mat-expansion-container-background-color: var( --mat-sys-primary-container )}:host.is-expandable{padding:0}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:0 var(--triple-spacer);border-bottom-left-radius:0;border-bottom-right-radius:0}:host.is-expandable .mat-expansion-panel{border-radius:var(--border-radius)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
87
90
|
}], propDecorators: { id: [{
|
|
88
91
|
type: HostBinding,
|
|
89
92
|
args: ['attr.id']
|
|
@@ -111,6 +114,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
111
114
|
}, {
|
|
112
115
|
type: ContentChild,
|
|
113
116
|
args: [OnemrvaMatPanelIconComponent]
|
|
117
|
+
}], expandable: [{
|
|
118
|
+
type: HostBinding,
|
|
119
|
+
args: ['class.is-expandable']
|
|
120
|
+
}, {
|
|
121
|
+
type: Input
|
|
114
122
|
}] } });
|
|
115
123
|
|
|
116
124
|
class OnemrvaMatPanelModule {
|
|
@@ -124,7 +132,7 @@ class OnemrvaMatPanelModule {
|
|
|
124
132
|
OnemrvaMatPanelContentComponent,
|
|
125
133
|
OnemrvaMatPanelTitleActionComponent,
|
|
126
134
|
OnemrvaMatPanelIconComponent] }); }
|
|
127
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule }); }
|
|
135
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent] }); }
|
|
128
136
|
}
|
|
129
137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
|
|
130
138
|
type: NgModule,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n Component,\n Input,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title-action',\n templateUrl: './onemrva-mat-panel-title-action.html',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n inject,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title',\n templateUrl: './onemrva-mat-panel-title.html',\n styleUrl: './onemrva-mat-panel-title.scss',\n standalone: true,\n imports: [NgClass, NgTemplateOutlet],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n @ContentChild(OnemrvaMatPanelTitleActionComponent)\n content?: OnemrvaMatPanelTitleActionComponent;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-content',\n templateUrl: './onemrva-mat-panel-content.html',\n styleUrl: './onemrva-mat-panel-content.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-icon',\n templateUrl: './onemrva-mat-panel-icon.html',\n styleUrl: './onemrva-mat-panel-icon.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n inject,\n Input,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-panel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-panel.component.html',\n styleUrl: './onemrva-mat-panel.component.scss',\n imports: [NgTemplateOutlet],\n standalone: true,\n}) //AfterContentInit,\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-panel-${NEXT_ID++}`;\n\n @HostBinding('attr.data-cy')\n @Input()\n data_cy = 'onemrva-mat-panel';\n\n @HostBinding('class.mat-disabled')\n @Input()\n disabled = false;\n\n @ContentChild(OnemrvaMatPanelTitleComponent)\n title?: OnemrvaMatPanelTitleComponent;\n\n @ContentChild(OnemrvaMatPanelContentComponent)\n content?: OnemrvaMatPanelContentComponent;\n\n @HostBinding('class.has-icon')\n @ContentChild(OnemrvaMatPanelIconComponent)\n icon?: OnemrvaMatPanelIconComponent;\n\n error?: string;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n declarations: [],\n imports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n exports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n})\nexport class OnemrvaMatPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n Component,\n Input,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title-action',\n templateUrl: './onemrva-mat-panel-title-action.html',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n inject,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title',\n templateUrl: './onemrva-mat-panel-title.html',\n styleUrl: './onemrva-mat-panel-title.scss',\n standalone: true,\n imports: [NgClass, NgTemplateOutlet],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n @ContentChild(OnemrvaMatPanelTitleActionComponent)\n content?: OnemrvaMatPanelTitleActionComponent;\n\n toggleButtonReference: ElementRef | null = null;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-content',\n templateUrl: './onemrva-mat-panel-content.html',\n styleUrl: './onemrva-mat-panel-content.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-icon',\n templateUrl: './onemrva-mat-panel-icon.html',\n styleUrl: './onemrva-mat-panel-icon.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n inject,\n Input,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n MatExpansionPanel,\n MatExpansionPanelHeader,\n} from '@angular/material/expansion';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-panel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-panel.component.html',\n styleUrl: './onemrva-mat-panel.component.scss',\n imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader],\n standalone: true,\n})\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-panel-${NEXT_ID++}`;\n\n @HostBinding('attr.data-cy')\n @Input()\n data_cy = 'onemrva-mat-panel';\n\n @HostBinding('class.mat-disabled')\n @Input()\n disabled = false;\n\n @ContentChild(OnemrvaMatPanelTitleComponent)\n title?: OnemrvaMatPanelTitleComponent;\n\n @ContentChild(OnemrvaMatPanelContentComponent)\n content!: OnemrvaMatPanelContentComponent;\n\n @HostBinding('class.has-icon')\n @ContentChild(OnemrvaMatPanelIconComponent)\n icon?: OnemrvaMatPanelIconComponent;\n\n @HostBinding('class.is-expandable')\n @Input()\n expandable = false;\n\n error?: string;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<!--expandable: {{expandable}}-->\n\n@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {\n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel>\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n declarations: [],\n imports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n exports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n})\nexport class OnemrvaMatPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ import * as i2 from '@angular/material/select';
|
|
|
24
24
|
import { MatSelectModule, MatSelect, MatOption as MatOption$1 } from '@angular/material/select';
|
|
25
25
|
import * as i4 from '@angular/forms';
|
|
26
26
|
import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormGroup, FormControl, Validators, FormBuilder, NgControl, NgForm, FormGroupDirective } from '@angular/forms';
|
|
27
|
-
import { OnemRvaCDNService as OnemRvaCDNService$1, OnemRvaSizeDirective as OnemRvaSizeDirective$1, OnemRvaColorDirective as OnemRvaColorDirective$1, OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OnemRvaOSMService as OnemRvaOSMService$1, CommonCountryLookupService as CommonCountryLookupService$1, OnemRvaCDNCountryService as OnemRvaCDNCountryService$1, IBAN_SUPPORTED_COUNTRIES as IBAN_SUPPORTED_COUNTRIES$1, SEPA_ONLY_SUPPORTED_COUNTRIES as SEPA_ONLY_SUPPORTED_COUNTRIES$1 } from '@onemrvapublic/design-system/shared';
|
|
27
|
+
import { ONEMRVA_THEME_CLASS as ONEMRVA_THEME_CLASS$1, OnemRvaCDNService as OnemRvaCDNService$1, OnemRvaSizeDirective as OnemRvaSizeDirective$1, OnemRvaColorDirective as OnemRvaColorDirective$1, OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OnemRvaOSMService as OnemRvaOSMService$1, CommonCountryLookupService as CommonCountryLookupService$1, OnemRvaCDNCountryService as OnemRvaCDNCountryService$1, IBAN_SUPPORTED_COUNTRIES as IBAN_SUPPORTED_COUNTRIES$1, SEPA_ONLY_SUPPORTED_COUNTRIES as SEPA_ONLY_SUPPORTED_COUNTRIES$1 } from '@onemrvapublic/design-system/shared';
|
|
28
28
|
import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
|
|
29
29
|
import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabsModule } from '@angular/material/tabs';
|
|
30
30
|
import { MatDivider, MatDividerModule } from '@angular/material/divider';
|
|
@@ -56,7 +56,7 @@ import { OnemrvaCountryItemComponent as OnemrvaCountryItemComponent$1 } from '@o
|
|
|
56
56
|
import { extractIBAN, isValidIBAN, friendlyFormatIBAN, countrySpecs, validateIBAN, electronicFormatIBAN, ValidationErrorsIBAN } from 'ibantools';
|
|
57
57
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
58
58
|
import parsePhoneNumber from 'libphonenumber-js';
|
|
59
|
-
import { MatExpansionPanel } from '@angular/material/expansion';
|
|
59
|
+
import { MatExpansionPanel, MatExpansionPanelHeader } from '@angular/material/expansion';
|
|
60
60
|
import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
|
|
61
61
|
import { ViewportRuler } from '@angular/cdk/scrolling';
|
|
62
62
|
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
@@ -559,7 +559,7 @@ class LayoutComponent {
|
|
|
559
559
|
toggleTheme(newTheme) {
|
|
560
560
|
this.activeTheme.set(newTheme);
|
|
561
561
|
// Find all elements with onemrva-theme class
|
|
562
|
-
const overlayThemeDivs = document.querySelectorAll('.
|
|
562
|
+
const overlayThemeDivs = document.querySelectorAll('.' + this.onemrvaClass);
|
|
563
563
|
overlayThemeDivs.forEach(div => {
|
|
564
564
|
// Remove existing theme classes
|
|
565
565
|
div.classList.remove('light-theme', 'dark-theme');
|
|
@@ -584,6 +584,7 @@ class LayoutComponent {
|
|
|
584
584
|
this.id = 'main';
|
|
585
585
|
this.role = 'main';
|
|
586
586
|
this.showThemeSwitcher = true;
|
|
587
|
+
this.onemrvaClass = inject(ONEMRVA_THEME_CLASS$1);
|
|
587
588
|
this.activeTheme = signal('system', ...(ngDevMode ? [{ debugName: "activeTheme" }] : []));
|
|
588
589
|
this.translateService = inject(TranslateService);
|
|
589
590
|
this.cdn = inject(OnemRvaCDNService$1);
|
|
@@ -4412,7 +4413,7 @@ class OnemrvaMatNavigationItemComponent {
|
|
|
4412
4413
|
});
|
|
4413
4414
|
}
|
|
4414
4415
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4415
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNavigationItemComponent, isStandalone: true, selector: "onemrva-mat-navigation-item", inputs: { routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label", icon: "icon", level: "level", highlighted: "highlighted", opened: "opened", children: "children", customNgClass: "customNgClass", translate: "translate" }, host: { properties: { "class.highlighted": "this.isHighlighted", "class.highlighted2": "this.isHighlighted2" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], ngImport: i0, template: "@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span
|
|
4416
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNavigationItemComponent, isStandalone: true, selector: "onemrva-mat-navigation-item", inputs: { routerLink: "routerLink", routerLinkActiveOptions: "routerLinkActiveOptions", dataCy: "dataCy", baseRouteForActiveMenu: "baseRouteForActiveMenu", label: "label", icon: "icon", level: "level", highlighted: "highlighted", opened: "opened", children: "children", customNgClass: "customNgClass", translate: "translate" }, host: { properties: { "class.highlighted": "this.isHighlighted", "class.highlighted2": "this.isHighlighted2" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], ngImport: i0, template: "@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n </button>\n} @else {\n <button\n [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n [attr.data-cy]=\"dataCy\"\n (click)=\"subMenu.toggle()\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n\n <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n >arrow_drop_down</mat-icon\n >\n </button>\n <mat-expansion-panel #subMenu [expanded]=\"opened\">\n <ng-content></ng-content>\n </mat-expansion-panel>\n}\n", styles: [":host.highlighted2 .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer) var(--quad-spacer);border:none;box-shadow:none;align-items:center;text-align:left;cursor:pointer;font:var(--mat-sys-body-medium);text-decoration:none;color:var(--mat-sys-on-surface);border-left:.5rem solid transparent}:host .mobile-menu-item.active button{border-left:.5rem solid var(--mat-sys-tertiary);font-weight:600;background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item.active button mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 600,\"GRAD\" 0,\"opsz\" 24}:host .mobile-menu-item:hover,:host .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item mat-icon{margin-left:-4px;margin-right:var(--spacer);transition:transform .3s ease}:host .mobile-menu-item mat-icon.opened{transform:rotate(180deg)}:host .mobile-menu-item mat-icon.end{margin-left:auto}:host .mobile-menu-item .indent-spacer{width:var(--double-spacer);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4416
4417
|
}
|
|
4417
4418
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNavigationItemComponent, decorators: [{
|
|
4418
4419
|
type: Component,
|
|
@@ -4423,7 +4424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
4423
4424
|
MatExpansionPanel,
|
|
4424
4425
|
NgClass,
|
|
4425
4426
|
TranslatePipe,
|
|
4426
|
-
], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span
|
|
4427
|
+
], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (routerLink) {\n <button\n [routerLink]=\"routerLink\"\n [attr.data-cy]=\"dataCy\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n routerLinkActive=\"active\"\n class=\"mobile-menu-item\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n </button>\n} @else {\n <button\n [ngClass]=\"{ 'mobile-menu-item': true, highlighted: highlighted === true }\"\n [attr.data-cy]=\"dataCy\"\n (click)=\"subMenu.toggle()\"\n >\n @for (indent of indentArray; track $index) {\n <span class=\"indent-spacer\"></span>\n }\n\n @if (icon) {\n <mat-icon>{{ icon }}</mat-icon>\n }\n\n @if (translate && label.trim() !== '') {\n <span [innerHTML]=\"label | translate\"></span>\n } @else {\n <span [innerHTML]=\"label\"></span>\n }\n\n <mat-icon [ngClass]=\"{ end: true, opened: subMenu.expanded }\"\n >arrow_drop_down</mat-icon\n >\n </button>\n <mat-expansion-panel #subMenu [expanded]=\"opened\">\n <ng-content></ng-content>\n </mat-expansion-panel>\n}\n", styles: [":host.highlighted2 .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary-container)}:host.highlighted .mobile-menu-item{transition:border-left .4s ease;border-left:.5rem solid var(--mat-sys-tertiary)}:host .mobile-menu-item{display:flex;width:100%;background:var(--mat-sys-background);padding:var(--double-spacer) var(--quad-spacer);border:none;box-shadow:none;align-items:center;text-align:left;cursor:pointer;font:var(--mat-sys-body-medium);text-decoration:none;color:var(--mat-sys-on-surface);border-left:.5rem solid transparent}:host .mobile-menu-item.active button{border-left:.5rem solid var(--mat-sys-tertiary);font-weight:600;background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item.active button mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 600,\"GRAD\" 0,\"opsz\" 24}:host .mobile-menu-item:hover,:host .mobile-menu-item:focus{background:var(--mat-sys-surface-container-low)}:host .mobile-menu-item mat-icon{margin-left:-4px;margin-right:var(--spacer);transition:transform .3s ease}:host .mobile-menu-item mat-icon.opened{transform:rotate(180deg)}:host .mobile-menu-item mat-icon.end{margin-left:auto}:host .mobile-menu-item .indent-spacer{width:var(--double-spacer);flex-shrink:0}\n"] }]
|
|
4427
4428
|
}], propDecorators: { routerLink: [{
|
|
4428
4429
|
type: Input
|
|
4429
4430
|
}], routerLinkActiveOptions: [{
|
|
@@ -4807,17 +4808,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
4807
4808
|
|
|
4808
4809
|
class OnemrvaMatPanelTitleComponent {
|
|
4809
4810
|
constructor() {
|
|
4811
|
+
this.toggleButtonReference = null;
|
|
4810
4812
|
this.cd = inject(ChangeDetectorRef);
|
|
4811
4813
|
}
|
|
4812
4814
|
ngAfterViewInit() {
|
|
4813
4815
|
this.cd.detectChanges();
|
|
4814
4816
|
}
|
|
4815
4817
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4816
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4818
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4817
4819
|
}
|
|
4818
4820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
|
|
4819
4821
|
type: Component,
|
|
4820
|
-
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
|
|
4822
|
+
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%}\n"] }]
|
|
4821
4823
|
}], propDecorators: { customNgClass: [{
|
|
4822
4824
|
type: Input
|
|
4823
4825
|
}], template: [{
|
|
@@ -4830,11 +4832,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
4830
4832
|
|
|
4831
4833
|
class OnemrvaMatPanelContentComponent {
|
|
4832
4834
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4833
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
4835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
4834
4836
|
}
|
|
4835
4837
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
|
|
4836
4838
|
type: Component,
|
|
4837
|
-
args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
4839
|
+
args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
4838
4840
|
}], propDecorators: { customNgClass: [{
|
|
4839
4841
|
type: Input
|
|
4840
4842
|
}], template: [{
|
|
@@ -4862,17 +4864,18 @@ class OnemrvaMatPanelComponent {
|
|
|
4862
4864
|
this.id = `onemrva-mat-panel-${NEXT_ID$5++}`;
|
|
4863
4865
|
this.data_cy = 'onemrva-mat-panel';
|
|
4864
4866
|
this.disabled = false;
|
|
4867
|
+
this.expandable = false;
|
|
4865
4868
|
this.cd = inject(ChangeDetectorRef);
|
|
4866
4869
|
}
|
|
4867
4870
|
ngAfterViewInit() {
|
|
4868
4871
|
this.cd.detectChanges();
|
|
4869
4872
|
}
|
|
4870
4873
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4871
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {
|
|
4874
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled", expandable: "expandable" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.is-expandable": "this.expandable" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<!--expandable: {{expandable}}-->\n\n@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {\n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel>\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest);--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-background-color: transparant;--mat-panel-title-color: var(--test-title-color-panel, inherit)}:host.mat-primary{--mat-panel-title-color: var(--mat-sys-on-primary-container);--mat-expansion-container-background-color: var( --mat-sys-primary-container )}:host.is-expandable{padding:0}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:0 var(--triple-spacer);border-bottom-left-radius:0;border-bottom-right-radius:0}:host.is-expandable .mat-expansion-panel{border-radius:var(--border-radius)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4872
4875
|
}
|
|
4873
4876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
|
|
4874
4877
|
type: Component,
|
|
4875
|
-
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], standalone: true, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {
|
|
4878
|
+
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader], standalone: true, template: "<!--expandable: {{expandable}}-->\n\n@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) {\n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel>\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest);--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-background-color: transparant;--mat-panel-title-color: var(--test-title-color-panel, inherit)}:host.mat-primary{--mat-panel-title-color: var(--mat-sys-on-primary-container);--mat-expansion-container-background-color: var( --mat-sys-primary-container )}:host.is-expandable{padding:0}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:0 var(--triple-spacer);border-bottom-left-radius:0;border-bottom-right-radius:0}:host.is-expandable .mat-expansion-panel{border-radius:var(--border-radius)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
|
|
4876
4879
|
}], propDecorators: { id: [{
|
|
4877
4880
|
type: HostBinding,
|
|
4878
4881
|
args: ['attr.id']
|
|
@@ -4900,6 +4903,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
4900
4903
|
}, {
|
|
4901
4904
|
type: ContentChild,
|
|
4902
4905
|
args: [OnemrvaMatPanelIconComponent]
|
|
4906
|
+
}], expandable: [{
|
|
4907
|
+
type: HostBinding,
|
|
4908
|
+
args: ['class.is-expandable']
|
|
4909
|
+
}, {
|
|
4910
|
+
type: Input
|
|
4903
4911
|
}] } });
|
|
4904
4912
|
|
|
4905
4913
|
class OnemrvaMatPanelModule {
|
|
@@ -4913,7 +4921,7 @@ class OnemrvaMatPanelModule {
|
|
|
4913
4921
|
OnemrvaMatPanelContentComponent,
|
|
4914
4922
|
OnemrvaMatPanelTitleActionComponent,
|
|
4915
4923
|
OnemrvaMatPanelIconComponent] }); }
|
|
4916
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule }); }
|
|
4924
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent] }); }
|
|
4917
4925
|
}
|
|
4918
4926
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
|
|
4919
4927
|
type: NgModule,
|