@ng-atomic/components 19.25.0 → 19.27.0

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

@@ -1 +1 @@
-{"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'\" [width]=\"'300px'\">\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-tfyy: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-tfyy: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-tfyy: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-tfyy: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-tfyy: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-tfyy: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-tfyy: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-tfyy: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-tfyy);--menu-background-color-SCOPED-IN-side-nav-tfyy: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-tfyy);--menu-on-background-color-SCOPED-IN-side-nav-tfyy: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-tfyy);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-tfyy);--surface-color: var(--surface-color-SCOPED-IN-side-nav-tfyy);--background-color: var(--background-color-SCOPED-IN-side-nav-tfyy);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-tfyy);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-tfyy);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-tfyy)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-tfyy);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-tfyy);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-tfyy)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-tfyy));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px;height:100%}\\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'\" [width]=\"'300px'\">\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-tfyy: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-tfyy: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-tfyy: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-tfyy: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-tfyy: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-tfyy: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-tfyy: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-tfyy: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-tfyy);--menu-background-color-SCOPED-IN-side-nav-tfyy: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-tfyy);--menu-on-background-color-SCOPED-IN-side-nav-tfyy: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-tfyy);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-tfyy);--surface-color: var(--surface-color-SCOPED-IN-side-nav-tfyy);--background-color: var(--background-color-SCOPED-IN-side-nav-tfyy);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-tfyy);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-tfyy);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-tfyy)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-tfyy);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-tfyy);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-tfyy)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-tfyy));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px;height:100%}\\n\"] }]\n            }], ctorParameters: null, propDecorators: null }) });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvc2lkZS1uYXYvc2lkZS1uYXYuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWtCLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQWEsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRW5FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRXRELE1BQU0sVUFBVSxpQkFBaUI7SUFDL0IsT0FBTyxNQUFNLENBQTJCLFdBQVcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFJTSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFvQ0ksV0FBTSxHQUFHLG1CQUFpQixDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQyxZQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUN4RCxrQkFBYSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENB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QixNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQXhFbkQ7O1FBeUVZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksd0dBNUhaLGlCQUFpQixtUEE2RGxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Q1QscWxFQXBEQyxnQkFBZ0Isb0pBQ2hCLFdBQVcsMERBQ1gsV0FBVzs7Z0dBb0VGLFlBQVk7c0JBeEV4QixTQUFTO2tDQUNDOzRCQUNQLGdCQUFnQjs0QkFDaEIsV0FBVzs0QkFDWCxXQUFXOzRCQUNYLDJCQUEyQjs0QkFDM0IsaUJBQWlCO3lCQUNsQixZQUNTLGlCQUFpQixZQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjs0QkFDZDtnQ0FDRSxTQUFTLEVBQUUsaUJBQWlCO2dDQUM1QixNQUFNLEVBQUU7b0NBQ04sU0FBUztvQ0FDVCxlQUFlO29DQUNmLFVBQVU7b0NBQ1YsV0FBVztvQ0FDWCxNQUFNO29DQUNOLFdBQVc7b0NBQ1gsMEJBQTBCO2lDQUMzQjs2QkFDRjt5QkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIFdyaXRhYmxlU2lnbmFsLCBpbmplY3QsIGlucHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgbWFrZUNvbmZpZywgVUlDb250ZXh0IH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvdWknO1xuaW1wb3J0IHsgRHJhd2VyRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2RyYXdlcic7XG5pbXBvcnQgeyBMaW5lVXBGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvbGluZS11cCc7XG5pbXBvcnQgeyBNZW51VGVtcGxhdGVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvbWVudSc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCwgVG9rZW5pemVkVHlwZSwgX2NvbXB1dGVkIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvaWNvbi1idXR0b24tbWVudSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuZXhwb3J0IGZ1bmN0aW9uIGluamVjdFNpZGVOYXZNb2RlKCk6IFdyaXRhYmxlU2lnbmFsPCdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJz4ge1xuICByZXR1cm4gc2lnbmFsPCdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJz4oJ2NvbGxhcHNlZCcpO1xufVxuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtc2lkZS1uYXYnIH0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIGdldE1vZGUgPSAoY29udGV4dDogVUlDb250ZXh0KSA9PiB7XG4gICAgc3dpdGNoIChjb250ZXh0LmJyZWFrcG9pbnQpIHtcbiAgICAgIGNhc2UgJ3hTbWFsbCc6IHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgIGRlZmF1bHQ6IHJldHVybiAnZXhwYW5kZWQnO1xuICAgIH1cbiAgfTtcblxuICBzdGF0aWMgZ2V0RnJhbWVUeXBlID0gKGNvbnRleHQ6IFVJQ29udGV4dCk6ICdsaW5ldXAnIHwgJ2RyYXdlcicgPT4ge1xuICAgIHN3aXRjaCAoY29udGV4dC5icmVha3BvaW50KSB7XG4gICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ2RyYXdlcic7XG4gICAgICBkZWZhdWx0OiByZXR1cm4gJ2xpbmV1cCc7XG4gICAgfVxuICB9O1xuXG4gIHN0YXRpYyBnZXRNZW51VHlwZSA9IChjb250ZXh0OiBVSUNvbnRleHQpOiAnbWVudScgfCAnaWNvbi1idXR0b24tbWVudScgPT4ge1xuICAgIHN3aXRjaCAoY29udGV4dC5icmVha3BvaW50KSB7XG4gICAgICBjYXNlICd4U21hbGwnOiByZXR1cm4gJ21lbnUnO1xuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgY2FzZSAnbWVkaXVtJzogcmV0dXJuICdpY29uLWJ1dHRvbi1tZW51JztcbiAgICAgIGRlZmF1bHQ6IHJldHVybiAnbWVudSc7XG4gICAgfVxuICB9O1xuXG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICByZXR1cm4gKGNvbnRleHQpID0+ICh7XG4gICAgICBhY3Rpb25zOiBbXSxcbiAgICAgIGJvdHRvbUFjdGlvbnM6IFtdLFxuICAgICAgbWVudVR5cGU6IFNpZGVOYXZGcmFtZVN0b3JlLmdldE1lbnVUeXBlKGNvbnRleHQpLFxuICAgICAgbWVudVRpdGxlOiB1bmRlZmluZWQgYXMgc3RyaW5nLFxuICAgICAgbW9kZTogU2lkZU5hdkZyYW1lU3RvcmUuZ2V0TW9kZShjb250ZXh0KSxcbiAgICAgIGZyYW1lVHlwZTogU2lkZU5hdkZyYW1lU3RvcmUuZ2V0RnJhbWVUeXBlKGNvbnRleHQpLFxuICAgICAgaWNvbkJ1dHRvbk1lbnVUb3BQYWRkaW5nOiAnMHB4JyxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ2ZyYW1lcycsICdzaWRlTmF2J10pO1xuXG4gIHJlYWRvbmx5IGNvbmZpZyA9IFNpZGVOYXZGcmFtZVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgYm90dG9tQWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmJvdHRvbUFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgbWVudVR5cGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5tZW51VHlwZSkpO1xuICByZWFkb25seSBtZW51VGl0bGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5tZW51VGl0bGUpKTtcbiAgcmVhZG9ubHkgbW9kZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm1vZGUpKTtcbiAgcmVhZG9ubHkgZnJhbWVUeXBlID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZnJhbWVUeXBlKSk7XG4gIHJlYWRvbmx5IGljb25CdXR0b25NZW51VG9wUGFkZGluZyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmljb25CdXR0b25NZW51VG9wUGFkZGluZykpO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5mcmFtZScpXG4gIGdldCBhdHRyRnJhbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZnJhbWVUeXBlKCk7XG4gIH1cbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgRHJhd2VyRnJhbWUsXG4gICAgTGluZVVwRnJhbWUsXG4gICAgSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlLFxuICAgIE1lbnVUZW1wbGF0ZVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ2ZyYW1lcy1zaWRlLW5hdicsXG4gIHRlbXBsYXRlOiBgXG4gIEBzd2l0Y2ggKHN0b3JlLmZyYW1lVHlwZSgpKSB7XG4gICAgQGNhc2UgKCdkcmF3ZXInKSB7XG4gICAgICA8IS0tIEBkZWZlciB7IC0tPlxuICAgICAgICA8ZnJhbWVzLWRyYXdlciBbb3BlbmVkXT1cInN0b3JlLm1vZGUoKSA9PT0gJ2V4cGFuZGVkJ1wiIFt3aWR0aF09XCInMzAwcHgnXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm1lbnVcIiBkcmF3ZXIvPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50c1wiIGNvbnRlbnRzLz5cbiAgICAgICAgPC9mcmFtZXMtZHJhd2VyPlxuICAgICAgPCEtLSB9IC0tPlxuICAgIH1cbiAgICBAZGVmYXVsdCB7XG4gICAgICA8IS0tIEBNRU1PKE5vem9tdU1peWFtb3RvKTogQGRlZmVy44KS5raI44GZ44GoRHVwbGljYXRlIGFyZ3VtZW50IG5hbWUgXCJOZ1RlbXBsYXRlT3V0bGV0XCLjgavjgarjgosgLS0+XG4gICAgICA8IS0tIEBkZWZlciB7IC0tPlxuICAgICAgICA8ZnJhbWVzLWxpbmUtdXAgW2hhc05leHRdPVwidHJ1ZVwiIFtzY29wZV09XCInbmF2J1wiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtZW51XCIgbWFpbi8+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiBuZXh0PjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50c1wiLz48L2Rpdj5cbiAgICAgICAgPC9mcmFtZXMtbGluZS11cD5cbiAgICAgIDwhLS0gfSAtLT5cbiAgICB9XG4gIH1cblxuICA8bmctdGVtcGxhdGUgI21lbnU+XG4gICAgQHN3aXRjaCAoc3RvcmUubWVudVR5cGUoKSkge1xuICAgICAgQGNhc2UgKCdpY29uLWJ1dHRvbi1tZW51Jykge1xuICAgICAgICBAZGVmZXIge1xuICAgICAgICAgIDx0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudSBpbmplY3RhYmxlXG4gICAgICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgICAgICAgW2JvdHRvbUFjdGlvbnNdPVwic3RvcmUuYm90dG9tQWN0aW9ucygpXCJcbiAgICAgICAgICAgIFt0b3BQYWRkaW5nXT1cInN0b3JlLmljb25CdXR0b25NZW51VG9wUGFkZGluZygpXCJcbiAgICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgQGRlZmF1bHQge1xuICAgICAgICBAZGVmZXIge1xuICAgICAgICAgIDx0ZW1wbGF0ZXMtbWVudSBpbmplY3RhYmxlXG4gICAgICAgICAgICBbdGl0bGVdPVwic3RvcmUubWVudVRpdGxlKClcIlxuICAgICAgICAgICAgW2FjdGlvbnNdPVwic3RvcmUuYWN0aW9ucygpXCJcbiAgICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgPG5nLXRlbXBsYXRlICNjb250ZW50cz48bmctY29udGVudC8+PC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1uYXYuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFNpZGVOYXZGcmFtZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbXG4gICAgICAgICdhY3Rpb25zJyxcbiAgICAgICAgJ2JvdHRvbUFjdGlvbnMnLFxuICAgICAgICAnbWVudVR5cGUnLFxuICAgICAgICAnbWVudVRpdGxlJyxcbiAgICAgICAgJ21vZGUnLFxuICAgICAgICAnZnJhbWVUeXBlJyxcbiAgICAgICAgJ2ljb25CdXR0b25NZW51VG9wUGFkZGluZycsXG4gICAgICBdLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoU2lkZU5hdkZyYW1lU3RvcmUpO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLXNpZGUtbmF2LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3NpZGUtbmF2L25nLWF0b21pYy1jb21wb25lbnRzLWZyYW1lcy1zaWRlLW5hdi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"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      iconButtonMenuTopPadding: '0px',\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  readonly iconButtonMenuTopPadding = input(_computed(() => this.config().iconButtonMenuTopPadding));\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'\" [width]=\"'300px'\">\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  `,\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        'iconButtonMenuTopPadding',\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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"}

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: "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-MryQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MryQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MryQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MryQ);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MryQ)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MryQ)}: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: "21.1.6", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", 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-GQjx: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-GQjx: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-GQjx: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-GQjx);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-GQjx)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-GQjx)}: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: "20.0.5", ngImport: i0, type: SmartMenuFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-MryQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MryQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MryQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MryQ);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MryQ)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MryQ)}: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-GQjx: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-GQjx: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-GQjx: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-GQjx);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-GQjx)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-GQjx)}: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":["../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-MryQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MryQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MryQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MryQ);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MryQ)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MryQ)}: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-MryQ: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-MryQ: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-MryQ: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-MryQ);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-MryQ)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-MryQ)}: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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"}
+{"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,IAAA,CAAA,YAAY,GAAG,KAAK;QAGpB,IAAA,CAAA,KAAK,GAAG,MAAM;QAMd,IAAA,CAAA,YAAY,GAAG,GAAG;AAUnB,IAAA;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;IACrF;8GAnBW,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;;sBAGhD,WAAW;uBAAC,qBAAqB;;sBAGjC;;sBAGA;;sBAGA;;sBAGA,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;AE1BnC;;AAEG;;;;"}

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

