@ng-atomic/components 19.0.0-preview.9 → 19.1.1

package/fesm2022/ng-atomic-components-frames-side-nav.mjs

@@ -21,6 +21,7 @@ let SideNavFrameStore = class SideNavFrameStore extends InjectableComponent {
         this.menuTitle = input(_computed(() => this.config().menuTitle));
         this.mode = input(_computed(() => this.config().mode));
         this.frameType = input(_computed(() => this.config().frameType));
+        this.iconButtonMenuTopPadding = input(_computed(() => this.config().iconButtonMenuTopPadding));
     }
     static { SideNavFrameStore_1 = this; }
     static { this.getMode = (context) => {
@@ -51,18 +52,19 @@ let SideNavFrameStore = class SideNavFrameStore extends InjectableComponent {
             menuTitle: undefined,
             mode: SideNavFrameStore_1.getMode(context),
             frameType: SideNavFrameStore_1.getFrameType(context),
+            iconButtonMenuTopPadding: '0px',
         });
     }, ['components', 'frames', 'sideNav']); }
     get attrFrame() {
         return this.frameType();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, bottomActions: { classPropertyName: "bottomActions", publicName: "bottomActions", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: SideNavFrameStore, isStandalone: true, selector: "frames-side-nav", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, bottomActions: { classPropertyName: "bottomActions", publicName: "bottomActions", 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 }, iconButtonMenuTopPadding: { classPropertyName: "iconButtonMenuTopPadding", publicName: "iconButtonMenuTopPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.frame": "this.attrFrame" } }, usesInheritance: true, ngImport: i0 }); }
 };
 SideNavFrameStore = SideNavFrameStore_1 = __decorate([
     TokenizedType()
 ], SideNavFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SideNavFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SideNavFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-side-nav' }]
         }], propDecorators: { attrFrame: [{
@@ -74,8 +76,8 @@ class SideNavFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(SideNavFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "bottomActions", "bottomActions", "menuType", "menuType", "menuTitle", "menuTitle", "mode", "mode", "frameType", "frameType"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: SideNavFrame, isStandalone: true, selector: "frames-side-nav", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: ["actions", "actions", "bottomActions", "bottomActions", "menuType", "menuType", "menuTitle", "menuTitle", "mode", "mode", "frameType", "frameType", "iconButtonMenuTopPadding", "iconButtonMenuTopPadding"] }], ngImport: i0, template: `
   @switch (store.frameType()) {
     @case ('drawer') {
       <!-- @defer { -->
@@ -103,6 +105,7 @@ class SideNavFrame extends NgAtomicComponent {
           <templates-icon-button-menu injectable
             [actions]="store.actions()"
             [bottomActions]="store.bottomActions()"
+            [topPadding]="store.iconButtonMenuTopPadding()"
             (action)="dispatch($event)"
           />
         }
@@ -119,9 +122,9 @@ class SideNavFrame extends NgAtomicComponent {
     }
   </ng-template>
   <ng-template #contents><ng-content/></ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-KFcw: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-KFcw: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-KFcw: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-KFcw: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-KFcw: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-KFcw: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-KFcw: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-KFcw: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-KFcw);--menu-background-color-SCOPED-IN-side-nav-KFcw: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-KFcw);--menu-on-background-color-SCOPED-IN-side-nav-KFcw: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-KFcw);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-KFcw);--surface-color: var(--surface-color-SCOPED-IN-side-nav-KFcw);--background-color: var(--background-color-SCOPED-IN-side-nav-KFcw);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-KFcw);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-KFcw);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-KFcw)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-KFcw);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-KFcw);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-KFcw)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-KFcw));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: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore)], () => [import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)]] }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-9o7a: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-9o7a: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-9o7a: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-9o7a: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-9o7a: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-9o7a: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-9o7a: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-9o7a: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--menu-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--menu-on-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-9o7a);--surface-color: var(--surface-color-SCOPED-IN-side-nav-9o7a);--background-color: var(--background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-9o7a);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-9o7a)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-9o7a);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-9o7a)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-9o7a));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: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore)], () => [import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore), import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)], resolveMetadata: (IconButtonMenuTemplateStore, MenuTemplateStore) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.0.5", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore), import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)], resolveMetadata: (IconButtonMenuTemplateStore, MenuTemplateStore) => ({ decorators: [{
                 type: Component,
                 args: [{ imports: [
                             NgTemplateOutlet,
@@ -157,6 +160,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ng
           <templates-icon-button-menu injectable
             [actions]="store.actions()"
             [bottomActions]="store.bottomActions()"
+            [topPadding]="store.iconButtonMenuTopPadding()"
             (action)="dispatch($event)"
           />
         }
@@ -183,9 +187,10 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ng
                                     'menuTitle',
                                     'mode',
                                     'frameType',
+                                    'iconButtonMenuTopPadding',
                                 ],
                             },
-                        ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-KFcw: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-KFcw: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-KFcw: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-KFcw: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-KFcw: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-KFcw: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-KFcw: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-KFcw: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-KFcw);--menu-background-color-SCOPED-IN-side-nav-KFcw: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-KFcw);--menu-on-background-color-SCOPED-IN-side-nav-KFcw: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-KFcw);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-KFcw);--surface-color: var(--surface-color-SCOPED-IN-side-nav-KFcw);--background-color: var(--background-color-SCOPED-IN-side-nav-KFcw);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-KFcw);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-KFcw);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-KFcw)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-KFcw);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-KFcw);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-KFcw)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-KFcw));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
+                        ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-9o7a: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-9o7a: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-9o7a: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-9o7a: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-9o7a: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-9o7a: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-9o7a: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-9o7a: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--menu-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--menu-on-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-9o7a);--surface-color: var(--surface-color-SCOPED-IN-side-nav-9o7a);--background-color: var(--background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-9o7a);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-9o7a)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-9o7a);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-9o7a)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-9o7a));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**

package/fesm2022/ng-atomic-components-frames-side-nav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, HostBinding, WritableSignal, inject, input, signal } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { InjectableComponent } from '@ng-atomic/core';\n\nexport function injectSideNavMode(): WritableSignal<'collapsed' | 'expanded'> {\n  return signal<'collapsed' | 'expanded'>('collapsed');\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n  static getMode = (context: UIContext) => {\n    switch (context.breakpoint) {\n      case 'xSmall': return 'collapsed';\n      default: return 'expanded';\n    }\n  };\n\n  static getFrameType = (context: UIContext): 'lineup' | 'drawer' => {\n    switch (context.breakpoint) {\n      case 'xSmall': return 'drawer';\n      default: return 'lineup';\n    }\n  };\n\n  static getMenuType = (context: UIContext): 'menu' | 'icon-button-menu' => {\n    switch (context.breakpoint) {\n      case 'xSmall': return 'menu';\n      case 'small':\n      case 'medium': return 'icon-button-menu';\n      default: return 'menu';\n    }\n  };\n\n  static readonly Config = makeConfig(() => {\n    return (context) => ({\n      actions: [],\n      bottomActions: [],\n      menuType: SideNavFrameStore.getMenuType(context),\n      menuTitle: undefined as string,\n      mode: SideNavFrameStore.getMode(context),\n      frameType: SideNavFrameStore.getFrameType(context),\n    });\n  }, ['components', 'frames', 'sideNav']);\n\n  readonly config = SideNavFrameStore.Config.inject();\n  readonly actions = input(_computed(() => this.config().actions));\n  readonly bottomActions = input(_computed(() => this.config().bottomActions));\n  readonly menuType = input(_computed(() => this.config().menuType));\n  readonly menuTitle = input(_computed(() => this.config().menuTitle));\n  readonly mode = input(_computed(() => this.config().mode));\n  readonly frameType = input(_computed(() => this.config().frameType));\n\n  @HostBinding('attr.frame')\n  get attrFrame() {\n    return this.frameType();\n  }\n}\n\n\n@Component({\n    imports: [\n        NgTemplateOutlet,\n        DrawerFrame,\n        LineUpFrame,\n        IconButtonMenuTemplateStore,\n        MenuTemplateStore,\n    ],\n    selector: 'frames-side-nav',\n    template: `\n  @switch (store.frameType()) {\n    @case ('drawer') {\n      <!-- @defer { -->\n        <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n          <ng-container *ngTemplateOutlet=\"menu\" drawer/>\n          <ng-container *ngTemplateOutlet=\"contents\" contents/>\n        </frames-drawer>\n      <!-- } -->\n    }\n    @default {\n      <!-- @MEMO(NozomuMiyamoto): @deferを消すとDuplicate argument name \"NgTemplateOutlet\"になる -->\n      <!-- @defer { -->\n        <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n          <ng-container *ngTemplateOutlet=\"menu\" main/>\n          <div class=\"content\" next><ng-container *ngTemplateOutlet=\"contents\"/></div>\n        </frames-line-up>\n      <!-- } -->\n    }\n  }\n\n  <ng-template #menu>\n    @switch (store.menuType()) {\n      @case ('icon-button-menu') {\n        @defer {\n          <templates-icon-button-menu injectable\n            [actions]=\"store.actions()\"\n            [bottomActions]=\"store.bottomActions()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n      @default {\n        @defer {\n          <templates-menu injectable\n            [title]=\"store.menuTitle()\"\n            [actions]=\"store.actions()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n    }\n  </ng-template>\n  <ng-template #contents><ng-content/></ng-template>\n  `,\n    styleUrls: ['./side-nav.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: SideNavFrameStore,\n            inputs: [\n                'actions',\n                'bottomActions',\n                'menuType',\n                'menuTitle',\n                'mode',\n                'frameType',\n            ],\n        },\n    ]\n})\nexport class SideNavFrame extends NgAtomicComponent {\n  protected store = inject(SideNavFrameStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../tmp-esm2022/frames/side-nav/side-nav.frame.js","../tmp-esm2022/frames/side-nav/ng-atomic-components-frames-side-nav.js"],"sourcesContent":["var SideNavFrameStore_1;\nimport { __decorate } from \"tslib\";\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, inject, input, signal } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { InjectableComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nexport function injectSideNavMode() {\n    return signal('collapsed');\n}\nlet SideNavFrameStore = class SideNavFrameStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.config = SideNavFrameStore_1.Config.inject();\n        this.actions = input(_computed(() => this.config().actions));\n        this.bottomActions = input(_computed(() => this.config().bottomActions));\n        this.menuType = input(_computed(() => this.config().menuType));\n        this.menuTitle = input(_computed(() => this.config().menuTitle));\n        this.mode = input(_computed(() => this.config().mode));\n        this.frameType = input(_computed(() => this.config().frameType));\n        this.iconButtonMenuTopPadding = input(_computed(() => this.config().iconButtonMenuTopPadding));\n    }\n    static { SideNavFrameStore_1 = this; }\n    static { this.getMode = (context) => {\n        switch (context.breakpoint) {\n            case 'xSmall': return 'collapsed';\n            default: return 'expanded';\n        }\n    }; }\n    static { this.getFrameType = (context) => {\n        switch (context.breakpoint) {\n            case 'xSmall': return 'drawer';\n            default: return 'lineup';\n        }\n    }; }\n    static { this.getMenuType = (context) => {\n        switch (context.breakpoint) {\n            case 'xSmall': return 'menu';\n            case 'small':\n            case 'medium': return 'icon-button-menu';\n            default: return 'menu';\n        }\n    }; }\n    static { this.Config = makeConfig(() => {\n        return (context) => ({\n            actions: [],\n            bottomActions: [],\n            menuType: SideNavFrameStore_1.getMenuType(context),\n            menuTitle: undefined,\n            mode: SideNavFrameStore_1.getMode(context),\n            frameType: SideNavFrameStore_1.getFrameType(context),\n            iconButtonMenuTopPadding: '0px',\n        });\n    }, ['components', 'frames', 'sideNav']); }\n    get attrFrame() {\n        return this.frameType();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: SideNavFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: SideNavFrameStore, isStandalone: true, selector: \"frames-side-nav\", inputs: { actions: { classPropertyName: \"actions\", publicName: \"actions\", isSignal: true, isRequired: false, transformFunction: null }, bottomActions: { classPropertyName: \"bottomActions\", publicName: \"bottomActions\", 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 }, iconButtonMenuTopPadding: { classPropertyName: \"iconButtonMenuTopPadding\", publicName: \"iconButtonMenuTopPadding\", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { \"attr.frame\": \"this.attrFrame\" } }, usesInheritance: true, ngImport: i0 }); }\n};\nSideNavFrameStore = SideNavFrameStore_1 = __decorate([\n    TokenizedType()\n], SideNavFrameStore);\nexport { SideNavFrameStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: SideNavFrameStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: 'frames-side-nav' }]\n        }], propDecorators: { attrFrame: [{\n                type: HostBinding,\n                args: ['attr.frame']\n            }] } });\nexport class SideNavFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.store = inject(SideNavFrameStore);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: SideNavFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: SideNavFrame, isStandalone: true, selector: \"frames-side-nav\", usesInheritance: true, hostDirectives: [{ directive: SideNavFrameStore, inputs: [\"actions\", \"actions\", \"bottomActions\", \"bottomActions\", \"menuType\", \"menuType\", \"menuTitle\", \"menuTitle\", \"mode\", \"mode\", \"frameType\", \"frameType\", \"iconButtonMenuTopPadding\", \"iconButtonMenuTopPadding\"] }], ngImport: i0, template: `\n  @switch (store.frameType()) {\n    @case ('drawer') {\n      <!-- @defer { -->\n        <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n          <ng-container *ngTemplateOutlet=\"menu\" drawer/>\n          <ng-container *ngTemplateOutlet=\"contents\" contents/>\n        </frames-drawer>\n      <!-- } -->\n    }\n    @default {\n      <!-- @MEMO(NozomuMiyamoto): @deferを消すとDuplicate argument name \"NgTemplateOutlet\"になる -->\n      <!-- @defer { -->\n        <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n          <ng-container *ngTemplateOutlet=\"menu\" main/>\n          <div class=\"content\" next><ng-container *ngTemplateOutlet=\"contents\"/></div>\n        </frames-line-up>\n      <!-- } -->\n    }\n  }\n\n  <ng-template #menu>\n    @switch (store.menuType()) {\n      @case ('icon-button-menu') {\n        @defer {\n          <templates-icon-button-menu injectable\n            [actions]=\"store.actions()\"\n            [bottomActions]=\"store.bottomActions()\"\n            [topPadding]=\"store.iconButtonMenuTopPadding()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n      @default {\n        @defer {\n          <templates-menu injectable\n            [title]=\"store.menuTitle()\"\n            [actions]=\"store.actions()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n    }\n  </ng-template>\n  <ng-template #contents><ng-content/></ng-template>\n  `, isInline: true, styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-9o7a: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-9o7a: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-9o7a: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-9o7a: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-9o7a: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-9o7a: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-9o7a: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-9o7a: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--menu-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--menu-on-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-9o7a);--surface-color: var(--surface-color-SCOPED-IN-side-nav-9o7a);--background-color: var(--background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-9o7a);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-9o7a)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-9o7a);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-9o7a)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-9o7a));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: DrawerFrame, selector: \"frames-drawer\" }, { kind: \"component\", type: LineUpFrame, selector: \"frames-line-up\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import(\"@ng-atomic/components/templates/icon-button-menu\").then(m => m.IconButtonMenuTemplateStore)], () => [import(\"@ng-atomic/components/templates/menu\").then(m => m.MenuTemplateStore)]] }); }\n}\ni0.ɵɵngDeclareClassMetadataAsync({ minVersion: \"18.0.0\", version: \"20.0.5\", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import(\"@ng-atomic/components/templates/icon-button-menu\").then(m => m.IconButtonMenuTemplateStore), import(\"@ng-atomic/components/templates/menu\").then(m => m.MenuTemplateStore)], resolveMetadata: (IconButtonMenuTemplateStore, MenuTemplateStore) => ({ decorators: [{\n                type: Component,\n                args: [{ imports: [\n                            NgTemplateOutlet,\n                            DrawerFrame,\n                            LineUpFrame,\n                            IconButtonMenuTemplateStore,\n                            MenuTemplateStore,\n                        ], selector: 'frames-side-nav', template: `\n  @switch (store.frameType()) {\n    @case ('drawer') {\n      <!-- @defer { -->\n        <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n          <ng-container *ngTemplateOutlet=\"menu\" drawer/>\n          <ng-container *ngTemplateOutlet=\"contents\" contents/>\n        </frames-drawer>\n      <!-- } -->\n    }\n    @default {\n      <!-- @MEMO(NozomuMiyamoto): @deferを消すとDuplicate argument name \"NgTemplateOutlet\"になる -->\n      <!-- @defer { -->\n        <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n          <ng-container *ngTemplateOutlet=\"menu\" main/>\n          <div class=\"content\" next><ng-container *ngTemplateOutlet=\"contents\"/></div>\n        </frames-line-up>\n      <!-- } -->\n    }\n  }\n\n  <ng-template #menu>\n    @switch (store.menuType()) {\n      @case ('icon-button-menu') {\n        @defer {\n          <templates-icon-button-menu injectable\n            [actions]=\"store.actions()\"\n            [bottomActions]=\"store.bottomActions()\"\n            [topPadding]=\"store.iconButtonMenuTopPadding()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n      @default {\n        @defer {\n          <templates-menu injectable\n            [title]=\"store.menuTitle()\"\n            [actions]=\"store.actions()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n      }\n    }\n  </ng-template>\n  <ng-template #contents><ng-content/></ng-template>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                            {\n                                directive: SideNavFrameStore,\n                                inputs: [\n                                    'actions',\n                                    'bottomActions',\n                                    'menuType',\n                                    'menuTitle',\n                                    'mode',\n                                    'frameType',\n                                    'iconButtonMenuTopPadding',\n                                ],\n                            },\n                        ], styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-9o7a: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-9o7a: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-9o7a: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-9o7a: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-9o7a: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-9o7a: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-9o7a: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-9o7a: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--menu-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--menu-on-background-color-SCOPED-IN-side-nav-9o7a: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-9o7a);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-9o7a);--surface-color: var(--surface-color-SCOPED-IN-side-nav-9o7a);--background-color: var(--background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-9o7a);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-9o7a);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-9o7a)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-9o7a);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-9o7a);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-9o7a)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-9o7a));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\\n\"] }]\n            }], ctorParameters: null, propDecorators: null }) });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc2lkZS1uYXYvc2lkZS1uYXYuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWtCLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQWEsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRW5FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRXRELE1BQU0sVUFBVSxpQkFBaUI7SUFDL0IsT0FBTyxNQUFNLENBQTJCLFdBQVcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFJTSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFvQ0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxZQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUN4RCxrQkFBYSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENB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QixNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQXhFbkQ7O1FBeUVZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksd0dBNUhaLGlCQUFpQixtUEE2RGxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Q1QseWtFQXBEQyxnQkFBZ0Isb0pBQ2hCLFdBQVcsMERBQ1gsV0FBVzs7Z0dBb0VGLFlBQVk7c0JBeEV4QixTQUFTO2tDQUNDOzRCQUNQLGdCQUFnQjs0QkFDaEIsV0FBVzs0QkFDWCxXQUFXOzRCQUNYLDJCQUEyQjs0QkFDM0IsaUJBQWlCO3lCQUNsQixZQUNTLGlCQUFpQixZQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjs0QkFDZDtnQ0FDRSxTQUFTLEVBQUUsaUJBQWlCO2dDQUM1QixNQUFNLEVBQUU7b0NBQ04sU0FBUztvQ0FDVCxlQUFlO29DQUNmLFVBQVU7b0NBQ1YsV0FBVztvQ0FDWCxNQUFNO29DQUNOLFdBQVc7b0NBQ1gsMEJBQTBCO2lDQUMzQjs2QkFDRjt5QkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIFdyaXRhYmxlU2lnbmFsLCBpbmplY3QsIGlucHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgbWFrZUNvbmZpZywgVUlDb250ZXh0IH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvdWknO1xuaW1wb3J0IHsgRHJhd2VyRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2RyYXdlcic7XG5pbXBvcnQgeyBMaW5lVXBGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvbGluZS11cCc7XG5pbXBvcnQgeyBNZW51VGVtcGxhdGVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvbWVudSc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCwgVG9rZW5pemVkVHlwZSwgX2NvbXB1dGVkIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvaWNvbi1idXR0b24tbWVudSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdFNpZGVOYXZNb2RlKCk6IFdyaXRhYmxlU2lnbmFsPCdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJz4ge1xuICByZXR1cm4gc2lnbmFsPCdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJz4oJ2NvbGxhcHNlZCcpO1xufVxuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtc2lkZS1uYXYnIH0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIGdldE1vZGUgPSAoY29udGV4dDogVUlDb250ZXh0KSA9PiB7XG4gICAgc3dpdGNoIChjb250ZXh0LmJyZWFrcG9pbnQpIHtcbiAgICAgIGNhc2UgJ3hTbWFsbCc6IHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgIGRlZmF1bHQ6IHJldHVybiAnZXhwYW5kZWQnO1xuICAgIH1cbiAgfTtcblxuICBzdGF0aWMgZ2V0RnJhbWVUeXBlID0gKGNvbnRleHQ6IFVJQ29udGV4dCk6ICdsaW5ldXAnIHwgJ2RyYXdlcicgPT4ge1xuICAgIHN3aXRjaCAoY29udGV4dC5icmVha3BvaW50KSB7XG4gICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ2RyYXdlcic7XG4gICAgICBkZWZhdWx0OiByZXR1cm4gJ2xpbmV1cCc7XG4gICAgfVxuICB9O1xuXG4gIHN0YXRpYyBnZXRNZW51VHlwZSA9IChjb250ZXh0OiBVSUNvbnRleHQpOiAnbWVudScgfCAnaWNvbi1idXR0b24tbWVudScgPT4ge1xuICAgIHN3aXRjaCAoY29udGV4dC5icmVha3BvaW50KSB7XG4gICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ21lbnUnO1xuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgY2FzZSAnbWVkaXVtJzogcmV0dXJuICdpY29uLWJ1dHRvbi1tZW51JztcbiAgICAgIGRlZmF1bHQ6IHJldHVybiAnbWVudSc7XG4gICAgfVxuICB9O1xuXG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICByZXR1cm4gKGNvbnRleHQpID0+ICh7XG4gICAgICBhY3Rpb25zOiBbXSxcbiAgICAgIGJvdHRvbUFjdGlvbnM6IFtdLFxuICAgICAgbWVudVR5cGU6IFNpZGVOYXZGcmFtZVN0b3JlLmdldE1lbnVUeXBlKGNvbnRleHQpLFxuICAgICAgbWVudVRpdGxlOiB1bmRlZmluZWQgYXMgc3RyaW5nLFxuICAgICAgbW9kZTogU2lkZU5hdkZyYW1lU3RvcmUuZ2V0TW9kZShjb250ZXh0KSxcbiAgICAgIGZyYW1lVHlwZTogU2lkZU5hdkZyYW1lU3RvcmUuZ2V0RnJhbWVUeXBlKGNvbnRleHQpLFxuICAgICAgaWNvbkJ1dHRvbk1lbnVUb3BQYWRkaW5nOiAnMHB4JyxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ2ZyYW1lcycsICdzaWRlTmF2J10pO1xuXG4gIHJlYWRvbmx5IGNvbmZpZyA9IFNpZGVOYXZGcmFtZVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgYm90dG9tQWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmJvdHRvbUFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgbWVudVR5cGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5tZW51VHlwZSkpO1xuICByZWFkb25seSBtZW51VGl0bGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5tZW51VGl0bGUpKTtcbiAgcmVhZG9ubHkgbW9kZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1vZGUpKTtcbiAgcmVhZG9ubHkgZnJhbWVUeXBlID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZnJhbWVUeXBlKSk7XG4gIHJlYWRvbmx5IGljb25CdXR0b25NZW51VG9wUGFkZGluZyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmljb25CdXR0b25NZW51VG9wUGFkZGluZykpO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5mcmFtZScpXG4gIGdldCBhdHRyRnJhbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZnJhbWVUeXBlKCk7XG4gIH1cbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgRHJhd2VyRnJhbWUsXG4gICAgTGluZVVwRnJhbWUsXG4gICAgSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlLFxuICAgIE1lbnVUZW1wbGF0ZVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ2ZyYW1lcy1zaWRlLW5hdicsXG4gIHRlbXBsYXRlOiBgXG4gIEBzd2l0Y2ggKHN0b3JlLmZyYW1lVHlwZSgpKSB7XG4gICAgQGNhc2UgKCdkcmF3ZXInKSB7XG4gICAgICA8IS0tIEBkZWZlciB7IC0tPlxuICAgICAgICA8ZnJhbWVzLWRyYXdlciBbb3BlbmVkXT1cInN0b3JlLm1vZGUoKSA9PT0gJ2V4cGFuZGVkJ1wiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtZW51XCIgZHJhd2VyLz5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudHNcIiBjb250ZW50cy8+XG4gICAgICAgIDwvZnJhbWVzLWRyYXdlcj5cbiAgICAgIDwhLS0gfSAtLT5cbiAgICB9XG4gICAgQGRlZmF1bHQge1xuICAgICAgPCEtLSBATUVNTyhOb3pvbXVNaXlhbW90byk6IEBkZWZlcuOCkua2iOOBmeOBqER1cGxpY2F0ZSBhcmd1bWVudCBuYW1lIFwiTmdUZW1wbGF0ZU91dGxldFwi44Gr44Gq44KLIC0tPlxuICAgICAgPCEtLSBAZGVmZXIgeyAtLT5cbiAgICAgICAgPGZyYW1lcy1saW5lLXVwIFtoYXNOZXh0XT1cInRydWVcIiBbc2NvcGVdPVwiJ25hdidcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVwiIG1haW4vPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgbmV4dD48bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudHNcIi8+PC9kaXY+XG4gICAgICAgIDwvZnJhbWVzLWxpbmUtdXA+XG4gICAgICA8IS0tIH0gLS0+XG4gICAgfVxuICB9XG5cbiAgPG5nLXRlbXBsYXRlICNtZW51PlxuICAgIEBzd2l0Y2ggKHN0b3JlLm1lbnVUeXBlKCkpIHtcbiAgICAgIEBjYXNlICgnaWNvbi1idXR0b24tbWVudScpIHtcbiAgICAgICAgQGRlZmVyIHtcbiAgICAgICAgICA8dGVtcGxhdGVzLWljb24tYnV0dG9uLW1lbnUgaW5qZWN0YWJsZVxuICAgICAgICAgICAgW2FjdGlvbnNdPVwic3RvcmUuYWN0aW9ucygpXCJcbiAgICAgICAgICAgIFtib3R0b21BY3Rpb25zXT1cInN0b3JlLmJvdHRvbUFjdGlvbnMoKVwiXG4gICAgICAgICAgICBbdG9wUGFkZGluZ109XCJzdG9yZS5pY29uQnV0dG9uTWVudVRvcFBhZGRpbmcoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAgQGRlZmVyIHtcbiAgICAgICAgICA8dGVtcGxhdGVzLW1lbnUgaW5qZWN0YWJsZVxuICAgICAgICAgICAgW3RpdGxlXT1cInN0b3JlLm1lbnVUaXRsZSgpXCJcbiAgICAgICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudHM+PG5nLWNvbnRlbnQvPjwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbmF2LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTaWRlTmF2RnJhbWVTdG9yZSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnYWN0aW9ucycsXG4gICAgICAgICdib3R0b21BY3Rpb25zJyxcbiAgICAgICAgJ21lbnVUeXBlJyxcbiAgICAgICAgJ21lbnVUaXRsZScsXG4gICAgICAgICdtb2RlJyxcbiAgICAgICAgJ2ZyYW1lVHlwZScsXG4gICAgICAgICdpY29uQnV0dG9uTWVudVRvcFBhZGRpbmcnLFxuICAgICAgXSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFNpZGVOYXZGcmFtZVN0b3JlKTtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXNpZGUtbmF2LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3NpZGUtbmF2L25nLWF0b21pYy1jb21wb25lbnRzLWZyYW1lcy1zaWRlLW5hdi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-smart-menu.mjs

@@ -13,14 +13,14 @@ 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: "19.1.4", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", 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-B1kr: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-B1kr: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-B1kr: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-B1kr);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-B1kr)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-B1kr)}: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: "20.0.5", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", 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-MMcl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MMcl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MMcl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MMcl);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MMcl)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MMcl)}: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: "19.1.4", ngImport: i0, type: SmartMenuFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ 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-B1kr: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-B1kr: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-B1kr: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-B1kr);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-B1kr)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-B1kr)}: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-MMcl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MMcl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MMcl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MMcl);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MMcl)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MMcl)}: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']

