@ng-atomic/components 16.2.0 → 16.3.1

package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs

@@ -1,68 +1,81 @@
-import { CommonModule } from '@angular/common';
-import { Component, ChangeDetectionStrategy, Input, Directive, inject, InjectionToken } from '@angular/core';
+import { __decorate } from "tslib";
+import { Component, ChangeDetectionStrategy, Directive, inject, input } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
-import { InjectableComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';
 import { IconAtom } from '@ng-atomic/components/atoms/icon';
+import { MatBadgeModule } from '@angular/material/badge';
+import { BadgeAtom } from '@ng-atomic/components/atoms/badge';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/list";
-export class NavigationListItemMoleculeStore extends InjectableComponent {
+let NavigationListItemMoleculeStore = class NavigationListItemMoleculeStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.selected = false;
+        this.action = input(null, { alias: 'action' });
+        this.selected = input(false);
     }
-    static { this.TOKEN = new InjectionToken('NavigationListItemMoleculeStore'); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationListItemMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NavigationListItemMoleculeStore, isStandalone: true, selector: "molecules-navigation-list-item", inputs: { _action: ["action", "_action"], selected: "selected" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationListItemMoleculeStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListItemMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: NavigationListItemMoleculeStore, isStandalone: true, selector: "molecules-navigation-list-item", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+NavigationListItemMoleculeStore = __decorate([
+    TokenizedType()
+], NavigationListItemMoleculeStore);
+export { NavigationListItemMoleculeStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListItemMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'molecules-navigation-list-item' }]
-        }], propDecorators: { _action: [{
-                type: Input,
-                args: ['action']
-            }], selected: [{
-                type: Input
-            }] } });
-export class NavigationListItemMolecule {
+        }] });
+export class NavigationListItemMolecule extends NgAtomicComponent {
     constructor() {
+        super(...arguments);
         this.store = inject(NavigationListItemMoleculeStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationListItemMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavigationListItemMolecule, isStandalone: true, selector: "molecules-navigation-list-item", hostDirectives: [{ directive: NavigationListItemMoleculeStore, inputs: ["action", "action", "selected", "selected"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListItemMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: NavigationListItemMolecule, isStandalone: true, selector: "molecules-navigation-list-item", usesInheritance: true, hostDirectives: [{ directive: NavigationListItemMoleculeStore, inputs: ["action", "action", "selected", "selected"] }], ngImport: i0, template: `
     <mat-list-item>
       <atoms-icon
         matListItemIcon
-        [name]="store._action?.icon"
-        [color]="store._action?.color"
         matListItemMeta
-      ></atoms-icon>
-      <div matListItemTitle>{{ store._action.name }}</div>
+        [name]="store.action()?.icon"
+        [color]="store.action()?.color"
+      />
+      <div matListItemTitle>
+        <span>{{ store.action()?.name }}</span>
+        @if (store.action()?.meta?.badge) {
+          <atoms-badge [value]="store.action()?.meta?.badge"/>
+        }
+      </div>
     </mat-list-item>
-  `, isInline: true, styles: [":host{display:block}:host{--mdc-list-list-item-hover-label-text-color: white;--mdc-list-list-item-label-text-color: white;--mdc-list-list-item-supporting-text-color: white}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-lcnp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-lcnp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-lcnp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-lcnp: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-lcnp);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-lcnp);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-lcnp);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-lcnp);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-lcnp);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-lcnp);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-lcnp)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }, { kind: "component", type: BadgeAtom, selector: "atoms-badge", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-navigation-list-item', standalone: true, imports: [
-                        CommonModule,
                         MatIconModule,
                         MatListModule,
+                        MatBadgeModule,
                         IconAtom,
+                        BadgeAtom,
                     ], template: `
     <mat-list-item>
       <atoms-icon
         matListItemIcon
-        [name]="store._action?.icon"
-        [color]="store._action?.color"
         matListItemMeta
-      ></atoms-icon>
-      <div matListItemTitle>{{ store._action.name }}</div>
+        [name]="store.action()?.icon"
+        [color]="store.action()?.color"
+      />
+      <div matListItemTitle>
+        <span>{{ store.action()?.name }}</span>
+        @if (store.action()?.meta?.badge) {
+          <atoms-badge [value]="store.action()?.meta?.badge"/>
+        }
+      </div>
     </mat-list-item>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: NavigationListItemMoleculeStore,
                             inputs: ['action', 'selected'],
                         },
-                    ], styles: [":host{display:block}:host{--mdc-list-list-item-hover-label-text-color: white;--mdc-list-list-item-label-text-color: white;--mdc-list-list-item-supporting-text-color: white}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-lcnp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-lcnp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-lcnp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-lcnp: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-lcnp: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-lcnp);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-lcnp);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-lcnp);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-lcnp);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-lcnp);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-lcnp);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-lcnp)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LWl0ZW0ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbmF2aWdhdGlvbi1saXN0LWl0ZW0vbmF2aWdhdGlvbi1saXN0LWl0ZW0ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFHNUQsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLG1CQUFtQjtJQUR4RTs7UUFJVyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBQzNCO2FBSFEsVUFBSyxHQUFHLElBQUksY0FBYyxDQUFDLGlDQUFpQyxDQUFDLEFBQXhELENBQXlEOytHQUQxRCwrQkFBK0I7bUdBQS9CLCtCQUErQjs7NEZBQS9CLCtCQUErQjtrQkFEM0MsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGdDQUFnQyxFQUFFOzhCQUd4RCxPQUFPO3NCQUF2QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ04sUUFBUTtzQkFBaEIsS0FBSzs7QUFnQ1IsTUFBTSxPQUFPLDBCQUEwQjtJQTdCdkM7UUE4QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0tBQzNEOytHQUZZLDBCQUEwQjttR0FBMUIsMEJBQTBCLGdHQW5DMUIsK0JBQStCLG1GQWVoQzs7Ozs7Ozs7OztHQVVULHVQQWZDLFlBQVksOEJBQ1osYUFBYSw4QkFDYixhQUFhLG9iQUNiLFFBQVE7OzRGQXNCQywwQkFBMEI7a0JBN0J0QyxTQUFTOytCQUNFLGdDQUFnQyxjQUM5QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsUUFBUTtxQkFDVCxZQUNTOzs7Ozs7Ozs7O0dBVVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwrQkFBK0I7NEJBQzFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUM7eUJBQy9CO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBEaXJlY3RpdmUsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEljb25BdG9tIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2F0b21zL2ljb24nO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtbmF2aWdhdGlvbi1saXN0LWl0ZW0nIH0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ05hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUnKTtcbiAgQElucHV0KCdhY3Rpb24nKSBfYWN0aW9uOiBBY3Rpb247XG4gIEBJbnB1dCgpIHNlbGVjdGVkID0gZmFsc2U7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1uYXZpZ2F0aW9uLWxpc3QtaXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIEljb25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtbGlzdC1pdGVtPlxuICAgICAgPGF0b21zLWljb25cbiAgICAgICAgbWF0TGlzdEl0ZW1JY29uXG4gICAgICAgIFtuYW1lXT1cInN0b3JlLl9hY3Rpb24/Lmljb25cIlxuICAgICAgICBbY29sb3JdPVwic3RvcmUuX2FjdGlvbj8uY29sb3JcIlxuICAgICAgICBtYXRMaXN0SXRlbU1ldGFcbiAgICAgID48L2F0b21zLWljb24+XG4gICAgICA8ZGl2IG1hdExpc3RJdGVtVGl0bGU+e3sgc3RvcmUuX2FjdGlvbi5uYW1lIH19PC9kaXY+XG4gICAgPC9tYXQtbGlzdC1pdGVtPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLWxpc3QtaXRlbS5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb24nLCAnc2VsZWN0ZWQnXSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlIHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUpO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LWl0ZW0ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbmF2aWdhdGlvbi1saXN0LWl0ZW0vbmF2aWdhdGlvbi1saXN0LWl0ZW0ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFeEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7OztBQUl2RCxJQUFNLCtCQUErQixHQUFyQyxNQUFNLCtCQUFnQyxTQUFRLG1CQUFtQjtJQUFqRTs7UUFDSSxXQUFNLEdBQUcsS0FBSyxDQUFTLElBQUksRUFBRSxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsQ0FBQyxDQUFDO1FBQ2hELGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDbEM7OEdBSFksK0JBQStCO2tHQUEvQiwrQkFBK0I7O0FBQS9CLCtCQUErQjtJQUYzQyxhQUFhLEVBQUU7R0FFSCwrQkFBK0IsQ0FHM0M7OzJGQUhZLCtCQUErQjtrQkFEM0MsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGdDQUFnQyxFQUFFOztBQXlDM0UsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGlCQUFpQjtJQW5DakU7O1FBb0NZLFVBQUssR0FBRyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQztLQUMzRDs4R0FGWSwwQkFBMEI7a0dBQTFCLDBCQUEwQix1SEF4QzFCLCtCQUErQixtRkFlaEM7Ozs7Ozs7Ozs7Ozs7OztHQWVULGc2REFyQkMsYUFBYSw4QkFDYixhQUFhLG1iQUNiLGNBQWMsK0JBQ2QsUUFBUSxrRkFDUixTQUFTOzsyRkEyQkEsMEJBQTBCO2tCQW5DdEMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQO3dCQUNQLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixjQUFjO3dCQUNkLFFBQVE7d0JBQ1IsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLCtCQUErQjs0QkFDMUMsTUFBTSxFQUFFLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQzt5QkFDL0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQsIGVmZmVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQsIFRva2VuaXplZFR5cGUgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEljb25BdG9tIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2F0b21zL2ljb24nO1xuaW1wb3J0IHsgTWF0QmFkZ2VNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XG5pbXBvcnQgeyBCYWRnZUF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvYmFkZ2UnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtbmF2aWdhdGlvbi1saXN0LWl0ZW0nIH0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb24gPSBpbnB1dDxBY3Rpb24+KG51bGwsIHthbGlhczogJ2FjdGlvbid9KTtcbiAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBpbnB1dChmYWxzZSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1uYXZpZ2F0aW9uLWxpc3QtaXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdExpc3RNb2R1bGUsXG4gICAgTWF0QmFkZ2VNb2R1bGUsXG4gICAgSWNvbkF0b20sXG4gICAgQmFkZ2VBdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtbGlzdC1pdGVtPlxuICAgICAgPGF0b21zLWljb25cbiAgICAgICAgbWF0TGlzdEl0ZW1JY29uXG4gICAgICAgIG1hdExpc3RJdGVtTWV0YVxuICAgICAgICBbbmFtZV09XCJzdG9yZS5hY3Rpb24oKT8uaWNvblwiXG4gICAgICAgIFtjb2xvcl09XCJzdG9yZS5hY3Rpb24oKT8uY29sb3JcIlxuICAgICAgLz5cbiAgICAgIDxkaXYgbWF0TGlzdEl0ZW1UaXRsZT5cbiAgICAgICAgPHNwYW4+e3sgc3RvcmUuYWN0aW9uKCk/Lm5hbWUgfX08L3NwYW4+XG4gICAgICAgIEBpZiAoc3RvcmUuYWN0aW9uKCk/Lm1ldGE/LmJhZGdlKSB7XG4gICAgICAgICAgPGF0b21zLWJhZGdlIFt2YWx1ZV09XCJzdG9yZS5hY3Rpb24oKT8ubWV0YT8uYmFkZ2VcIi8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdGlvbi1saXN0LWl0ZW0ubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9uJywgJ3NlbGVjdGVkJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlzdEl0ZW1Nb2xlY3VsZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUpO1xufVxuIl19

package/esm2022/molecules/nested-menu/nested-menu.molecule.mjs

@@ -8,8 +8,8 @@ export class NestedMenuMolecule {
     constructor() {
         this.action = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NestedMenuMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NestedMenuMolecule, isStandalone: true, selector: "molecules-nested-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NestedMenuMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: NestedMenuMolecule, isStandalone: true, selector: "molecules-nested-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true }], ngImport: i0, template: `
     <mat-menu #childMenu="matMenu" [overlapTrigger]="false">
     <span *ngFor="let _action of actions">
       <span *ngIf="_action?.children">
@@ -32,9 +32,9 @@ export class NestedMenuMolecule {
       </span>
     </span>
   </mat-menu>
-  `, isInline: true, dependencies: [{ kind: "component", type: NestedMenuMolecule, selector: "molecules-nested-menu", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: NestedMenuMolecule, selector: "molecules-nested-menu", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NestedMenuMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NestedMenuMolecule, decorators: [{
             type: Component,
             args: [{
                     selector: 'molecules-nested-menu',
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], action: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVzdGVkLW1lbnUubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbmVzdGVkLW1lbnUvbmVzdGVkLW1lbnUubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQW1DdkQsTUFBTSxPQUFPLGtCQUFrQjtJQWpDL0I7UUF5Q0UsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDckM7K0dBVFksa0JBQWtCO21HQUFsQixrQkFBa0Isd1BBMUJuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsNERBR1Usa0JBQWtCLDJHQTdCM0IsWUFBWSwrUEFDWixhQUFhOzs0RkE0Qkosa0JBQWtCO2tCQWpDOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTtxQkFDZDtvQkFDRCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs4QkFHQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixTQUFTO3VCQUFDLFdBQVc7Z0JBSXRCLE1BQU07c0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLW5lc3RlZC1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtbWVudSAjY2hpbGRNZW51PVwibWF0TWVudVwiIFtvdmVybGFwVHJpZ2dlcl09XCJmYWxzZVwiPlxuICAgIDxzcGFuICpuZ0Zvcj1cImxldCBfYWN0aW9uIG9mIGFjdGlvbnNcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiX2FjdGlvbj8uY2hpbGRyZW5cIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51LmNoaWxkTWVudVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj57e19hY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8c3Bhbj57eyBfYWN0aW9uLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8bW9sZWN1bGVzLW5lc3RlZC1tZW51XG4gICAgICAgICAgI21lbnVcbiAgICAgICAgICBbYWN0aW9uc109XCJfYWN0aW9uLmNoaWxkcmVuXCJcbiAgICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICA+PC9tb2xlY3VsZXMtbmVzdGVkLW1lbnU+XG4gICAgICA8L3NwYW4+XG4gICAgICBcbiAgICAgIDxzcGFuICpuZ0lmPVwiIV9hY3Rpb24/LmNoaWxkcmVuXCI+XG4gICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwiYWN0aW9uLmVtaXQoX2FjdGlvbilcIj5cbiAgICAgICAgICA8bWF0LWljb24+e3sgX2FjdGlvbi5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8c3Bhbj57eyBfYWN0aW9uLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPC9tYXQtbWVudT5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5lc3RlZE1lbnVNb2xlY3VsZSB7XG4gIEBJbnB1dCgpXG4gIGFjdGlvbnM6IEFjdGlvbltdO1xuXG4gIEBWaWV3Q2hpbGQoJ2NoaWxkTWVudScpXG4gIGNoaWxkTWVudTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVzdGVkLW1lbnUubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbmVzdGVkLW1lbnUvbmVzdGVkLW1lbnUubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQW1DdkQsTUFBTSxPQUFPLGtCQUFrQjtJQWpDL0I7UUF5Q0UsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDckM7OEdBVFksa0JBQWtCO2tHQUFsQixrQkFBa0Isd1BBMUJuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsNERBR1Usa0JBQWtCLDJHQTdCM0IsWUFBWSwrUEFDWixhQUFhOzsyRkE0Qkosa0JBQWtCO2tCQWpDOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTtxQkFDZDtvQkFDRCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs4QkFHQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixTQUFTO3VCQUFDLFdBQVc7Z0JBSXRCLE1BQU07c0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLW5lc3RlZC1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtbWVudSAjY2hpbGRNZW51PVwibWF0TWVudVwiIFtvdmVybGFwVHJpZ2dlcl09XCJmYWxzZVwiPlxuICAgIDxzcGFuICpuZ0Zvcj1cImxldCBfYWN0aW9uIG9mIGFjdGlvbnNcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiX2FjdGlvbj8uY2hpbGRyZW5cIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51LmNoaWxkTWVudVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj57e19hY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8c3Bhbj57eyBfYWN0aW9uLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8bW9sZWN1bGVzLW5lc3RlZC1tZW51XG4gICAgICAgICAgI21lbnVcbiAgICAgICAgICBbYWN0aW9uc109XCJfYWN0aW9uLmNoaWxkcmVuXCJcbiAgICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICA+PC9tb2xlY3VsZXMtbmVzdGVkLW1lbnU+XG4gICAgICA8L3NwYW4+XG4gICAgICBcbiAgICAgIDxzcGFuICpuZ0lmPVwiIV9hY3Rpb24/LmNoaWxkcmVuXCI+XG4gICAgICAgIDxidXR0b24gbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwiYWN0aW9uLmVtaXQoX2FjdGlvbilcIj5cbiAgICAgICAgICA8bWF0LWljb24+e3sgX2FjdGlvbi5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8c3Bhbj57eyBfYWN0aW9uLm5hbWUgfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPC9tYXQtbWVudT5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5lc3RlZE1lbnVNb2xlY3VsZSB7XG4gIEBJbnB1dCgpXG4gIGFjdGlvbnM6IEFjdGlvbltdO1xuXG4gIEBWaWV3Q2hpbGQoJ2NoaWxkTWVudScpXG4gIGNoaWxkTWVudTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG59XG4iXX0=

package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs

@@ -1,36 +1,53 @@
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatSelectModule } from '@angular/material/select';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/select";
-import * as i5 from "@angular/material/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/select";
+import * as i4 from "@angular/material/core";
+export class SelectInputFieldMoleculeStore {
+    constructor() {
+        this.control = input(new FormControl({}));
+        this.label = input('');
+        this.appearance = input('outline');
+        this.options = input([]);
+        this.hint = input(null);
+        this.placeholder = input(null);
+        this.multiple = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputFieldMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SelectInputFieldMoleculeStore, isStandalone: true, inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputFieldMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
 export class SelectInputFieldMolecule {
     constructor() {
-        this.label = '';
-        this.appearance = 'outline';
-        this.control = new FormControl({});
-        this.options = [];
-        this.value = (item) => item?.value;
+        this.store = inject(SelectInputFieldMoleculeStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectInputFieldMolecule, isStandalone: true, selector: "molecules-select-input-field", inputs: { label: "label", appearance: "appearance", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: `
-  <mat-form-field [appearance]="appearance">
-    <mat-label>{{ label }}</mat-label>
-    <mat-select [formControl]="control">
-      <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SelectInputFieldMolecule, isStandalone: true, selector: "molecules-select-input-field", host: { classAttribute: "molecule input-field field" }, hostDirectives: [{ directive: SelectInputFieldMoleculeStore, inputs: ["control", "control", "label", "label", "appearance", "appearance", "options", "options", "hint", "hint", "placeholder", "placeholder", "multiple", "multiple"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
+    <mat-select [formControl]="store.control()" [multiple]="store.multiple()">
+    @for (option of store.options(); track option?.value) {
+      <mat-option [value]="option.value">
         {{ option.name }}
       </mat-option>
+    }
     </mat-select>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-X26S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-i1pW: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-select-input-field', standalone: true, imports: [
                         CommonModule,
@@ -38,23 +55,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatSelectModule,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field [appearance]="appearance">
-    <mat-label>{{ label }}</mat-label>
-    <mat-select [formControl]="control">
-      <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
+    <mat-select [formControl]="store.control()" [multiple]="store.multiple()">
+    @for (option of store.options(); track option?.value) {
+      <mat-option [value]="option.value">
         {{ option.name }}
       </mat-option>
+    }
     </mat-select>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-X26S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LWZpZWxkLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL3NlbGVjdC1pbnB1dC1maWVsZC9zZWxlY3QtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7Ozs7O0FBK0IxRCxNQUFNLE9BQU8sd0JBQXdCO0lBeEJyQztRQTJCRSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBR25CLGVBQVUsR0FBdUIsU0FBUyxDQUFDO1FBRzNDLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBSSxFQUFPLENBQUMsQ0FBQztRQUd0QyxZQUFPLEdBQWdCLEVBQUUsQ0FBQztRQUUxQixVQUFLLEdBQUcsQ0FBQyxJQUFlLEVBQUUsRUFBRSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUM7S0FFMUM7K0dBaEJZLHdCQUF3QjttR0FBeEIsd0JBQXdCLDhPQWZ6Qjs7Ozs7Ozs7OztHQVVULDZQQWZDLFlBQVksMkpBQ1osbUJBQW1CLHlUQUNuQixlQUFlLDRwQkFDZixTQUFTOzs0RkFpQkEsd0JBQXdCO2tCQXhCcEMsU0FBUzsrQkFDRSw4QkFBOEIsY0FDNUIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLFNBQVM7cUJBQ1YsWUFDUzs7Ozs7Ozs7OztHQVVULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLDRCQUE0QixFQUFDOzhCQUszQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2VsZWN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcbmltcG9ydCB7IEVycm9yUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2Vycm9yJztcblxuZXhwb3J0IGludGVyZmFjZSBPcHRpb248VD4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlOiBUO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtc2VsZWN0LWlucHV0LWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNlbGVjdE1vZHVsZSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCI+XG4gICAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtc2VsZWN0IFtmb3JtQ29udHJvbF09XCJjb250cm9sXCI+XG4gICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrQnkgdmFsdWU7XCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPlxuICAgICAgICB7eyBvcHRpb24ubmFtZSB9fVxuICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LXNlbGVjdD5cbiAgICA8bWF0LWVycm9yPnt7IGNvbnRyb2wuZXJyb3JzIHwgZXJyb3IgfX08L21hdC1lcnJvcj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LWlucHV0LWZpZWxkLm1vbGVjdWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ21vbGVjdWxlIGlucHV0LWZpZWxkIGZpZWxkJ30sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdElucHV0RmllbGRNb2xlY3VsZTxUPiB7XG5cbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGFwcGVhcmFuY2U6ICdvdXRsaW5lJyB8ICdmaWxsJyA9ICdvdXRsaW5lJztcblxuICBASW5wdXQoKVxuICBjb250cm9sID0gbmV3IEZvcm1Db250cm9sPFQ+KHt9IGFzIFQpO1xuXG4gIEBJbnB1dCgpXG4gIG9wdGlvbnM6IE9wdGlvbjxUPltdID0gW107XG5cbiAgdmFsdWUgPSAoaXRlbTogT3B0aW9uPFQ+KSA9PiBpdGVtPy52YWx1ZTsgXG5cbn1cbiJdfQ==
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, hostDirectives: [
+                        {
+                            directive: SelectInputFieldMoleculeStore,
+                            inputs: ['control', 'label', 'appearance', 'options', 'hint', 'placeholder', 'multiple'],
+                        },
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-i1pW: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LWZpZWxkLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL3NlbGVjdC1pbnB1dC1maWVsZC9zZWxlY3QtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFTLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7OztBQVExRCxNQUFNLE9BQU8sNkJBQTZCO0lBRDFDO1FBRVcsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBSSxFQUFPLENBQUMsQ0FBQyxDQUFDO1FBQzdDLFVBQUssR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEIsZUFBVSxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDbEQsWUFBTyxHQUFHLEtBQUssQ0FBYyxFQUFFLENBQUMsQ0FBQztRQUNqQyxTQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDbEM7OEdBUlksNkJBQTZCO2tHQUE3Qiw2QkFBNkI7OzJGQUE3Qiw2QkFBNkI7a0JBRHpDLFNBQVM7bUJBQUMsRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFDOztBQThDN0IsTUFBTSxPQUFPLHdCQUF3QjtJQW5DckM7UUFvQ3FCLFVBQUssR0FBRyxNQUFNLENBQUMsNkJBQTZCLENBQUMsQ0FBQztLQUNsRTs4R0FGWSx3QkFBd0I7a0dBQXhCLHdCQUF3QixzSkE3Q3hCLDZCQUE2Qix1TUFtQjlCOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCw2UEFwQkMsWUFBWSw4QkFDWixtQkFBbUIseVRBQ25CLGVBQWUsZ25DQUNmLFNBQVM7OzJGQTRCQSx3QkFBd0I7a0JBbkNwQyxTQUFTOytCQUNFLDhCQUE4QixjQUM1QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSw0QkFBNEIsRUFBQyxrQkFDM0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLDZCQUE2Qjs0QkFDeEMsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsVUFBVSxDQUFDO3lCQUN6RjtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIElucHV0LCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgT3B0aW9uPFQ+IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogVDtcbn1cblxuQERpcmVjdGl2ZSh7c3RhbmRhbG9uZTogdHJ1ZX0pXG5leHBvcnQgY2xhc3MgU2VsZWN0SW5wdXRGaWVsZE1vbGVjdWxlU3RvcmU8VD4ge1xuICByZWFkb25seSBjb250cm9sID0gaW5wdXQobmV3IEZvcm1Db250cm9sPFQ+KHt9IGFzIFQpKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IGFwcGVhcmFuY2UgPSBpbnB1dDwnb3V0bGluZScgfCAnZmlsbCc+KCdvdXRsaW5lJyk7XG4gIHJlYWRvbmx5IG9wdGlvbnMgPSBpbnB1dDxPcHRpb248VD5bXT4oW10pO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQobnVsbCk7IFxuICByZWFkb25seSBwbGFjZWhvbGRlciA9IGlucHV0KG51bGwpO1xuICByZWFkb25seSBtdWx0aXBsZSA9IGlucHV0KGZhbHNlKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXNlbGVjdC1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGUsXG4gICAgRXJyb3JQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwic3RvcmUuYXBwZWFyYW5jZSgpXCI+XG4gICAgPG1hdC1sYWJlbD57eyBzdG9yZS5sYWJlbCgpIH19PC9tYXQtbGFiZWw+XG4gICAgPG1hdC1zZWxlY3QgW2Zvcm1Db250cm9sXT1cInN0b3JlLmNvbnRyb2woKVwiIFttdWx0aXBsZV09XCJzdG9yZS5tdWx0aXBsZSgpXCI+XG4gICAgQGZvciAob3B0aW9uIG9mIHN0b3JlLm9wdGlvbnMoKTsgdHJhY2sgb3B0aW9uPy52YWx1ZSkge1xuICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPlxuICAgICAgICB7eyBvcHRpb24ubmFtZSB9fVxuICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIH1cbiAgICA8L21hdC1zZWxlY3Q+XG4gICAgQGlmIChzdG9yZS5oaW50KCkpIHtcbiAgICAgIDxtYXQtaGludD57eyBzdG9yZS5oaW50KCkgfX08L21hdC1oaW50PlxuICAgIH1cbiAgICA8bWF0LWVycm9yPnt7IHN0b3JlLmNvbnRyb2woKS5lcnJvcnMgfCBlcnJvciB9fTwvbWF0LWVycm9yPlxuICA8L21hdC1mb3JtLWZpZWxkPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtaW5wdXQtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgaW5wdXQtZmllbGQgZmllbGQnfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFNlbGVjdElucHV0RmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2NvbnRyb2wnLCAnbGFiZWwnLCAnYXBwZWFyYW5jZScsICdvcHRpb25zJywgJ2hpbnQnLCAncGxhY2Vob2xkZXInLCAnbXVsdGlwbGUnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RJbnB1dEZpZWxkTW9sZWN1bGU8VD4ge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoU2VsZWN0SW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUpO1xufVxuIl19

package/esm2022/molecules/smart-column/smart-column.molecule.mjs

@@ -1,37 +1,107 @@
 import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';
+import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';
+import { ChangeDetectionStrategy, Output, EventEmitter, Component, ViewEncapsulation, Directive, input, signal, inject, effect, viewChild } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { MatTableModule, MatTextColumn } from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/clipboard";
-import * as i3 from "@ng-atomic/common/pipes/smart-exp";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/table";
-import * as i6 from "@angular/material/tooltip";
-export class SmartColumnMolecule extends MatTextColumn {
+import * as i1 from "@angular/cdk/clipboard";
+import * as i2 from "@ng-atomic/common/pipes/smart-exp";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/table";
+import * as i5 from "@angular/material/tooltip";
+export class SmartColumnTemplateStore {
     constructor() {
-        super(...arguments);
-        this.sort = 'none';
+        this.sort = input('none');
+        this.tooltipText = signal('copy');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartColumnTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SmartColumnTemplateStore, isStandalone: true, inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartColumnTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+export class SmartColumnMolecule extends NgAtomicComponent {
+    constructor() {
+        super();
+        this.store = inject(SmartColumnTemplateStore);
+        this._table = inject(CdkTable, { optional: true });
+        this.headerText = input('');
+        this.name = input.required();
+        this.columnDef = viewChild.required(CdkColumnDef);
+        this.cell = viewChild.required(CdkCellDef);
+        this.headerCell = viewChild.required(CdkHeaderCellDef);
         this.headerClick = new EventEmitter();
-        this.text = 'copy';
+        effect(() => {
+            if (this.columnDef())
+                this.columnDef().name = this.name();
+        });
+    }
+    ngOnInit() {
+        if (this._table) {
+            this.columnDef().name = this.name();
+            this.columnDef().cell = this.cell();
+            this.columnDef().headerCell = this.headerCell();
+            this._table.addColumnDef(this.columnDef());
+        }
+    }
+    ngOnDestroy() {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef());
+        }
     }
     copied() {
-        this.text = 'copied!';
-        setTimeout(() => this.text = 'copy', 1000);
+        this.store.tooltipText.set('copied!');
+        setTimeout(() => this.store.tooltipText.set('copy'), 1000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartColumnMolecule, isStandalone: true, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name | smartExp: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i3.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SmartColumnMolecule, isStandalone: true, selector: "molecules-smart-column", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerClick: "headerClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: SmartColumnTemplateStore, inputs: ["sort", "sort"] }], ngImport: i0, template: `
+  <ng-container matColumnDef>
+    <th
+      mat-header-cell
+      *matHeaderCellDef
+      [style.text-align]="justify"
+      (click)="headerClick.emit()"
+    >
+      <p
+        class="nowrap"
+        style="display: flex; align-items: center;"
+      >
+        <span>{{ headerText() }}</span>
+        @switch(store.sort()) {
+          @case('asc') {
+            <mat-icon class="order">south</mat-icon>
+          }
+          @case('desc') {
+            <mat-icon class="order">north</mat-icon>
+          }
+        }
+      </p>
+    </th>
+    <td
+      mat-cell
+      *matCellDef="let item"
+      [style.text-align]="justify"
+    >
+      <p class="nowrap"
+        [cdkCopyToClipboard]="item | dataAccessor: name() | smartExp: name()"
+        (click)="copied(); tooltip.show()"
+        #tooltip="matTooltip" [matTooltip]="store.tooltipText()" matTooltipPosition="below"
+      >
+        {{ item | dataAccessor: name() | smartExp: name() }}
+      </p>
+    </td>
+  </ng-container>
+  `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartColumnMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-smart-column', standalone: true, imports: [
-                        CommonModule,
                         ClipboardModule,
                         SmartExpModule,
                         DataAccessorPipe,
@@ -39,10 +109,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatIconModule,
                         MatTableModule,
                         MatTooltipModule,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name | smartExp: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], propDecorators: { sort: [{
-                type: Input
-            }], headerClick: [{
+                    ], template: `
+  <ng-container matColumnDef>
+    <th
+      mat-header-cell
+      *matHeaderCellDef
+      [style.text-align]="justify"
+      (click)="headerClick.emit()"
+    >
+      <p
+        class="nowrap"
+        style="display: flex; align-items: center;"
+      >
+        <span>{{ headerText() }}</span>
+        @switch(store.sort()) {
+          @case('asc') {
+            <mat-icon class="order">south</mat-icon>
+          }
+          @case('desc') {
+            <mat-icon class="order">north</mat-icon>
+          }
+        }
+      </p>
+    </th>
+    <td
+      mat-cell
+      *matCellDef="let item"
+      [style.text-align]="justify"
+    >
+      <p class="nowrap"
+        [cdkCopyToClipboard]="item | dataAccessor: name() | smartExp: name()"
+        (click)="copied(); tooltip.show()"
+        #tooltip="matTooltip" [matTooltip]="store.tooltipText()" matTooltipPosition="below"
+      >
+        {{ item | dataAccessor: name() | smartExp: name() }}
+      </p>
+    </td>
+  </ng-container>
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: SmartColumnTemplateStore,
+                            inputs: ['sort'],
+                        },
+                    ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p,td[mat-cell] p{width:100%;max-width:200px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { headerClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7OztBQW9CbkUsTUFBTSxPQUFPLG1CQUF1QixTQUFRLGFBQWdCO0lBbEI1RDs7UUFxQkUsU0FBSSxHQUE0QixNQUFNLENBQUM7UUFHdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZDLFNBQUksR0FBRyxNQUFNLENBQUM7S0FNZjtJQUpDLE1BQU07UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzsrR0FiVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0S0M1QmhDLG00QkF3QmUsMlREVlgsWUFBWSwwTkFDWixlQUFlLHlOQUNmLGNBQWMscUZBQ2QsZ0JBQWdCLG9EQUNoQixlQUFlLDhCQUNmLGFBQWEsbUxBQ2IsY0FBYyxrZEFDZCxnQkFBZ0I7OzRGQU9QLG1CQUFtQjtrQkFsQi9CLFNBQVM7K0JBQ0Usd0JBQXdCLGNBQ3RCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGdCQUFnQjtxQkFDakIsaUJBR2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsaXBib2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRUYWJsZU1vZHVsZSwgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IERhdGFBY2Nlc3NvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9kYXRhLWFjY2Vzc29yJztcbmltcG9ydCB7IFNtYXJ0RXhwTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvc21hcnQtZXhwJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXNtYXJ0LWNvbHVtbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ2xpcGJvYXJkTW9kdWxlLFxuICAgIFNtYXJ0RXhwTW9kdWxlLFxuICAgIERhdGFBY2Nlc3NvclBpcGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtY29sdW1uLm1vbGVjdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9sZWN1bGU8VD4gZXh0ZW5kcyBNYXRUZXh0Q29sdW1uPFQ+IHtcblxuICBASW5wdXQoKVxuICBzb3J0OiAnYXNjJyB8ICdkZXNjJyB8ICdub25lJyA9ICdub25lJztcblxuICBAT3V0cHV0KClcbiAgaGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgdGV4dCA9ICdjb3B5JztcblxuICBjb3BpZWQoKSB7XG4gICAgdGhpcy50ZXh0ID0gJ2NvcGllZCEnO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy50ZXh0ID0gJ2NvcHknLCAxMDAwKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY+XG4gIDx0aFxuICAgIG1hdC1oZWFkZXItY2VsbFxuICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiXG4gICAgKGNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cbiAgICAgIDxzcGFuPnt7aGVhZGVyVGV4dH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic29ydFwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9tYXQtaWNvbj5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIiAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCI+bm9ydGg8L21hdC1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wPlxuICA8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZGF0YVwiIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIj5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICBbY2RrQ29weVRvQ2xpcGJvYXJkXT1cImRhdGEgfCBkYXRhQWNjZXNzb3I6IG5hbWUgfCBzbWFydEV4cDogbmFtZVwiXG4gICAgICAoY2xpY2spPVwiY29waWVkKCk7IHRvb2x0aXAuc2hvdygpXCJcbiAgICAgICN0b29sdGlwPVwibWF0VG9vbHRpcFwiIFttYXRUb29sdGlwXT1cInRleHRcIiBtYXRUb29sdGlwUG9zaXRpb249XCJiZWxvd1wiXG4gICAgPlxuICAgICAge3sgZGF0YSB8IGRhdGFBY2Nlc3NvcjogbmFtZSB8IHNtYXJ0RXhwOiBuYW1lIH19XG4gICAgPC9wPlxuICA8L3RkPlxuPC9uZy1jb250YWluZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzFGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFHcEQsTUFBTSxPQUFPLHdCQUF3QjtJQURyQztRQUVXLFNBQUksR0FBRyxLQUFLLENBQTBCLE1BQU0sQ0FBQyxDQUFDO1FBQzlDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQ3ZDOzhHQUhZLHdCQUF3QjtrR0FBeEIsd0JBQXdCOzsyRkFBeEIsd0JBQXdCO2tCQURwQyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRTs7QUFrRS9CLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxpQkFBaUI7SUFTM0Q7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVRBLFVBQUssR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUMzQyxXQUFNLEdBQUcsTUFBTSxDQUFDLFFBQVEsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBQzNDLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0IsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNoQyxjQUFTLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM3QyxTQUFJLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN0QyxlQUFVLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBd0JqRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFwQi9DLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUQsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7SUFJUyxNQUFNO1FBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0QsQ0FBQzs4R0FwQ1UsbUJBQW1CO2tHQUFuQixtQkFBbUIsNmFBS1UsWUFBWSx1RkFDakIsVUFBVSw2RkFDSixnQkFBZ0IsNkZBeEU5Qyx3QkFBd0IsdURBaUJ6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVCwyWUE3Q0MsZUFBZSx5TkFDZixjQUFjLHFGQUNkLGdCQUFnQixvREFDaEIsZUFBZSw4QkFDZixhQUFhLG1MQUNiLGNBQWMsa2RBQ2QsZ0JBQWdCOzsyRkFrRFAsbUJBQW1CO2tCQTVEL0IsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGdCQUFnQjtxQkFDakIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVCxpQkFFYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsd0JBQXdCOzRCQUNuQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUM7eUJBQ2pCO3FCQUNGO3dEQWlDUyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xpcGJvYXJkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NsaXBib2FyZCc7XG5pbXBvcnQgeyBDZGtDZWxsRGVmLCBDZGtDb2x1bW5EZWYsIENka0hlYWRlckNlbGxEZWYsIENka1RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgRGlyZWN0aXZlLCBpbnB1dCwgc2lnbmFsLCBpbmplY3QsIGVmZmVjdCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBEYXRhQWNjZXNzb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZGF0YS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBTbWFydEV4cE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NtYXJ0LWV4cCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgU21hcnRDb2x1bW5UZW1wbGF0ZVN0b3JlPFQ+IHtcbiAgcmVhZG9ubHkgc29ydCA9IGlucHV0PCdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnPignbm9uZScpO1xuICByZWFkb25seSB0b29sdGlwVGV4dCA9IHNpZ25hbCgnY29weScpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtc21hcnQtY29sdW1uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENsaXBib2FyZE1vZHVsZSxcbiAgICBTbWFydEV4cE1vZHVsZSxcbiAgICBEYXRhQWNjZXNzb3JQaXBlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPlxuICAgIDx0aFxuICAgICAgbWF0LWhlYWRlci1jZWxsXG4gICAgICAqbWF0SGVhZGVyQ2VsbERlZlxuICAgICAgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiXG4gICAgICAoY2xpY2spPVwiaGVhZGVyQ2xpY2suZW1pdCgpXCJcbiAgICA+XG4gICAgICA8cFxuICAgICAgICBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICAgIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIlxuICAgICAgPlxuICAgICAgICA8c3Bhbj57eyBoZWFkZXJUZXh0KCkgfX08L3NwYW4+XG4gICAgICAgIEBzd2l0Y2goc3RvcmUuc29ydCgpKSB7XG4gICAgICAgICAgQGNhc2UoJ2FzYycpIHtcbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCI+c291dGg8L21hdC1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAY2FzZSgnZGVzYycpIHtcbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCI+bm9ydGg8L21hdC1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgPC9wPlxuICAgIDwvdGg+XG4gICAgPHRkXG4gICAgICBtYXQtY2VsbFxuICAgICAgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiXG4gICAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJqdXN0aWZ5XCJcbiAgICA+XG4gICAgICA8cCBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICAgIFtjZGtDb3B5VG9DbGlwYm9hcmRdPVwiaXRlbSB8IGRhdGFBY2Nlc3NvcjogbmFtZSgpIHwgc21hcnRFeHA6IG5hbWUoKVwiXG4gICAgICAgIChjbGljayk9XCJjb3BpZWQoKTsgdG9vbHRpcC5zaG93KClcIlxuICAgICAgICAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJzdG9yZS50b29sdGlwVGV4dCgpXCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYmVsb3dcIlxuICAgICAgPlxuICAgICAgICB7eyBpdGVtIHwgZGF0YUFjY2Vzc29yOiBuYW1lKCkgfCBzbWFydEV4cDogbmFtZSgpIH19XG4gICAgICA8L3A+XG4gICAgPC90ZD5cbiAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogU21hcnRDb2x1bW5UZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ3NvcnQnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydENvbHVtbk1vbGVjdWxlPFQ+IGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoU21hcnRDb2x1bW5UZW1wbGF0ZVN0b3JlKTtcbiAgcHJpdmF0ZSBfdGFibGUgPSBpbmplY3QoQ2RrVGFibGUsIHtvcHRpb25hbDogdHJ1ZX0pO1xuICByZWFkb25seSBoZWFkZXJUZXh0ID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHJlYWRvbmx5IG5hbWUgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGNvbHVtbkRlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZChDZGtDb2x1bW5EZWYpO1xuICByZWFkb25seSBjZWxsID0gdmlld0NoaWxkLnJlcXVpcmVkKENka0NlbGxEZWYpO1xuICByZWFkb25seSBoZWFkZXJDZWxsID0gdmlld0NoaWxkLnJlcXVpcmVkKENka0hlYWRlckNlbGxEZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmNvbHVtbkRlZigpKSB0aGlzLmNvbHVtbkRlZigpLm5hbWUgPSB0aGlzLm5hbWUoKTtcbiAgICB9KVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLmNvbHVtbkRlZigpLm5hbWUgPSB0aGlzLm5hbWUoKTtcbiAgICAgIHRoaXMuY29sdW1uRGVmKCkuY2VsbCA9IHRoaXMuY2VsbCgpO1xuICAgICAgdGhpcy5jb2x1bW5EZWYoKS5oZWFkZXJDZWxsID0gdGhpcy5oZWFkZXJDZWxsKCk7XG4gICAgICB0aGlzLl90YWJsZS5hZGRDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYoKSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLl90YWJsZS5yZW1vdmVDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYoKSk7XG4gICAgfVxuICB9XG5cbiAgQE91dHB1dCgpIGhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBjb3BpZWQoKSB7XG4gICAgdGhpcy5zdG9yZS50b29sdGlwVGV4dC5zZXQoJ2NvcGllZCEnKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuc3RvcmUudG9vbHRpcFRleHQuc2V0KCdjb3B5JyksIDEwMDApO1xuICB9XG59XG4iXX0=