@@ -6,12 +6,12 @@ import { MatTabsModule } from '@angular/material/tabs';
 
 class TabsFrame {
     constructor() {
-        this.tabs = contentChildren('tab');
+        this.tabs = contentChildren('tab', ...(ngDevMode ? [{ debugName: "tabs" }] : []));
         this.selectedTabIndexChange = output();
-        this.labels = input([]);
+        this.labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
     }
-    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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", 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)"
     >
@@ -23,7 +23,7 @@ class TabsFrame {
     </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%}: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: "20.0.5", ngImport: i0, type: TabsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TabsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-tabs', imports: [
                         NgTemplateOutlet,
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
       }
     </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%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper mat-tab-body{height:100%}\n"] }]
-        }] });
+        }], propDecorators: { tabs: [{ type: i0.ContentChildren, args: ['tab', { isSignal: true }] }], selectedTabIndexChange: [{ type: i0.Output, args: ["selectedTabIndexChange"] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }] } });
 
 /**
  * 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":["../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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"}
+{"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, contentChildren, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n    selector: 'frames-tabs',\n    imports: [\n        NgTemplateOutlet,\n        MatTabsModule,\n    ],\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  `,\n    styleUrls: ['./tabs.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame {\n  readonly tabs = contentChildren<ElementRef>('tab');\n  readonly selectedTabIndexChange = output<number>();\n  protected readonly labels = input<string[]>([]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"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: "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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", 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: "20.0.5", ngImport: i0, type: ToggleFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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":["../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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"}
+{"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,IAAA,CAAA,OAAO,GAAa,EAAE;AAKhC,IAAA;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;IAC7B;8GALW,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,EAAA,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,EAbZ;;;;;;;;;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,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EAAA,QAAA,EACS;;;;;;;;;GAST,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA;;sBAG9C;;;AC7BH;;AAEG;;;;"}

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

@@ -4,23 +4,23 @@ import { VerticalDividerOrganism } from '@ng-atomic/components/organisms/vertica
 
 class VerticalHideFrame {
     constructor() {
-        this.mode = input('expanded');
+        this.mode = input('expanded', ...(ngDevMode ? [{ debugName: "mode" }] : []));
     }
-    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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", 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-En5Q: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-En5Q: 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-En5Q)}: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-e6FX: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-e6FX: 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-e6FX)}: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: "20.0.5", ngImport: i0, type: VerticalHideFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-En5Q: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-En5Q: 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-En5Q)}: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-e6FX: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-e6FX: 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-e6FX)}:host[mode=expanded]{max-height:100vh}\n"] }]
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"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-En5Q: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-En5Q: 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-En5Q)}: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-En5Q: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-En5Q: 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-En5Q)}: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,IAAI;AACJ,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;;;;"}
+{"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,gDAAC;AAC5D,IAAA;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,EAAA,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,EARhB;;;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,EAAA,OAAA,EACvB;wBACL,uBAAuB;qBAC1B,EAAA,QAAA,EACS;;;GAGX,EAAA,IAAA,EAEO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,eAAA,EAChB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;;;ACdnD;;AAEG;;;;"}

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

@@ -18,11 +18,11 @@ class NgAtomicFramesModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: NgAtomicFramesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: NgAtomicFramesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgAtomicFramesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgAtomicFramesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames.mjs","sources":["../tmp-esm2022/frames/frames.module.js","../tmp-esm2022/frames/ng-atomic-components-frames.js"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { RouterOutletFrameStore } from '@ng-atomic/components/frames/router-outlet';\nimport { ColumnsFrameStore } from '@ng-atomic/components/frames/columns';\nimport { AppFrameStore } from '@ng-atomic/components/frames/app';\nimport { DrawerFrameStore } from '@ng-atomic/components/frames/drawer';\nimport { FabFrameStore } from '@ng-atomic/components/frames/fab';\nimport { BreadcrumbNavbarFrameStore } from '@ng-atomic/components/frames/breadcrumb-navbar';\nimport * as i0 from \"@angular/core\";\nexport class NgAtomicFramesModule {\n    static forRoot() {\n        return {\n            ngModule: NgAtomicFramesModule,\n            providers: [\n                ...provideFrames()\n            ]\n        };\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicFramesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicFramesModule }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicFramesModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicFramesModule, decorators: [{\n            type: NgModule,\n            args: [{}]\n        }] });\nexport function provideFrames() {\n    return [\n        AppFrameStore.provideDefault(),\n        provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),\n        ColumnsFrameStore.Config.provide(),\n        provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),\n        FabFrameStore.Config.provide(),\n        provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),\n        // DrawerFrameStore.Config.provide(),\n        provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),\n        SideNavFrameStore.Config.provide(),\n        provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),\n        RouterOutletFrameStore.Config.provide(),\n        provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),\n        RouterOutletFrameStore.provideDefault(),\n        BreadcrumbNavbarFrameStore.Config.provide(),\n        provideComponent(BreadcrumbNavbarFrameStore, () => import('@ng-atomic/components/frames/breadcrumb-navbar').then(m => m.BreadcrumbNavbarFrame)),\n        // provideComponent(SideAppFrameStore, () => import('@ng-atomic/components/frames/side-app').then(m => m.SideAppFrame)),\n    ];\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9mcmFtZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBSTVGLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixTQUFTLEVBQUU7Z0JBQ1QsR0FBRyxhQUFhLEVBQUU7YUFDbkI7U0FDRixDQUFDO0lBQ0osQ0FBQzs4R0FSVSxvQkFBb0I7K0dBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxRQUFRO21CQUFDLEVBQUU7O0FBWVosTUFBTSxVQUFVLGFBQWE7SUFDM0IsT0FBTztRQUNMLGFBQWEsQ0FBQyxjQUFjLEVBQUU7UUFDOUIsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN2RyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO1FBQ2xDLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNuSCxhQUFhLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtRQUM5QixnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZHLHFDQUFxQztRQUNyQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMscUNBQXFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEgsaUJBQWlCLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtRQUNsQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHVDQUF1QyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQy9HLHNCQUFzQixDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7UUFDdkMsZ0JBQWdCLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLDRDQUE0QyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDbkksc0JBQXNCLENBQUMsY0FBYyxFQUFFO1FBQ3ZDLDBCQUEwQixDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7UUFDM0MsZ0JBQWdCLENBQUMsMEJBQTBCLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGdEQUFnRCxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDL0ksd0hBQXdIO0tBQ3pILENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBwcm92aWRlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNpZGVOYXZGcmFtZSwgU2lkZU5hdkZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3NpZGUtbmF2JztcbmltcG9ydCB7IFJvdXRlck91dGxldEZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3JvdXRlci1vdXRsZXQnO1xuaW1wb3J0IHsgQ29sdW1uc0ZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2NvbHVtbnMnO1xuaW1wb3J0IHsgQXBwRnJhbWVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXBwJztcbmltcG9ydCB7IERyYXdlckZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2RyYXdlcic7XG5pbXBvcnQgeyBGYWJGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9mYWInO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk5hdmJhckZyYW1lU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2JyZWFkY3J1bWItbmF2YmFyJztcbmltcG9ydCB7IFNpZGVBcHBGcmFtZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zaWRlLWFwcCc7XG5cbkBOZ01vZHVsZSh7fSlcbmV4cG9ydCBjbGFzcyBOZ0F0b21pY0ZyYW1lc01vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCkge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmdBdG9taWNGcmFtZXNNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgLi4ucHJvdmlkZUZyYW1lcygpXG4gICAgICBdXG4gICAgfTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZUZyYW1lcygpOiBQcm92aWRlcltdIHtcbiAgcmV0dXJuIFtcbiAgICBBcHBGcmFtZVN0b3JlLnByb3ZpZGVEZWZhdWx0KCksXG4gICAgcHJvdmlkZUNvbXBvbmVudChBcHBGcmFtZVN0b3JlLCAoKSA9PiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvYXBwJykudGhlbihtID0+IG0uQXBwRnJhbWUpKSxcbiAgICBDb2x1bW5zRnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgIHByb3ZpZGVDb21wb25lbnQoQ29sdW1uc0ZyYW1lU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9jb2x1bW5zJykudGhlbihtID0+IG0uQ29sdW1uc0ZyYW1lKSksXG4gICAgRmFiRnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgIHByb3ZpZGVDb21wb25lbnQoRmFiRnJhbWVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2ZhYicpLnRoZW4obSA9PiBtLkZhYkZyYW1lKSksXG4gICAgLy8gRHJhd2VyRnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgIHByb3ZpZGVDb21wb25lbnQoRHJhd2VyRnJhbWVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2RyYXdlcicpLnRoZW4obSA9PiBtLkRyYXdlckZyYW1lKSksXG4gICAgU2lkZU5hdkZyYW1lU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICBwcm92aWRlQ29tcG9uZW50KFNpZGVOYXZGcmFtZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3NpZGUtbmF2JykudGhlbihtID0+IG0uU2lkZU5hdkZyYW1lKSksXG4gICAgUm91dGVyT3V0bGV0RnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgIHByb3ZpZGVDb21wb25lbnQoUm91dGVyT3V0bGV0RnJhbWVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3JvdXRlci1vdXRsZXQnKS50aGVuKG0gPT4gbS5Sb3V0ZXJPdXRsZXRGcmFtZSkpLFxuICAgIFJvdXRlck91dGxldEZyYW1lU3RvcmUucHJvdmlkZURlZmF1bHQoKSxcbiAgICBCcmVhZGNydW1iTmF2YmFyRnJhbWVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgIHByb3ZpZGVDb21wb25lbnQoQnJlYWRjcnVtYk5hdmJhckZyYW1lU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9icmVhZGNydW1iLW5hdmJhcicpLnRoZW4obSA9PiBtLkJyZWFkY3J1bWJOYXZiYXJGcmFtZSkpLFxuICAgIC8vIHByb3ZpZGVDb21wb25lbnQoU2lkZUFwcEZyYW1lU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zaWRlLWFwcCcpLnRoZW4obSA9PiBtLlNpZGVBcHBGcmFtZSkpLFxuICBdO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL25nLWF0b21pYy1jb21wb25lbnRzLWZyYW1lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/frames.module.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/ng-atomic-components-frames.ts"],"sourcesContent":["import { NgModule, Provider } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { RouterOutletFrameStore } from '@ng-atomic/components/frames/router-outlet';\nimport { ColumnsFrameStore } from '@ng-atomic/components/frames/columns';\nimport { AppFrameStore } from '@ng-atomic/components/frames/app';\nimport { DrawerFrameStore } from '@ng-atomic/components/frames/drawer';\nimport { FabFrameStore } from '@ng-atomic/components/frames/fab';\nimport { BreadcrumbNavbarFrameStore } from '@ng-atomic/components/frames/breadcrumb-navbar';\nimport { SideAppFrameStore } from '@ng-atomic/components/frames/side-app';\n\n@NgModule({})\nexport class NgAtomicFramesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicFramesModule,\n      providers: [\n        ...provideFrames()\n      ]\n    };\n  }\n}\n\nexport function provideFrames(): Provider[] {\n  return [\n    AppFrameStore.provideDefault(),\n    provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),\n    ColumnsFrameStore.Config.provide(),\n    provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),\n    FabFrameStore.Config.provide(),\n    provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),\n    // DrawerFrameStore.Config.provide(),\n    provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),\n    SideNavFrameStore.Config.provide(),\n    provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),\n    RouterOutletFrameStore.Config.provide(),\n    provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),\n    RouterOutletFrameStore.provideDefault(),\n    BreadcrumbNavbarFrameStore.Config.provide(),\n    provideComponent(BreadcrumbNavbarFrameStore, () => import('@ng-atomic/components/frames/breadcrumb-navbar').then(m => m.BreadcrumbNavbarFrame)),\n    // provideComponent(SideAppFrameStore, () => import('@ng-atomic/components/frames/side-app').then(m => m.SideAppFrame)),\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAYa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE;AACT,gBAAA,GAAG,aAAa;AACjB;SACF;IACH;8GARW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,QAAQ;mBAAC,EAAE;;SAYI,aAAa,GAAA;IAC3B,OAAO;QACL,aAAa,CAAC,cAAc,EAAE;QAC9B,gBAAgB,CAAC,aAAa,EAAE,MAAM,OAAO,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvG,QAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AACnH,QAAA,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE;QAC9B,gBAAgB,CAAC,aAAa,EAAE,MAAM,OAAO,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;;QAEvG,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,OAAO,qCAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAChH,QAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,gBAAgB,CAAC,YAAY,EAAE,MAAM,OAAO,uCAAuC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/G,QAAA,sBAAsB,CAAC,MAAM,CAAC,OAAO,EAAE;QACvC,gBAAgB,CAAC,sBAAsB,EAAE,MAAM,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACnI,sBAAsB,CAAC,cAAc,EAAE;AACvC,QAAA,0BAA0B,CAAC,MAAM,CAAC,OAAO,EAAE;QAC3C,gBAAgB,CAAC,0BAA0B,EAAE,MAAM,OAAO,gDAAgD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;;KAEhJ;AACH;;AC1CA;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs

@@ -1,10 +1,8 @@
 import * as i0 from '@angular/core';
 import { Input, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/input';
+import * as i2 from '@angular/material/input';
 import { MatInputModule, MatInput } from '@angular/material/input';
 import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';
 import { NgAtomicComponent } from '@ng-atomic/core';
@@ -32,35 +30,38 @@ class ActionInputFieldMolecule extends NgAtomicComponent {
         //   return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';
         // };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: ActionInputFieldMolecule, isStandalone: true, selector: "molecules-action-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", actions: "actions" }, viewQueries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }, { propertyName: "input", first: true, predicate: ["matInput"], descendants: true, read: MatInput }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActionInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: ActionInputFieldMolecule, isStandalone: true, selector: "molecules-action-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", actions: "actions" }, viewQueries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }, { propertyName: "input", first: true, predicate: ["matInput"], descendants: true, read: MatInput }], usesInheritance: true, ngImport: i0, template: `
   <mat-form-field class="mat-form-field-disabled" [appearance]="appearance">
     <mat-label>{{ label }}</mat-label>
     <input matInput [name]="name" type="text" [formControl]="control" [placeholder]="placeholder">
     <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+    @if (hint) {
+      <mat-hint>{{ hint }}</mat-hint>
+    }
     <mat-error>{{ control.errors | error }}</mat-error>
   </mat-form-field>
   <atoms-menu-button
     [actions]="actions"
     (action)="dispatch($event)"
   ></atoms-menu-button>
-  `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-menu-button{width:fit-content;margin-bottom:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-menu-button{width:fit-content;margin-bottom:20px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ActionInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActionInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-action-input-field', imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatInputModule,
                         SmartMenuButtonAtom,
-                        ErrorPipe,
+                        ErrorPipe
                     ], template: `
   <mat-form-field class="mat-form-field-disabled" [appearance]="appearance">
     <mat-label>{{ label }}</mat-label>
     <input matInput [name]="name" type="text" [formControl]="control" [placeholder]="placeholder">
     <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+    @if (hint) {
+      <mat-hint>{{ hint }}</mat-hint>
+    }
     <mat-error>{{ control.errors | error }}</mat-error>
   </mat-form-field>
   <atoms-menu-button