package/fesm2022/ng-atomic-components-frames-smart-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n    imports: [\n        CommonModule,\n    ],\n    selector: 'frames-smart-menu',\n    templateUrl: './smart-menu.frame.html',\n    styleUrls: ['./smart-menu.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SmartMenuFrame {\n  @HostBinding('attr.is-main-hidden')\n  isMainHidden = false;\n\n  @Input()\n  label = 'root';\n\n  @Input()\n  outlet?: RouterOutlet;\n\n  @Input()\n  minNextWidth = 360;\n\n  @ViewChild('next', {static: true})\n  next!: ElementRef;\n\n  get page(): string {\n    const page: string = this.outlet?.activatedRouteData?.['page'];\n    return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n  }\n\n}\n","<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>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,cAAc,CAAA;AAT3B,IAAA,WAAA,GAAA;QAWE,IAAY,CAAA,YAAA,GAAG,KAAK;QAGpB,IAAK,CAAA,KAAA,GAAG,MAAM;QAMd,IAAY,CAAA,YAAA,GAAG,GAAG;AAUnB;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC;QAC9D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB;;8GAlB1E,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb3B,kLAKM,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCE,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOP,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACL,YAAY;AACf,qBAAA,EAAA,QAAA,EACS,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA;8BAIjD,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB;gBAIlC,KAAK,EAAA,CAAA;sBADJ;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;AE1BnC;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../tmp-esm2022/frames/smart-menu/smart-menu.frame.js","../tmp-esm2022/frames/smart-menu/ng-atomic-components-frames-smart-menu.js"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport * as i0 from \"@angular/core\";\nexport class SmartMenuFrame {\n    constructor() {\n        this.isMainHidden = false;\n        this.label = 'root';\n        this.minNextWidth = 360;\n    }\n    get page() {\n        const page = this.outlet?.activatedRouteData?.['page'];\n        return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", 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-MMcl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MMcl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MMcl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MMcl);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MMcl)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MMcl)}: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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: SmartMenuFrame, decorators: [{\n            type: Component,\n            args: [{ imports: [\n                        CommonModule,\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-MMcl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MMcl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MMcl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MMcl);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MMcl)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MMcl)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\\n\"] }]\n        }], propDecorators: { isMainHidden: [{\n                type: HostBinding,\n                args: ['attr.is-main-hidden']\n            }], label: [{\n                type: Input\n            }], outlet: [{\n                type: Input\n            }], minNextWidth: [{\n                type: Input\n            }], next: [{\n                type: ViewChild,\n                args: ['next', { static: true }]\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9zbWFydC1tZW51L3NtYXJ0LW1lbnUuZnJhbWUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc21hcnQtbWVudS9zbWFydC1tZW51LmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFXL0MsTUFBTSxPQUFPLGNBQWM7SUFUM0I7UUFXRSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixVQUFLLEdBQUcsTUFBTSxDQUFDO1FBTWYsaUJBQVksR0FBRyxHQUFHLENBQUM7S0FVcEI7SUFMQyxJQUFJLElBQUk7UUFDTixNQUFNLElBQUksR0FBVyxJQUFJLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0QsT0FBTyxJQUFJLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUM7SUFDdEYsQ0FBQzs4R0FuQlUsY0FBYztrR0FBZCxjQUFjLDJVQ2IzQixrTEFLTSxvdkJEQ0UsWUFBWTs7MkZBT1AsY0FBYztrQkFUMUIsU0FBUzs4QkFDRzt3QkFDTCxZQUFZO3FCQUNmLFlBQ1MsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBSWpELFlBQVk7c0JBRFgsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBSWxDLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLElBQUk7c0JBREgsU0FBUzt1QkFBQyxNQUFNLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICBdLFxuICAgIHNlbGVjdG9yOiAnZnJhbWVzLXNtYXJ0LW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1tZW51LmZyYW1lLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NtYXJ0LW1lbnUuZnJhbWUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0TWVudUZyYW1lIHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmlzLW1haW4taGlkZGVuJylcbiAgaXNNYWluSGlkZGVuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgbGFiZWwgPSAncm9vdCc7XG5cbiAgQElucHV0KClcbiAgb3V0bGV0PzogUm91dGVyT3V0bGV0O1xuXG4gIEBJbnB1dCgpXG4gIG1pbk5leHRXaWR0aCA9IDM2MDtcblxuICBAVmlld0NoaWxkKCduZXh0Jywge3N0YXRpYzogdHJ1ZX0pXG4gIG5leHQhOiBFbGVtZW50UmVmO1xuXG4gIGdldCBwYWdlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGFnZTogc3RyaW5nID0gdGhpcy5vdXRsZXQ/LmFjdGl2YXRlZFJvdXRlRGF0YT8uWydwYWdlJ107XG4gICAgcmV0dXJuIHBhZ2UgPT09ICdCbGFuaycgPyAnQmxhbmsnIDogdGhpcy5pc01haW5IaWRkZW4gPyBgTmV4dGAgOiBgTmV4dFdpdGhNYWluUGFnZWA7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1lbnVcIiAjbWVudT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21lbnVdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudHNcIiAjY29udGVudHM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50c11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXNtYXJ0LW1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc21hcnQtbWVudS9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtc21hcnQtbWVudS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -1,50 +1,45 @@
 import * as i0 from '@angular/core';
-import { input, ContentChildren, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/tabs';
+import { contentChildren, output, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 
 class TabsFrame {
     constructor() {
+        this.tabs = contentChildren('tab');
+        this.selectedTabIndexChange = output();
         this.labels = input([]);
-        this.tabs = [];
     }
-    ngAfterContentInit() {
-        this.tabContents.forEach((content, index) => {
-            this.tabs.push({ content: content });
-        });
-        console.debug('tabs', this.tabs);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TabsFrame, isStandalone: true, selector: "frames-tabs", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
-    <mat-tab-group>
-      @for(tab of tabs; track $index; let i = $index) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TabsFrame, isStandalone: true, selector: "frames-tabs", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTabIndexChange: "selectedTabIndexChange" }, queries: [{ propertyName: "tabs", predicate: ["tab"], isSignal: true }], ngImport: i0, template: `
+    <mat-tab-group
+      (selectedIndexChange)="selectedTabIndexChange.emit($event)"
+    >
+      @for(tab of tabs(); track $index; let i = $index) {
         <mat-tab [label]="labels()?.[i] ?? 'Tab ' + (i + 1)">
-        <ng-container *ngTemplateOutlet="tab.content"></ng-container>
-      </mat-tab>
+          <ng-container *ngTemplateOutlet="tab"></ng-container>
+        </mat-tab>
       }
     </mat-tab-group>
-  `, isInline: true, styles: [":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;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.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", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper mat-tab-body{height:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TabsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TabsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-tabs', imports: [
-                        CommonModule,
+                        NgTemplateOutlet,
                         MatTabsModule,
                     ], template: `
-    <mat-tab-group>
-      @for(tab of tabs; track $index; let i = $index) {
+    <mat-tab-group
+      (selectedIndexChange)="selectedTabIndexChange.emit($event)"
+    >
+      @for(tab of tabs(); track $index; let i = $index) {
         <mat-tab [label]="labels()?.[i] ?? 'Tab ' + (i + 1)">
-        <ng-container *ngTemplateOutlet="tab.content"></ng-container>
-      </mat-tab>
+          <ng-container *ngTemplateOutlet="tab"></ng-container>
+        </mat-tab>
       }
     </mat-tab-group>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"] }]
-        }], propDecorators: { tabContents: [{
-                type: ContentChildren,
-                args: ['tab']
-            }] } });
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper mat-tab-body{height:100%}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-atomic-components-frames-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/tabs.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/ng-atomic-components-frames-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, QueryList, AfterContentInit, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n    selector: 'frames-tabs',\n    imports: [\n        CommonModule,\n        MatTabsModule,\n    ],\n    template: `\n    <mat-tab-group>\n      @for(tab of tabs; track $index; let i = $index) {\n        <mat-tab [label]=\"labels()?.[i] ?? 'Tab ' + (i + 1)\">\n        <ng-container *ngTemplateOutlet=\"tab.content\"></ng-container>\n      </mat-tab>\n      }\n    </mat-tab-group>\n  `,\n    styleUrls: ['./tabs.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame implements AfterContentInit {\n  @ContentChildren('tab') tabContents: QueryList<ElementRef>;\n  protected readonly labels = input<string[]>([]);\n  tabs: any[] = [];\n\n  ngAfterContentInit() {\n    this.tabContents.forEach((content, index) => {\n      this.tabs.push({ content: content });\n    });\n    console.debug('tabs', this.tabs);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAsBa,SAAS,CAAA;AAlBtB,IAAA,WAAA,GAAA;AAoBqB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAW,EAAE,CAAC;QAC/C,IAAI,CAAA,IAAA,GAAU,EAAE;AAQjB;IANC,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;YAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACtC,SAAC,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;8GATvB,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAZR,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;GAQX,EAXK,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,qMACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAcR,SAAS,EAAA,UAAA,EAAA,CAAA;kBAlBrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EACd,OAAA,EAAA;wBACL,YAAY;wBACZ,aAAa;qBAChB,EACS,QAAA,EAAA;;;;;;;;GAQX,EAEkB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8JAAA,CAAA,EAAA;8BAGzB,WAAW,EAAA,CAAA;sBAAlC,eAAe;uBAAC,KAAK;;;ACvBxB;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../tmp-esm2022/frames/tabs/tabs.frame.js","../tmp-esm2022/frames/tabs/ng-atomic-components-frames-tabs.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, contentChildren, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/tabs\";\nexport class TabsFrame {\n    constructor() {\n        this.tabs = contentChildren('tab');\n        this.selectedTabIndexChange = output();\n        this.labels = input([]);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: TabsFrame, isStandalone: true, selector: \"frames-tabs\", inputs: { labels: { classPropertyName: \"labels\", publicName: \"labels\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTabIndexChange: \"selectedTabIndexChange\" }, queries: [{ propertyName: \"tabs\", predicate: [\"tab\"], isSignal: true }], ngImport: i0, template: `\n    <mat-tab-group\n      (selectedIndexChange)=\"selectedTabIndexChange.emit($event)\"\n    >\n      @for(tab of tabs(); track $index; let i = $index) {\n        <mat-tab [label]=\"labels()?.[i] ?? 'Tab ' + (i + 1)\">\n          <ng-container *ngTemplateOutlet=\"tab\"></ng-container>\n        </mat-tab>\n      }\n    </mat-tab-group>\n  `, isInline: true, styles: [\":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper mat-tab-body{height:100%}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"ngmodule\", type: MatTabsModule }, { kind: \"component\", type: i1.MatTab, selector: \"mat-tab\", inputs: [\"disabled\", \"label\", \"aria-label\", \"aria-labelledby\", \"labelClass\", \"bodyClass\", \"id\"], exportAs: [\"matTab\"] }, { kind: \"component\", type: i1.MatTabGroup, selector: \"mat-tab-group\", inputs: [\"color\", \"fitInkBarToContent\", \"mat-stretch-tabs\", \"mat-align-tabs\", \"dynamicHeight\", \"selectedIndex\", \"headerPosition\", \"animationDuration\", \"contentTabIndex\", \"disablePagination\", \"disableRipple\", \"preserveContent\", \"backgroundColor\", \"aria-label\", \"aria-labelledby\"], outputs: [\"selectedIndexChange\", \"focusChange\", \"animationDone\", \"selectedTabChange\"], exportAs: [\"matTabGroup\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TabsFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-tabs', imports: [\n                        NgTemplateOutlet,\n                        MatTabsModule,\n                    ], template: `\n    <mat-tab-group\n      (selectedIndexChange)=\"selectedTabIndexChange.emit($event)\"\n    >\n      @for(tab of tabs(); track $index; let i = $index) {\n        <mat-tab [label]=\"labels()?.[i] ?? 'Tab ' + (i + 1)\">\n          <ng-container *ngTemplateOutlet=\"tab\"></ng-container>\n        </mat-tab>\n      }\n    </mat-tab-group>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{display:block}:host{display:contents}:host mat-tab-group{width:100%;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper mat-tab-body{height:100%}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy90YWJzL3RhYnMuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBNEQsS0FBSyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0osT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFzQnZELE1BQU0sT0FBTyxTQUFTO0lBcEJ0QjtRQXFCVyxTQUFJLEdBQUcsZUFBZSxDQUFhLEtBQUssQ0FBQyxDQUFDO1FBQzFDLDJCQUFzQixHQUFHLE1BQU0sRUFBVSxDQUFDO1FBQ2hDLFdBQU0sR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7S0FDakQ7OEdBSlksU0FBUztrR0FBVCxTQUFTLHNWQWRSOzs7Ozs7Ozs7O0dBVVgsdVRBYkssZ0JBQWdCLG1KQUNoQixhQUFhOzsyRkFnQlIsU0FBUztrQkFwQnJCLFNBQVM7K0JBQ0ksYUFBYSxXQUNkO3dCQUNMLGdCQUFnQjt3QkFDaEIsYUFBYTtxQkFDaEIsWUFDUzs7Ozs7Ozs7OztHQVVYLG1CQUVrQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBRdWVyeUxpc3QsIEFmdGVyQ29udGVudEluaXQsIGlucHV0LCBjb250ZW50Q2hpbGRyZW4sIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUYWJzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZnJhbWVzLXRhYnMnLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICAgICAgTWF0VGFic01vZHVsZSxcbiAgICBdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPG1hdC10YWItZ3JvdXBcbiAgICAgIChzZWxlY3RlZEluZGV4Q2hhbmdlKT1cInNlbGVjdGVkVGFiSW5kZXhDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICA+XG4gICAgICBAZm9yKHRhYiBvZiB0YWJzKCk7IHRyYWNrICRpbmRleDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICAgICAgPG1hdC10YWIgW2xhYmVsXT1cImxhYmVscygpPy5baV0gPz8gJ1RhYiAnICsgKGkgKyAxKVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0YWJcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9tYXQtdGFiPlxuICAgICAgfVxuICAgIDwvbWF0LXRhYi1ncm91cD5cbiAgYCxcbiAgICBzdHlsZVVybHM6IFsnLi90YWJzLmZyYW1lLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJzRnJhbWUge1xuICByZWFkb25seSB0YWJzID0gY29udGVudENoaWxkcmVuPEVsZW1lbnRSZWY+KCd0YWInKTtcbiAgcmVhZG9ubHkgc2VsZWN0ZWRUYWJJbmRleENoYW5nZSA9IG91dHB1dDxudW1iZXI+KCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBsYWJlbHMgPSBpbnB1dDxzdHJpbmdbXT4oW10pO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvdGFicy9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtdGFicy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -15,8 +15,8 @@ class ToggleFrame extends NgAtomicComponent {
     onChange($event) {
         this.dispatch($event.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", 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) {
@@ -27,7 +27,7 @@ class ToggleFrame extends NgAtomicComponent {
     </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", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], 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", "disabledInteractive"], 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: "19.1.4", ngImport: i0, type: ToggleFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToggleFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-toggle', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/toggle.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/ng-atomic-components-frames-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n  selector: 'frames-toggle',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonToggleModule,\n    MatIconModule,\n  ],\n  template: `\n    <ng-content />\n    <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n      @for (action of actions; track action.id) {\n        <mat-button-toggle [value]=\"action\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </mat-button-toggle>\n      }\n    </mat-button-toggle-group>\n  `,\n  styleUrls: ['./toggle.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToggleFrame extends NgAtomicComponent {\n  @Input() actions: Action[] = [];\n\n  protected onChange($event: MatButtonToggleChange) {\n    this.dispatch($event.value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AA4BM,MAAO,WAAY,SAAQ,iBAAiB,CAAA;AArBlD,IAAA,WAAA,GAAA;;QAsBW,IAAO,CAAA,OAAA,GAAa,EAAE;AAKhC;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;;8GAJlB,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAbZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,8BAAA,EAAA,gCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAeJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EACS,QAAA,EAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf;;;AC7BH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../tmp-esm2022/frames/toggle/toggle.frame.js","../tmp-esm2022/frames/toggle/ng-atomic-components-frames-toggle.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/button-toggle\";\nimport * as i2 from \"@angular/material/icon\";\nexport class ToggleFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.actions = [];\n    }\n    onChange($event) {\n        this.dispatch($event.value);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: ToggleFrame, isStandalone: true, selector: \"frames-toggle\", inputs: { actions: \"actions\" }, usesInheritance: true, ngImport: i0, template: `\n    <ng-content />\n    <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n      @for (action of actions; track action.id) {\n        <mat-button-toggle [value]=\"action\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </mat-button-toggle>\n      }\n    </mat-button-toggle-group>\n  `, 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\", \"disabledInteractive\", \"hideSingleSelectionIndicator\", \"hideMultipleSelectionIndicator\"], 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\", \"disabledInteractive\"], 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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ToggleFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-toggle', standalone: true, imports: [\n                        CommonModule,\n                        MatButtonToggleModule,\n                        MatIconModule,\n                    ], template: `\n    <ng-content />\n    <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n      @for (action of actions; track action.id) {\n        <mat-button-toggle [value]=\"action\">\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </mat-button-toggle>\n      }\n    </mat-button-toggle-group>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\\n\"] }]\n        }], propDecorators: { actions: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3RvZ2dsZS90b2dnbGUuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBeUIscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFVLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUF1QjVELE1BQU0sT0FBTyxXQUFZLFNBQVEsaUJBQWlCO0lBckJsRDs7UUFzQlcsWUFBTyxHQUFhLEVBQUUsQ0FBQztLQUtqQztJQUhXLFFBQVEsQ0FBQyxNQUE2QjtRQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOzhHQUxVLFdBQVc7a0dBQVgsV0FBVyxnSUFiWjs7Ozs7Ozs7O0dBU1QseUxBYkMsWUFBWSw4QkFDWixxQkFBcUIsc29CQUNyQixhQUFhOzsyRkFlSixXQUFXO2tCQXJCdkIsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixhQUFhO3FCQUNkLFlBQ1M7Ozs7Ozs7OztHQVNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvblRvZ2dsZUNoYW5nZSwgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5pbXBvcnQgeyBBY3Rpb24sIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLXRvZ2dsZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8bWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAgI2dyb3VwPVwibWF0QnV0dG9uVG9nZ2xlR3JvdXBcIiAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIj5cbiAgICAgIEBmb3IgKGFjdGlvbiBvZiBhY3Rpb25zOyB0cmFjayBhY3Rpb24uaWQpIHtcbiAgICAgICAgPG1hdC1idXR0b24tdG9nZ2xlIFt2YWx1ZV09XCJhY3Rpb25cIj5cbiAgICAgICAgICA8bWF0LWljb24+e3sgYWN0aW9uLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICA8L21hdC1idXR0b24tdG9nZ2xlPlxuICAgICAgfVxuICAgIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIHByb3RlY3RlZCBvbkNoYW5nZSgkZXZlbnQ6IE1hdEJ1dHRvblRvZ2dsZUNoYW5nZSkge1xuICAgIHRoaXMuZGlzcGF0Y2goJGV2ZW50LnZhbHVlKTtcbiAgfVxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy90b2dnbGUvbmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs

@@ -6,20 +6,20 @@ class VerticalHideFrame {
     constructor() {
         this.mode = input('expanded');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
     <ng-content />
     <organisms-vertical-divider />
-  `, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-lrS4: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-lrS4: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-lrS4)}:host[mode=expanded]{max-height:100vh}\n"], dependencies: [{ kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-tLWR: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-tLWR: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-tLWR)}:host[mode=expanded]{max-height:100vh}\n"], dependencies: [{ kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: VerticalHideFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-vertical-hide', imports: [
                         VerticalDividerOrganism,
                     ], template: `
     <ng-content />
     <organisms-vertical-divider />
-  `, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-lrS4: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-lrS4: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-lrS4)}:host[mode=expanded]{max-height:100vh}\n"] }]
+  `, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-tLWR: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-tLWR: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-tLWR)}:host[mode=expanded]{max-height:100vh}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-vertical-hide.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/vertical-hide/vertical-hide.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/vertical-hide/ng-atomic-components-frames-vertical-hide.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { VerticalDividerOrganism } from '@ng-atomic/components/organisms/vertical-divider';\n\n@Component({\n    selector: 'frames-vertical-hide',\n    imports: [\n        VerticalDividerOrganism,\n    ],\n    template: `\n    <ng-content />\n    <organisms-vertical-divider />\n  `,\n    styleUrls: ['./vertical-hide.frame.scss'],\n    host: { '[attr.mode]': 'mode()' },\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VerticalHideFrame {\n  readonly mode = input<'collapsed' | 'expanded'>('expanded');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAgBa,iBAAiB,CAAA;AAb9B,IAAA,WAAA,GAAA;AAcW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA2B,UAAU,CAAC;AAC5D;8GAFY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EARhB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;AAGX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EALK,uBAAuB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAUlB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACvB,OAAA,EAAA;wBACL,uBAAuB;qBAC1B,EACS,QAAA,EAAA;;;GAGX,EAEO,IAAA,EAAA,EAAE,aAAa,EAAE,QAAQ,EAAE,EAChB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;;;ACdnD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-vertical-hide.mjs","sources":["../tmp-esm2022/frames/vertical-hide/vertical-hide.frame.js","../tmp-esm2022/frames/vertical-hide/ng-atomic-components-frames-vertical-hide.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { VerticalDividerOrganism } from '@ng-atomic/components/organisms/vertical-divider';\nimport * as i0 from \"@angular/core\";\nexport class VerticalHideFrame {\n    constructor() {\n        this.mode = input('expanded');\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.0.5\", type: VerticalHideFrame, isStandalone: true, selector: \"frames-vertical-hide\", inputs: { mode: { classPropertyName: \"mode\", publicName: \"mode\", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { \"attr.mode\": \"mode()\" } }, ngImport: i0, template: `\n    <ng-content />\n    <organisms-vertical-divider />\n  `, isInline: true, styles: [\":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-tLWR: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-tLWR: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-tLWR)}:host[mode=expanded]{max-height:100vh}\\n\"], dependencies: [{ kind: \"component\", type: VerticalDividerOrganism, selector: \"organisms-vertical-divider\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: VerticalHideFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-vertical-hide', imports: [\n                        VerticalDividerOrganism,\n                    ], template: `\n    <ng-content />\n    <organisms-vertical-divider />\n  `, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-tLWR: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-tLWR: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-tLWR)}:host[mode=expanded]{max-height:100vh}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaGlkZS5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy92ZXJ0aWNhbC1oaWRlL3ZlcnRpY2FsLWhpZGUuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7O0FBZTNGLE1BQU0sT0FBTyxpQkFBaUI7SUFiOUI7UUFjVyxTQUFJLEdBQUcsS0FBSyxDQUEyQixVQUFVLENBQUMsQ0FBQztLQUM3RDs4R0FGWSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrUUFSaEI7OztHQUdYLG1qQkFMSyx1QkFBdUI7OzJGQVVsQixpQkFBaUI7a0JBYjdCLFNBQVM7K0JBQ0ksc0JBQXNCLFdBQ3ZCO3dCQUNMLHVCQUF1QjtxQkFDMUIsWUFDUzs7O0dBR1gsUUFFTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsbUJBQ2hCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmVydGljYWxEaXZpZGVyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3ZlcnRpY2FsLWRpdmlkZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZyYW1lcy12ZXJ0aWNhbC1oaWRlJyxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIFZlcnRpY2FsRGl2aWRlck9yZ2FuaXNtLFxuICAgIF0sXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCAvPlxuICAgIDxvcmdhbmlzbXMtdmVydGljYWwtZGl2aWRlciAvPlxuICBgLFxuICAgIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLWhpZGUuZnJhbWUuc2NzcyddLFxuICAgIGhvc3Q6IHsgJ1thdHRyLm1vZGVdJzogJ21vZGUoKScgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEhpZGVGcmFtZSB7XG4gIHJlYWRvbmx5IG1vZGUgPSBpbnB1dDwnY29sbGFwc2VkJyB8ICdleHBhbmRlZCc+KCdleHBhbmRlZCcpO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXZlcnRpY2FsLWhpZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvdmVydGljYWwtaGlkZS9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtdmVydGljYWwtaGlkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;AAGO,MAAM,iBAAiB,CAAC;AAC/B,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC;AACrC;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACnL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AACrX;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,2eAA2e,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAChrB;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE;AAChE,wBAAwB,uBAAuB;AAC/C,qBAAqB,EAAE,QAAQ,EAAE;AACjC;AACA;AACA,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,2eAA2e,CAAC,EAAE;AAChlB,SAAS,CAAC,EAAE,CAAC;;ACrBb;AACA;AACA;;;;"}