@ng-atomic/components 16.2.0 → 16.3.1

package/esm2022/frames/side-nav/side-nav.frame.mjs

@@ -1,44 +1,72 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Directive, HostBinding, InjectionToken, Input, inject } from '@angular/core';
-import { injectUiConfig } from '@ng-atomic/common/services/ui';
+var SideNavFrameStore_1;
+import { __decorate } from "tslib";
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, HostBinding, inject, input, signal } from '@angular/core';
+import { makeConfig } from '@ng-atomic/common/services/ui';
 import { DrawerFrame } from '@ng-atomic/components/frames/drawer';
 import { LineUpFrame } from '@ng-atomic/components/frames/line-up';
 import { MenuTemplateStore } from '@ng-atomic/components/templates/menu';
-import { NgAtomicComponent } from '@ng-atomic/core';
-import { signalize } from '@ng-atomic/common/pipes/signal';
+import { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';
 import { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';
 import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SideNavFrameStore extends InjectableComponent {
+export function injectSideNavMode() {
+    return signal('collapsed');
+}
+let SideNavFrameStore = class SideNavFrameStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.actions = [];
-        this.menuType = injectUiConfig(['frames', 'sideNav', 'menuType']);
-        this.mode = 'expanded';
-        this.frameType = injectUiConfig(['frames', 'sideNav', 'frameType']);
+        this.config = SideNavFrameStore_1.Config.inject();
+        this.actions = input(_computed(() => this.config().actions));
+        this.menuType = input(_computed(() => this.config().menuType));
+        this.menuTitle = input(_computed(() => this.config().menuTitle));
+        this.mode = input(_computed(() => this.config().mode));
+        this.frameType = input(_computed(() => this.config().frameType));
     }
-    static { this.TOKEN = new InjectionToken('side-nav-frame-store'); }
+    static { SideNavFrameStore_1 = this; }
+    static { this.Config = makeConfig(() => {
+        const getFrameType = (breakpoint) => {
+            switch (breakpoint) {
+                case 'xSmall': return 'drawer';
+                default: return 'lineup';
+            }
+        };
+        const getMenuType = (breakpoint) => {
+            switch (breakpoint) {
+                case 'xSmall': return 'menu';
+                case 'small':
+                case 'medium': return 'icon-button-menu';
+                default: return 'menu';
+            }
+        };
+        const getMode = (breakpoint) => {
+            switch (breakpoint) {
+                case 'xSmall': return 'collapsed';
+                default: return 'expanded';
+            }
+        };
+        return (_, context) => ({
+            actions: [],
+            menuType: getMenuType(context.breakpoint),
+            menuTitle: undefined,
+            mode: getMode(context.breakpoint),
+            frameType: getFrameType(context.breakpoint),
+        });
+    }, ['components', 'frames', 'sideNav']); }
     get attrFrame() {
         return this.frameType();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: "actions", menuType: ["menuType", "menuType", (v) => signalize(v)], mode: "mode", frameType: ["frameType", "frameType", (v) => signalize(v)] }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrameStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, menuType: { classPropertyName: "menuType", publicName: "menuType", isSignal: true, isRequired: false, transformFunction: null }, menuTitle: { classPropertyName: "menuTitle", publicName: "menuTitle", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, frameType: { classPropertyName: "frameType", publicName: "frameType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
+};
+SideNavFrameStore = SideNavFrameStore_1 = __decorate([
+    TokenizedType()
+], SideNavFrameStore);
+export { SideNavFrameStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-side-nav' }]
-        }], propDecorators: { actions: [{
-                type: Input
-            }], menuType: [{
-                type: Input,
-                args: [{ transform: (v) => signalize(v) }]
-            }], mode: [{
-                type: Input
-            }], frameType: [{
-                type: Input,
-                args: [{ transform: (v) => signalize(v) }]
-            }], attrFrame: [{
+        }], propDecorators: { attrFrame: [{
                 type: HostBinding,
                 args: ['attr.frame']
             }] } });
@@ -47,80 +75,106 @@ export class SideNavFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(SideNavFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "menuType", "menuType", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
-  <ng-container [ngSwitch]="store.frameType()">
-    <frames-drawer *ngSwitchCase="'drawer'" [isOpen]="store.mode === 'expanded'">
-      <ng-container drawer *ngTemplateOutlet="menu"></ng-container>
-      <ng-container contents *ngTemplateOutlet="contents"></ng-container>
-    </frames-drawer>
-    <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="true" [scope]="'nav'">
-      <ng-container main *ngTemplateOutlet="menu"></ng-container>
-      <div class="content" next><ng-container *ngTemplateOutlet="contents"></ng-container></div>
-    </frames-line-up>
-  </ng-container>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "menuType", "menuType", "menuTitle", "menuTitle", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
+  @switch (store.frameType()) {
+    @case ('drawer') {
+      @defer {
+        <frames-drawer [opened]="store.mode() === 'expanded'">
+          <ng-container *ngTemplateOutlet="menu" drawer/>
+          <ng-container *ngTemplateOutlet="contents" contents/>
+        </frames-drawer>
+      }
+    }
+    @default {
+      <!-- @defer { -->
+        <frames-line-up [hasNext]="true" [scope]="'nav'">
+          <ng-container *ngTemplateOutlet="menu" main/>
+          <div class="content" next><ng-container *ngTemplateOutlet="contents"/></div>
+        </frames-line-up>
+      <!-- } -->
+    }
+  }
 
   <ng-template #menu>
-    <ng-container [ngSwitch]="store.menuType()">
-      <templates-icon-button-menu injectable
-        *ngSwitchCase="'icon-button-menu'"
-        [actions]="store.actions"
-        (action)="dispatch($event)"
-      ></templates-icon-button-menu>
-      <templates-menu injectable
-        *ngSwitchCase="'menu'"
-        [actions]="store.actions"
-        (action)="dispatch($event)"
-      ></templates-menu>
-    </ng-container>
-  </ng-template>
-  <ng-template #contents>
-    <ng-content select="[contents]"></ng-content>
+    @switch (store.menuType()) {
+      @case ('icon-button-menu') {
+        <!-- @defer { -->
+          <templates-icon-button-menu injectable
+            [actions]="store.actions()"
+            (action)="dispatch($event)"
+          />
+        <!-- } -->
+      }
+      @default {
+        <!-- @defer { -->
+          <templates-menu injectable
+            [title]="store.menuTitle()"
+            [actions]="store.actions()"
+            (action)="dispatch($event)"
+          />
+        <!-- } -->
+      }
+    }
   </ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-p7rw: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-p7rw: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-p7rw: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-p7rw);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-p7rw)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-p7rw)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-p7rw)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-p7rw))}:host[frame=drawer] .menu{width:300px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer", inputs: ["isOpen"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  <ng-template #contents><ng-content/></ng-template>
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-tEBg: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-tEBg: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-tEBg: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-tEBg: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-tEBg: var(--on-primary-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-tEBg: var(--on-background-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-tEBg: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-tEBg: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-tEBg);--menu-background-color-SCOPED-IN-side-nav-tEBg: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-tEBg);--menu-on-background-color-SCOPED-IN-side-nav-tEBg: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-tEBg);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-tEBg);--surface-color: var(--surface-color-SCOPED-IN-side-nav-tEBg);--background-color: var(--background-color-SCOPED-IN-side-nav-tEBg);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-tEBg);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-tEBg);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-tEBg)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-tEBg);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-tEBg);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-tEBg)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-tEBg));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SideNavFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
-                        CommonModule,
+                        NgTemplateOutlet,
                         DrawerFrame,
                         LineUpFrame,
                         IconButtonMenuTemplateStore,
                         MenuTemplateStore,
                     ], selector: 'frames-side-nav', template: `
-  <ng-container [ngSwitch]="store.frameType()">
-    <frames-drawer *ngSwitchCase="'drawer'" [isOpen]="store.mode === 'expanded'">
-      <ng-container drawer *ngTemplateOutlet="menu"></ng-container>
-      <ng-container contents *ngTemplateOutlet="contents"></ng-container>
-    </frames-drawer>
-    <frames-line-up *ngSwitchCase="'lineup'" [hasNext]="true" [scope]="'nav'">
-      <ng-container main *ngTemplateOutlet="menu"></ng-container>
-      <div class="content" next><ng-container *ngTemplateOutlet="contents"></ng-container></div>
-    </frames-line-up>
-  </ng-container>
+  @switch (store.frameType()) {
+    @case ('drawer') {
+      @defer {
+        <frames-drawer [opened]="store.mode() === 'expanded'">
+          <ng-container *ngTemplateOutlet="menu" drawer/>
+          <ng-container *ngTemplateOutlet="contents" contents/>
+        </frames-drawer>
+      }
+    }
+    @default {
+      <!-- @defer { -->
+        <frames-line-up [hasNext]="true" [scope]="'nav'">
+          <ng-container *ngTemplateOutlet="menu" main/>
+          <div class="content" next><ng-container *ngTemplateOutlet="contents"/></div>
+        </frames-line-up>
+      <!-- } -->
+    }
+  }
 
   <ng-template #menu>
-    <ng-container [ngSwitch]="store.menuType()">
-      <templates-icon-button-menu injectable
-        *ngSwitchCase="'icon-button-menu'"
-        [actions]="store.actions"
-        (action)="dispatch($event)"
-      ></templates-icon-button-menu>
-      <templates-menu injectable
-        *ngSwitchCase="'menu'"
-        [actions]="store.actions"
-        (action)="dispatch($event)"
-      ></templates-menu>
-    </ng-container>
-  </ng-template>
-  <ng-template #contents>
-    <ng-content select="[contents]"></ng-content>
+    @switch (store.menuType()) {
+      @case ('icon-button-menu') {
+        <!-- @defer { -->
+          <templates-icon-button-menu injectable
+            [actions]="store.actions()"
+            (action)="dispatch($event)"
+          />
+        <!-- } -->
+      }
+      @default {
+        <!-- @defer { -->
+          <templates-menu injectable
+            [title]="store.menuTitle()"
+            [actions]="store.actions()"
+            (action)="dispatch($event)"
+          />
+        <!-- } -->
+      }
+    }
   </ng-template>
+  <ng-template #contents><ng-content/></ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: SideNavFrameStore,
-                            inputs: ['actions', 'menuType', 'mode', 'frameType'],
+                            inputs: ['actions', 'menuType', 'menuTitle', 'mode', 'frameType'],
                         },
-                    ], styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-p7rw: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-p7rw: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-p7rw: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-p7rw);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-p7rw)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-p7rw)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-p7rw)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-p7rw))}:host[frame=drawer] .menu{width:300px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-tEBg: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-tEBg: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-tEBg: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-tEBg: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-tEBg: var(--on-primary-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-tEBg: var(--on-background-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-tEBg: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-tEBg: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-tEBg);--menu-background-color-SCOPED-IN-side-nav-tEBg: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-tEBg);--menu-on-background-color-SCOPED-IN-side-nav-tEBg: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-tEBg);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-tEBg);--surface-color: var(--surface-color-SCOPED-IN-side-nav-tEBg);--background-color: var(--background-color-SCOPED-IN-side-nav-tEBg);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-tEBg);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-tEBg);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-tEBg)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-tEBg);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-tEBg);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-tEBg)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-tEBg));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc2lkZS1uYXYvc2lkZS1uYXYuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFvQixNQUFNLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzlKLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUUvRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBR3RELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxtQkFBbUI7SUFEMUQ7O1FBS1csWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUd2QixhQUFRLEdBQUcsY0FBYyxDQUFDLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO1FBRzdELFNBQUksR0FBNkIsVUFBVSxDQUFDO1FBRzVDLGNBQVMsR0FBRyxjQUFjLENBQUMsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUM7S0FNekU7YUFsQlEsVUFBSyxHQUFHLElBQUksY0FBYyxDQUFDLHNCQUFzQixDQUFDLEFBQTdDLENBQThDO0lBYzFELElBQ0ksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQzFCLENBQUM7K0dBbEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLG9IQU1ULENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLHVEQU14QixDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQzs7NEZBWmhDLGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOzhCQUtqRCxPQUFPO3NCQURmLEtBQUs7Z0JBSUcsUUFBUTtzQkFEaEIsS0FBSzt1QkFBQyxFQUFDLFNBQVMsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFDO2dCQUluQyxJQUFJO3NCQURaLEtBQUs7Z0JBSUcsU0FBUztzQkFEakIsS0FBSzt1QkFBQyxFQUFDLFNBQVMsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFDO2dCQUl4QyxTQUFTO3NCQURaLFdBQVc7dUJBQUMsWUFBWTs7QUF3RDNCLE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBakRuRDs7UUFrRFksVUFBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQzdDOytHQUZZLFlBQVk7bUdBQVosWUFBWSx3R0F2RVosaUJBQWlCLCtIQWdDbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJULHUzQkFwQ0MsWUFBWSxrWUFDWixXQUFXLDhFQUNYLFdBQVcseUZBQ1gsMkJBQTJCLDRGQUMzQixpQkFBaUI7OzRGQTBDUixZQUFZO2tCQWpEeEIsU0FBUztpQ0FDSSxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsMkJBQTJCO3dCQUMzQixpQkFBaUI7cUJBQ2xCLFlBQ1MsaUJBQWlCLFlBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsV0FBVyxDQUFDO3lCQUNyRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQsIFNpZ25hbCwgY29tcHV0ZWQsIGluamVjdCwgaXNTaWduYWwsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaW5qZWN0VWlDb25maWcgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zZXJ2aWNlcy91aSc7XG5pbXBvcnQgeyBEcmF3ZXJGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvZHJhd2VyJztcbmltcG9ydCB7IExpbmVVcEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9saW5lLXVwJztcbmltcG9ydCB7IE1lbnVUZW1wbGF0ZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9tZW51JztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IHNpZ25hbGl6ZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NpZ25hbCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2ljb24tYnV0dG9uLW1lbnUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtc2lkZS1uYXYnIH0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIFRPS0VOID0gbmV3IEluamVjdGlvblRva2VuKCdzaWRlLW5hdi1mcmFtZS1zdG9yZScpO1xuXG4gIEBJbnB1dCgpXG4gIHJlYWRvbmx5IGFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KHt0cmFuc2Zvcm06ICh2OiBhbnkpID0+IHNpZ25hbGl6ZSh2KX0pXG4gIHJlYWRvbmx5IG1lbnVUeXBlID0gaW5qZWN0VWlDb25maWcoWydmcmFtZXMnLCAnc2lkZU5hdicsICdtZW51VHlwZSddKTtcblxuICBASW5wdXQoKVxuICByZWFkb25seSBtb2RlOiAnZXhwYW5kZWQnIHwgJ2NvbGxhcHNlZCcgPSAnZXhwYW5kZWQnO1xuXG4gIEBJbnB1dCh7dHJhbnNmb3JtOiAodjogYW55KSA9PiBzaWduYWxpemUodil9KVxuICByZWFkb25seSBmcmFtZVR5cGUgPSBpbmplY3RVaUNvbmZpZyhbJ2ZyYW1lcycsICdzaWRlTmF2JywgJ2ZyYW1lVHlwZSddKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZnJhbWUnKVxuICBnZXQgYXR0ckZyYW1lKCkge1xuICAgIHJldHVybiB0aGlzLmZyYW1lVHlwZSgpO1xuICB9XG59XG5cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRHJhd2VyRnJhbWUsXG4gICAgTGluZVVwRnJhbWUsXG4gICAgSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlLFxuICAgIE1lbnVUZW1wbGF0ZVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ2ZyYW1lcy1zaWRlLW5hdicsXG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInN0b3JlLmZyYW1lVHlwZSgpXCI+XG4gICAgPGZyYW1lcy1kcmF3ZXIgKm5nU3dpdGNoQ2FzZT1cIidkcmF3ZXInXCIgW2lzT3Blbl09XCJzdG9yZS5tb2RlID09PSAnZXhwYW5kZWQnXCI+XG4gICAgICA8bmctY29udGFpbmVyIGRyYXdlciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgY29udGVudHMgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50c1wiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZnJhbWVzLWRyYXdlcj5cbiAgICA8ZnJhbWVzLWxpbmUtdXAgKm5nU3dpdGNoQ2FzZT1cIidsaW5ldXAnXCIgW2hhc05leHRdPVwidHJ1ZVwiIFtzY29wZV09XCInbmF2J1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciBtYWluICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiBuZXh0PjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50c1wiPjwvbmctY29udGFpbmVyPjwvZGl2PlxuICAgIDwvZnJhbWVzLWxpbmUtdXA+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy10ZW1wbGF0ZSAjbWVudT5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzdG9yZS5tZW51VHlwZSgpXCI+XG4gICAgICA8dGVtcGxhdGVzLWljb24tYnV0dG9uLW1lbnUgaW5qZWN0YWJsZVxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24tYnV0dG9uLW1lbnUnXCJcbiAgICAgICAgW2FjdGlvbnNdPVwic3RvcmUuYWN0aW9uc1wiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICA+PC90ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudT5cbiAgICAgIDx0ZW1wbGF0ZXMtbWVudSBpbmplY3RhYmxlXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCInbWVudSdcIlxuICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgID48L3RlbXBsYXRlcy1tZW51PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLXRlbXBsYXRlPlxuICA8bmctdGVtcGxhdGUgI2NvbnRlbnRzPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50c11cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbmF2LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTaWRlTmF2RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJywgJ21lbnVUeXBlJywgJ21vZGUnLCAnZnJhbWVUeXBlJ10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoU2lkZU5hdkZyYW1lU3RvcmUpO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc2lkZS1uYXYvc2lkZS1uYXYuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWtCLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xJLE9BQU8sRUFBYyxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDL0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRXRELE1BQU0sVUFBVSxpQkFBaUI7SUFDL0IsT0FBTyxNQUFNLENBQTJCLFdBQVcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFJTSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFrQ0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxZQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUN4RCxhQUFRLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUMxRCxjQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUM1RCxTQUFJLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztLQU10RTs7YUE1Q2lCLFdBQU0sR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ3ZDLE1BQU0sWUFBWSxHQUFHLENBQUMsVUFBc0IsRUFBRSxFQUFFO1lBQzlDLFFBQVEsVUFBVSxFQUFFO2dCQUNsQixLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sUUFBUSxDQUFDO2dCQUMvQixPQUFPLENBQUMsQ0FBQyxPQUFPLFFBQVEsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQTtRQUVELE1BQU0sV0FBVyxHQUFHLENBQUMsVUFBc0IsRUFBRSxFQUFFO1lBQzdDLFFBQVEsVUFBVSxFQUFFO2dCQUNsQixLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sTUFBTSxDQUFDO2dCQUM3QixLQUFLLE9BQU8sQ0FBQztnQkFDYixLQUFLLFFBQVEsQ0FBQyxDQUFDLE9BQU8sa0JBQWtCLENBQUM7Z0JBQ3pDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sTUFBTSxDQUFDO2FBQ3hCO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsTUFBTSxPQUFPLEdBQUcsQ0FBQyxVQUFzQixFQUFFLEVBQUU7WUFDekMsUUFBUSxVQUFVLEVBQUU7Z0JBQ2xCLEtBQUssUUFBUSxDQUFDLENBQUMsT0FBTyxXQUFXLENBQUM7Z0JBQ2xDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sVUFBVSxDQUFDO2FBQzVCO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsT0FBTyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDdEIsT0FBTyxFQUFFLEVBQUU7WUFDWCxRQUFRLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7WUFDekMsU0FBUyxFQUFFLFNBQW1CO1lBQzlCLElBQUksRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztZQUNqQyxTQUFTLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQXdCO1NBQ25FLENBQUMsQ0FBQztJQUNMLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQUEvQmpCLENBK0JrQjtJQVN4QyxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUMxQixDQUFDOzhHQTVDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQTZDN0I7OzJGQTdDWSxpQkFBaUI7a0JBRDdCLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRTs4QkEyQ3RELFNBQVM7c0JBRFosV0FBVzt1QkFBQyxZQUFZOztBQXFFM0IsTUFBTSxPQUFPLFlBQWEsU0FBUSxpQkFBaUI7SUE5RG5EOztRQStEWSxVQUFLLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7S0FDN0M7OEdBRlksWUFBWTtrR0FBWixZQUFZLHdHQTlHWixpQkFBaUIseUpBMERsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENULHlrRUFqREMsZ0JBQWdCLG9KQUVoQixXQUFXLDJEQUNYLDJCQUEyQiw0RkFDM0IsaUJBQWlCOzsyRkF1RFIsWUFBWTtrQkE5RHhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxXQUFXO3dCQUNYLDJCQUEyQjt3QkFDM0IsaUJBQWlCO3FCQUNsQixZQUNTLGlCQUFpQixZQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsaUJBQWlCOzRCQUM1QixNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxDQUFDO3lCQUNsRTtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgV3JpdGFibGVTaWduYWwsIGluamVjdCwgaW5wdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJlYWtwb2ludCwgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IERyYXdlckZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9kcmF3ZXInO1xuaW1wb3J0IHsgTGluZVVwRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2xpbmUtdXAnO1xuaW1wb3J0IHsgTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL21lbnUnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQsIFRva2VuaXplZFR5cGUsIF9jb21wdXRlZCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2ljb24tYnV0dG9uLW1lbnUnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBpbmplY3RTaWRlTmF2TW9kZSgpOiBXcml0YWJsZVNpZ25hbDwnY29sbGFwc2VkJyB8ICdleHBhbmRlZCc+IHtcbiAgcmV0dXJuIHNpZ25hbDwnY29sbGFwc2VkJyB8ICdleHBhbmRlZCc+KCdjb2xsYXBzZWQnKTtcbn1cblxuQFRva2VuaXplZFR5cGUoKVxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnZnJhbWVzLXNpZGUtbmF2JyB9KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZGcmFtZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICBjb25zdCBnZXRGcmFtZVR5cGUgPSAoYnJlYWtwb2ludDogQnJlYWtwb2ludCkgPT4ge1xuICAgICAgc3dpdGNoIChicmVha3BvaW50KSB7XG4gICAgICAgIGNhc2UgJ3hTbWFsbCc6IHJldHVybiAnZHJhd2VyJztcbiAgICAgICAgZGVmYXVsdDogcmV0dXJuICdsaW5ldXAnO1xuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGdldE1lbnVUeXBlID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQpID0+IHtcbiAgICAgIHN3aXRjaCAoYnJlYWtwb2ludCkge1xuICAgICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ21lbnUnO1xuICAgICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgIGNhc2UgJ21lZGl1bSc6IHJldHVybiAnaWNvbi1idXR0b24tbWVudSc7XG4gICAgICAgIGRlZmF1bHQ6IHJldHVybiAnbWVudSc7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgZ2V0TW9kZSA9IChicmVha3BvaW50OiBCcmVha3BvaW50KSA9PiB7XG4gICAgICBzd2l0Y2ggKGJyZWFrcG9pbnQpIHtcbiAgICAgICAgY2FzZSAneFNtYWxsJzogcmV0dXJuICdjb2xsYXBzZWQnO1xuICAgICAgICBkZWZhdWx0OiByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKF8sIGNvbnRleHQpID0+ICh7XG4gICAgICBhY3Rpb25zOiBbXSxcbiAgICAgIG1lbnVUeXBlOiBnZXRNZW51VHlwZShjb250ZXh0LmJyZWFrcG9pbnQpLFxuICAgICAgbWVudVRpdGxlOiB1bmRlZmluZWQgYXMgc3RyaW5nLFxuICAgICAgbW9kZTogZ2V0TW9kZShjb250ZXh0LmJyZWFrcG9pbnQpLFxuICAgICAgZnJhbWVUeXBlOiBnZXRGcmFtZVR5cGUoY29udGV4dC5icmVha3BvaW50KSBhcyAnbGluZXVwJyB8ICdkcmF3ZXInLFxuICAgIH0pO1xuICB9LCBbJ2NvbXBvbmVudHMnLCAnZnJhbWVzJywgJ3NpZGVOYXYnXSk7XG5cbiAgcmVhZG9ubHkgY29uZmlnID0gU2lkZU5hdkZyYW1lU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuYWN0aW9ucykpO1xuICByZWFkb25seSBtZW51VHlwZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1lbnVUeXBlKSk7XG4gIHJlYWRvbmx5IG1lbnVUaXRsZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1lbnVUaXRsZSkpO1xuICByZWFkb25seSBtb2RlID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubW9kZSkpO1xuICByZWFkb25seSBmcmFtZVR5cGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5mcmFtZVR5cGUpKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZnJhbWUnKVxuICBnZXQgYXR0ckZyYW1lKCkge1xuICAgIHJldHVybiB0aGlzLmZyYW1lVHlwZSgpO1xuICB9XG59XG5cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIERyYXdlckZyYW1lLFxuICAgIExpbmVVcEZyYW1lLFxuICAgIEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICBNZW51VGVtcGxhdGVTdG9yZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICdmcmFtZXMtc2lkZS1uYXYnLFxuICB0ZW1wbGF0ZTogYFxuICBAc3dpdGNoIChzdG9yZS5mcmFtZVR5cGUoKSkge1xuICAgIEBjYXNlICgnZHJhd2VyJykge1xuICAgICAgQGRlZmVyIHtcbiAgICAgICAgPGZyYW1lcy1kcmF3ZXIgW29wZW5lZF09XCJzdG9yZS5tb2RlKCkgPT09ICdleHBhbmRlZCdcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVwiIGRyYXdlci8+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRzXCIgY29udGVudHMvPlxuICAgICAgICA8L2ZyYW1lcy1kcmF3ZXI+XG4gICAgICB9XG4gICAgfVxuICAgIEBkZWZhdWx0IHtcbiAgICAgIDwhLS0gQGRlZmVyIHsgLS0+XG4gICAgICAgIDxmcmFtZXMtbGluZS11cCBbaGFzTmV4dF09XCJ0cnVlXCIgW3Njb3BlXT1cIiduYXYnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVcIiBtYWluLz5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiIG5leHQ+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRzXCIvPjwvZGl2PlxuICAgICAgICA8L2ZyYW1lcy1saW5lLXVwPlxuICAgICAgPCEtLSB9IC0tPlxuICAgIH1cbiAgfVxuXG4gIDxuZy10ZW1wbGF0ZSAjbWVudT5cbiAgICBAc3dpdGNoIChzdG9yZS5tZW51VHlwZSgpKSB7XG4gICAgICBAY2FzZSAoJ2ljb24tYnV0dG9uLW1lbnUnKSB7XG4gICAgICAgIDwhLS0gQGRlZmVyIHsgLS0+XG4gICAgICAgICAgPHRlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51IGluamVjdGFibGVcbiAgICAgICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwhLS0gfSAtLT5cbiAgICAgIH1cbiAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAgPCEtLSBAZGVmZXIgeyAtLT5cbiAgICAgICAgICA8dGVtcGxhdGVzLW1lbnUgaW5qZWN0YWJsZVxuICAgICAgICAgICAgW3RpdGxlXT1cInN0b3JlLm1lbnVUaXRsZSgpXCJcbiAgICAgICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwhLS0gfSAtLT5cbiAgICAgIH1cbiAgICB9XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudHM+PG5nLWNvbnRlbnQvPjwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbmF2LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTaWRlTmF2RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJywgJ21lbnVUeXBlJywgJ21lbnVUaXRsZScsICdtb2RlJywgJ2ZyYW1lVHlwZSddLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFNpZGVOYXZGcmFtZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/frames/smart-menu/smart-menu.frame.mjs

@@ -12,14 +12,14 @@ export class SmartMenuFrame {
         const page = this.outlet?.activatedRouteData?.['page'];
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-mjDV: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-mjDV: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-mjDV: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-mjDV);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-mjDV)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-mjDV)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-ETU0: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-ETU0: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-ETU0: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-ETU0);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-ETU0)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-ETU0)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-mjDV: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-mjDV: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-mjDV: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-mjDV);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-mjDV)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-mjDV)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-ETU0: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-ETU0: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-ETU0: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-ETU0);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-ETU0)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-ETU0)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChild,
                 args: ['next', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9zbWFydC1tZW51L3NtYXJ0LW1lbnUuZnJhbWUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc21hcnQtbWVudS9zbWFydC1tZW51LmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFZL0MsTUFBTSxPQUFPLGNBQWM7SUFWM0I7UUFZRSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixVQUFLLEdBQUcsTUFBTSxDQUFDO1FBTWYsaUJBQVksR0FBVyxHQUFHLENBQUM7S0FVNUI7SUFMQyxJQUFJLElBQUk7UUFDTixNQUFNLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0QsT0FBTyxJQUFJLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUM7SUFDdEYsQ0FBQzsrR0FuQlUsY0FBYzttR0FBZCxjQUFjLDJVQ2QzQixrTEFLTSxzeUJERUYsWUFBWTs7NEZBT0gsY0FBYztrQkFWMUIsU0FBUztpQ0FDSSxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxZQUFZO3NCQURYLFdBQVc7dUJBQUMscUJBQXFCO2dCQUlsQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIHNlbGVjdG9yOiAnZnJhbWVzLXNtYXJ0LW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtbWVudS5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtbWVudS5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydE1lbnVGcmFtZSB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5pcy1tYWluLWhpZGRlbicpXG4gIGlzTWFpbkhpZGRlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJ3Jvb3QnO1xuXG4gIEBJbnB1dCgpXG4gIG91dGxldD86IFJvdXRlck91dGxldDtcblxuICBASW5wdXQoKVxuICBtaW5OZXh0V2lkdGg6IG51bWJlciA9IDM2MDtcblxuICBAVmlld0NoaWxkKCduZXh0Jywge3N0YXRpYzogdHJ1ZX0pXG4gIG5leHQhOiBFbGVtZW50UmVmO1xuXG4gIGdldCBwYWdlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGFnZTogc3RyaW5nID0gdGhpcy5vdXRsZXQ/LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydwYWdlJ107XG4gICAgcmV0dXJuIHBhZ2UgPT09ICdCbGFuaycgPyAnQmxhbmsnIDogdGhpcy5pc01haW5IaWRkZW4gPyBgTmV4dGAgOiBgTmV4dFdpdGhNYWluUGFnZWA7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1lbnVcIiAjbWVudT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21lbnVdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudHNcIiAjY29udGVudHM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50c11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9zbWFydC1tZW51L3NtYXJ0LW1lbnUuZnJhbWUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc21hcnQtbWVudS9zbWFydC1tZW51LmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFZL0MsTUFBTSxPQUFPLGNBQWM7SUFWM0I7UUFZRSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixVQUFLLEdBQUcsTUFBTSxDQUFDO1FBTWYsaUJBQVksR0FBVyxHQUFHLENBQUM7S0FVNUI7SUFMQyxJQUFJLElBQUk7UUFDTixNQUFNLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0QsT0FBTyxJQUFJLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUM7SUFDdEYsQ0FBQzs4R0FuQlUsY0FBYztrR0FBZCxjQUFjLDJVQ2QzQixrTEFLTSxzeUJERUYsWUFBWTs7MkZBT0gsY0FBYztrQkFWMUIsU0FBUztpQ0FDSSxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxZQUFZO3NCQURYLFdBQVc7dUJBQUMscUJBQXFCO2dCQUlsQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIHNlbGVjdG9yOiAnZnJhbWVzLXNtYXJ0LW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtbWVudS5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtbWVudS5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydE1lbnVGcmFtZSB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5pcy1tYWluLWhpZGRlbicpXG4gIGlzTWFpbkhpZGRlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJ3Jvb3QnO1xuXG4gIEBJbnB1dCgpXG4gIG91dGxldD86IFJvdXRlck91dGxldDtcblxuICBASW5wdXQoKVxuICBtaW5OZXh0V2lkdGg6IG51bWJlciA9IDM2MDtcblxuICBAVmlld0NoaWxkKCduZXh0Jywge3N0YXRpYzogdHJ1ZX0pXG4gIG5leHQhOiBFbGVtZW50UmVmO1xuXG4gIGdldCBwYWdlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGFnZTogc3RyaW5nID0gdGhpcy5vdXRsZXQ/LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydwYWdlJ107XG4gICAgcmV0dXJuIHBhZ2UgPT09ICdCbGFuaycgPyAnQmxhbmsnIDogdGhpcy5pc01haW5IaWRkZW4gPyBgTmV4dGAgOiBgTmV4dFdpdGhNYWluUGFnZWA7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1lbnVcIiAjbWVudT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21lbnVdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudHNcIiAjY29udGVudHM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50c11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2022/frames/tabs/index.mjs

@@ -0,0 +1,2 @@
+export * from './tabs.frame';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvdGFicy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGFicy5mcmFtZSc7XG5cbiJdfQ==

package/esm2022/frames/tabs/ng-atomic-components-frames-tabs.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvdGFicy9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtdGFicy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/frames/tabs/tabs.frame.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, QueryList } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/tabs";
+export class TabsFrame {
+    constructor() {
+        this.tabs = [];
+    }
+    ngAfterContentInit() {
+        this.tabContents.forEach((content, index) => {
+            this.tabs.push({ content: content });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TabsFrame, isStandalone: true, selector: "frames-tabs", queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
+    <mat-tab-group>
+      <mat-tab *ngFor="let tab of tabs; let i = index" [label]="'Tab ' + (i + 1)">
+        <ng-container *ngTemplateOutlet="tab.content"></ng-container>
+      </mat-tab>
+    </mat-tab-group>
+  `, isInline: true, styles: [":host{display:block}:host{height:100%}:host mat-tab-group{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-tabs', standalone: true, imports: [
+                        CommonModule,
+                        MatTabsModule,
+                    ], template: `
+    <mat-tab-group>
+      <mat-tab *ngFor="let tab of tabs; let i = index" [label]="'Tab ' + (i + 1)">
+        <ng-container *ngTemplateOutlet="tab.content"></ng-container>
+      </mat-tab>
+    </mat-tab-group>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{height:100%}:host mat-tab-group{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"] }]
+        }], propDecorators: { tabContents: [{
+                type: ContentChildren,
+                args: ['tab']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy90YWJzL3RhYnMuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQWMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFtQnZELE1BQU0sT0FBTyxTQUFTO0lBakJ0QjtRQW9CRSxTQUFJLEdBQVUsRUFBRSxDQUFDO0tBT2xCO0lBTEMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDdkMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQVRVLFNBQVM7a0dBQVQsU0FBUyx1SUFWVjs7Ozs7O0dBTVQscU5BVEMsWUFBWSxrVUFDWixhQUFhOzsyRkFZSixTQUFTO2tCQWpCckIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTtxQkFDZCxZQUNTOzs7Ozs7R0FNVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdkIsV0FBVztzQkFBbEMsZUFBZTt1QkFBQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUYWJzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy10YWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUYWJzTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtdGFiLWdyb3VwPlxuICAgICAgPG1hdC10YWIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgW2xhYmVsXT1cIidUYWIgJyArIChpICsgMSlcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRhYi5jb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L21hdC10YWI+XG4gICAgPC9tYXQtdGFiLWdyb3VwPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi90YWJzLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVGFic0ZyYW1lIHtcbiAgQENvbnRlbnRDaGlsZHJlbigndGFiJykgdGFiQ29udGVudHM6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICB0YWJzOiBhbnlbXSA9IFtdO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICB0aGlzLnRhYkNvbnRlbnRzLmZvckVhY2goKGNvbnRlbnQsIGluZGV4KSA9PiB7XG4gICAgICB0aGlzLnRhYnMucHVzaCh7IGNvbnRlbnQ6IGNvbnRlbnQgfSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/frames/toggle/index.mjs

@@ -0,0 +1,2 @@
+export * from './toggle.frame';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvdG9nZ2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RvZ2dsZS5mcmFtZSc7XG5cbiJdfQ==

package/esm2022/frames/toggle/ng-atomic-components-frames-toggle.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy90b2dnbGUvbmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/frames/toggle/toggle.frame.mjs

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatIconModule } from '@angular/material/icon';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button-toggle";
+import * as i2 from "@angular/material/icon";
+export class ToggleFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+    }
+    onChange($event) {
+        this.dispatch($event.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    <mat-button-toggle-group #group="matButtonToggleGroup" (change)="onChange($event)">
+      @for (action of actions; track action.id) {
+        <mat-button-toggle [value]="action">
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </mat-button-toggle>
+      }
+    </mat-button-toggle-group>
+  `, isInline: true, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToggleFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-toggle', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonToggleModule,
+                        MatIconModule,
+                    ], template: `
+    <ng-content />
+    <mat-button-toggle-group #group="matButtonToggleGroup" (change)="onChange($event)">
+      @for (action of actions; track action.id) {
+        <mat-button-toggle [value]="action">
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </mat-button-toggle>
+      }
+    </mat-button-toggle-group>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"] }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3RvZ2dsZS90b2dnbGUuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBeUIscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFVLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUF1QjVELE1BQU0sT0FBTyxXQUFZLFNBQVEsaUJBQWlCO0lBckJsRDs7UUFzQlcsWUFBTyxHQUFhLEVBQUUsQ0FBQztLQUtqQztJQUhXLFFBQVEsQ0FBQyxNQUE2QjtRQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOzhHQUxVLFdBQVc7a0dBQVgsV0FBVyxnSUFiWjs7Ozs7Ozs7O0dBU1QseUxBYkMsWUFBWSw4QkFDWixxQkFBcUIsc2hCQUNyQixhQUFhOzsyRkFlSixXQUFXO2tCQXJCdkIsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixhQUFhO3FCQUNkLFlBQ1M7Ozs7Ozs7OztHQVNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvblRvZ2dsZUNoYW5nZSwgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5pbXBvcnQgeyBBY3Rpb24sIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLXRvZ2dsZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8bWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAgI2dyb3VwPVwibWF0QnV0dG9uVG9nZ2xlR3JvdXBcIiAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIj5cbiAgICAgIEBmb3IgKGFjdGlvbiBvZiBhY3Rpb25zOyB0cmFjayBhY3Rpb24uaWQpIHtcbiAgICAgICAgPG1hdC1idXR0b24tdG9nZ2xlIFt2YWx1ZV09XCJhY3Rpb25cIj5cbiAgICAgICAgICA8bWF0LWljb24+e3sgYWN0aW9uLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICA8L21hdC1idXR0b24tdG9nZ2xlPlxuICAgICAgfVxuICAgIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIHByb3RlY3RlZCBvbkNoYW5nZSgkZXZlbnQ6IE1hdEJ1dHRvblRvZ2dsZUNoYW5nZSkge1xuICAgIHRoaXMuZGlzcGF0Y2goJGV2ZW50LnZhbHVlKTtcbiAgfVxufVxuIl19

package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs

@@ -6,13 +6,13 @@ export class VerticalHideFrame {
     constructor() {
         this.mode = 'collapsed';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-NbeI: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-NbeI: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-NbeI)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-NbeI)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-hYta: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-hYta: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-hYta)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-hYta)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalHideFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-vertical-hide', standalone: true, imports: [
                         CommonModule,
@@ -20,11 +20,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-NbeI: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-NbeI: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-NbeI)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-NbeI)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-hYta: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-hYta: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-hYta)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-hYta)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {
                 type: HostBinding,
                 args: ['attr.mode']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaGlkZS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy92ZXJ0aWNhbC1oaWRlL3ZlcnRpY2FsLWhpZGUuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFnQjNGLE1BQU0sT0FBTyxpQkFBaUI7SUFkOUI7UUFrQkUsU0FBSSxHQUE2QixXQUFXLENBQUM7S0FFOUM7K0dBTlksaUJBQWlCO21HQUFqQixpQkFBaUIsOEpBUGxCOzs7R0FHVCx5akJBTkMsWUFBWSwrQkFDWix1QkFBdUI7OzRGQVNkLGlCQUFpQjtrQkFkN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3FCQUN4QixZQUNTOzs7R0FHVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFNL0MsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBWZXJ0aWNhbERpdmlkZXJPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvdmVydGljYWwtZGl2aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy12ZXJ0aWNhbC1oaWRlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBWZXJ0aWNhbERpdmlkZXJPcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG9yZ2FuaXNtcy12ZXJ0aWNhbC1kaXZpZGVyPjwvb3JnYW5pc21zLXZlcnRpY2FsLWRpdmlkZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLWhpZGUuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEhpZGVGcmFtZSB7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLm1vZGUnKVxuICBtb2RlOiAnY29sbGFwc2VkJyB8ICdleHBhbmRlZCcgPSAnY29sbGFwc2VkJztcblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaGlkZS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy92ZXJ0aWNhbC1oaWRlL3ZlcnRpY2FsLWhpZGUuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFnQjNGLE1BQU0sT0FBTyxpQkFBaUI7SUFkOUI7UUFrQkUsU0FBSSxHQUE2QixXQUFXLENBQUM7S0FFOUM7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsOEpBUGxCOzs7R0FHVCx5akJBTkMsWUFBWSwrQkFDWix1QkFBdUI7OzJGQVNkLGlCQUFpQjtrQkFkN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3FCQUN4QixZQUNTOzs7R0FHVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFNL0MsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBWZXJ0aWNhbERpdmlkZXJPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvdmVydGljYWwtZGl2aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy12ZXJ0aWNhbC1oaWRlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBWZXJ0aWNhbERpdmlkZXJPcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG9yZ2FuaXNtcy12ZXJ0aWNhbC1kaXZpZGVyPjwvb3JnYW5pc21zLXZlcnRpY2FsLWRpdmlkZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLWhpZGUuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEhpZGVGcmFtZSB7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLm1vZGUnKVxuICBtb2RlOiAnY29sbGFwc2VkJyB8ICdleHBhbmRlZCcgPSAnY29sbGFwc2VkJztcblxufVxuIl19