@ng-atomic/components 18.2.1 → 18.5.0

package/fesm2022/ng-atomic-components-templates-selection.mjs

@@ -70,7 +70,7 @@ class SelectionTemplate extends NgAtomicComponent {
       bottom
     />
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-Sgax: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-Sgax: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-Sgax: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-Sgax: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-Sgax: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-Sgax: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-Sgax: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-Sgax: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-Sgax: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-Sgax);--navigator-background-color-SCOPED-IN-selection-Sgax: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-Sgax);--navigator-on-background-color-SCOPED-IN-selection-Sgax: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-Sgax: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-Sgax: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-Sgax);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-Sgax);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-Sgax)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-Sgax);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-Sgax);--surface-color: var(--surface-color-SCOPED-IN-selection-Sgax);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-Sgax);--background-color: var(--background-color-SCOPED-IN-selection-Sgax);--on-background-color: var(--on-background-color-SCOPED-IN-selection-Sgax)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-Sgax);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-Sgax)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-aMY3: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-aMY3: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-aMY3: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-aMY3: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-aMY3: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-aMY3: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-aMY3: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-aMY3: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-aMY3: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-aMY3);--navigator-background-color-SCOPED-IN-selection-aMY3: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-aMY3);--navigator-on-background-color-SCOPED-IN-selection-aMY3: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-aMY3: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-aMY3: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-aMY3);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-aMY3);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-aMY3)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-aMY3);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-aMY3);--surface-color: var(--surface-color-SCOPED-IN-selection-aMY3);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-aMY3);--background-color: var(--background-color-SCOPED-IN-selection-aMY3);--on-background-color: var(--on-background-color-SCOPED-IN-selection-aMY3)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-aMY3);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-aMY3)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: SelectionTemplateStore,
                             inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
                         },
-                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-Sgax: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-Sgax: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-Sgax: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-Sgax: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-Sgax: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-Sgax: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-Sgax: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-Sgax: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-Sgax: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-Sgax);--navigator-background-color-SCOPED-IN-selection-Sgax: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-Sgax);--navigator-on-background-color-SCOPED-IN-selection-Sgax: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-Sgax: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-Sgax: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-Sgax);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-Sgax);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-Sgax)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-Sgax);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-Sgax);--surface-color: var(--surface-color-SCOPED-IN-selection-Sgax);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-Sgax);--background-color: var(--background-color-SCOPED-IN-selection-Sgax);--on-background-color: var(--on-background-color-SCOPED-IN-selection-Sgax)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-Sgax);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-Sgax)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-aMY3: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-aMY3: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-aMY3: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-aMY3: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-aMY3: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-aMY3: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-aMY3: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-aMY3: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-aMY3: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-aMY3);--navigator-background-color-SCOPED-IN-selection-aMY3: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-aMY3);--navigator-on-background-color-SCOPED-IN-selection-aMY3: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-aMY3: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-aMY3: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-aMY3);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-aMY3);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-aMY3)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-aMY3);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-aMY3);--surface-color: var(--surface-color-SCOPED-IN-selection-aMY3);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-aMY3);--background-color: var(--background-color-SCOPED-IN-selection-aMY3);--on-background-color: var(--on-background-color-SCOPED-IN-selection-aMY3)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-aMY3);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-aMY3)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
         }], propDecorators: { toggleOption: [] } });
 
 /**

package/fesm2022/ng-atomic-components-templates-settings.mjs

@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-ILyf: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-ILyf: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-ILyf: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-ILyf: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-ILyf: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-ILyf: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-ILyf: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-ILyf);--navigator-background-color-SCOPED-IN-%COMP%-ILyf: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-ILyf);--navigator-on-background-color-SCOPED-IN-%COMP%-ILyf: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-ILyf);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-ILyf);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-ILyf);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-ILyf);--background-color: var(--background-color-SCOPED-IN-%COMP%-ILyf);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-ILyf)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-ILyf);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-ILyf)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-qKMY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-qKMY: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-qKMY: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-qKMY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-qKMY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-qKMY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-qKMY: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-qKMY);--navigator-background-color-SCOPED-IN-%COMP%-qKMY: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-qKMY);--navigator-on-background-color-SCOPED-IN-%COMP%-qKMY: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-qKMY);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-qKMY);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-qKMY);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-qKMY);--background-color: var(--background-color-SCOPED-IN-%COMP%-qKMY);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-qKMY)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-qKMY);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-qKMY)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-ILyf: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-ILyf: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-ILyf: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-ILyf: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-ILyf: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-ILyf: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-ILyf: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-ILyf);--navigator-background-color-SCOPED-IN-%COMP%-ILyf: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-ILyf);--navigator-on-background-color-SCOPED-IN-%COMP%-ILyf: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-ILyf);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-ILyf);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-ILyf);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-ILyf);--background-color: var(--background-color-SCOPED-IN-%COMP%-ILyf);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-ILyf)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-ILyf);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-ILyf)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-qKMY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-qKMY: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-qKMY: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-qKMY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-qKMY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-qKMY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-qKMY: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-qKMY);--navigator-background-color-SCOPED-IN-%COMP%-qKMY: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-qKMY);--navigator-on-background-color-SCOPED-IN-%COMP%-qKMY: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-qKMY);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-qKMY);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-qKMY);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-qKMY);--background-color: var(--background-color-SCOPED-IN-%COMP%-qKMY);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-qKMY)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-qKMY);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-qKMY)}\n"] }]
         }] });
 
 /**

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

@@ -9,35 +9,13 @@ import { FormTemplateStore } from '@ng-atomic/components/templates/form';
 import { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';
 import { ColumnsTemplateStore } from '@ng-atomic/components/templates/columns';
 
+/** @deprecated use `provideTemplates` */
 class NgAtomicTemplatesModule {
     static forRoot() {
         return {
             ngModule: NgAtomicTemplatesModule,
             providers: [
-                provideComponent(IndexTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);
-                }),
-                provideComponent(BackgroundTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);
-                }),
-                provideComponent(FormTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);
-                }),
-                provideComponent(EntranceTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);
-                }),
-                provideComponent(ColumnsTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate);
-                }),
-                ColumnsTemplateStore.provideDefault(),
-                provideComponent(IconButtonMenuTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);
-                }),
-                provideComponent(MenuTemplateStore, () => {
-                    return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);
-                }),
-                IndexTemplateStore.Config.provide(),
-                FormTemplateStore.Config.provide(),
+                provideTemplates(),
             ],
         };
     }
@@ -49,10 +27,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
             type: NgModule,
             args: [{}]
         }] });
+function provideTemplates() {
+    return [
+        provideComponent(IndexTemplateStore, () => import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate)),
+        provideComponent(BackgroundTemplateStore, () => import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate)),
+        provideComponent(FormTemplateStore, () => import('@ng-atomic/components/templates/form').then(m => m.FormTemplate)),
+        provideComponent(EntranceTemplateStore, () => import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate)),
+        provideComponent(ColumnsTemplateStore, () => import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate)),
+        ColumnsTemplateStore.provideDefault(),
+        provideComponent(IconButtonMenuTemplateStore, () => import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate)),
+        provideComponent(MenuTemplateStore, () => import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate)),
+        IndexTemplateStore.Config.provide(),
+        FormTemplateStore.Config.provide(),
+    ];
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgAtomicTemplatesModule };
+export { NgAtomicTemplatesModule, provideTemplates };
 //# sourceMappingURL=ng-atomic-components-templates.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\nimport { EntranceTemplateStore } from \"@ng-atomic/components/templates/entrance\";\nimport { IndexTemplateStore } from '@ng-atomic/components/templates/_index';\nimport { FormTemplateStore } from \"@ng-atomic/components/templates/form\";\nimport { BackgroundTemplateStore } from \"@ng-atomic/components/templates/background\";\nimport { ColumnsTemplateStore } from \"@ng-atomic/components/templates/columns\";\n\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicTemplatesModule,\n      providers: [\n        provideComponent(IndexTemplateStore, () => {\n          return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);\n        }),\n        provideComponent(BackgroundTemplateStore, () => {\n          return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);\n        }),\n        provideComponent(FormTemplateStore, () => {\n          return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);\n        }),\n        provideComponent(EntranceTemplateStore, () => {\n          return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);\n        }),\n        provideComponent(ColumnsTemplateStore, () => {\n          return import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate);\n        }),\n        ColumnsTemplateStore.provideDefault(),\n        provideComponent(IconButtonMenuTemplateStore, () => {\n          return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);\n        }),\n        provideComponent(MenuTemplateStore, () => {\n          return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);\n        }),\n        IndexTemplateStore.Config.provide(),\n        FormTemplateStore.Config.provide(),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAWa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,gBAAgB,CAAC,kBAAkB,EAAE,MAAK;AACxC,oBAAA,OAAO,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AACrF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC9F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,qBAAqB,EAAE,MAAK;AAC3C,oBAAA,OAAO,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAC1F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,oBAAoB,EAAE,MAAK;AAC1C,oBAAA,OAAO,OAAO,yCAAyC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;AACxF,iBAAC,CAAC;gBACF,oBAAoB,CAAC,cAAc,EAAE;AACrC,gBAAA,gBAAgB,CAAC,2BAA2B,EAAE,MAAK;AACjD,oBAAA,OAAO,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACxG,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,gBAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,aAAA;SACF,CAAA;KACF;8GA/BU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;;ACVZ;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\nimport { EntranceTemplateStore } from \"@ng-atomic/components/templates/entrance\";\nimport { IndexTemplateStore } from '@ng-atomic/components/templates/_index';\nimport { FormTemplateStore } from \"@ng-atomic/components/templates/form\";\nimport { BackgroundTemplateStore } from \"@ng-atomic/components/templates/background\";\nimport { ColumnsTemplateStore } from \"@ng-atomic/components/templates/columns\";\n\n/** @deprecated use `provideTemplates` */\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicTemplatesModule,\n      providers: [\n        provideTemplates(),\n      ],\n    }\n  }\n}\n\nexport function provideTemplates() {\n  return [\n    provideComponent(IndexTemplateStore, () => import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate)),\n    provideComponent(BackgroundTemplateStore, () => import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate)),\n    provideComponent(FormTemplateStore, () => import('@ng-atomic/components/templates/form').then(m => m.FormTemplate)),\n    provideComponent(EntranceTemplateStore, () => import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate)),\n    provideComponent(ColumnsTemplateStore, () => import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate)),\n    ColumnsTemplateStore.provideDefault(),\n    provideComponent(IconButtonMenuTemplateStore, () => import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate)),\n    provideComponent(MenuTemplateStore, () => import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate)),\n    IndexTemplateStore.Config.provide(),\n    FormTemplateStore.Config.provide(),\n  ];\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAUA;MAEa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,gBAAgB,EAAE;AACnB,aAAA;SACF,CAAA;KACF;8GARU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;SAYI,gBAAgB,GAAA;IAC9B,OAAO;QACL,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;QACvH,gBAAgB,CAAC,uBAAuB,EAAE,MAAM,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;QACrI,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;QACnH,gBAAgB,CAAC,qBAAqB,EAAE,MAAM,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;QAC/H,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,OAAO,yCAAyC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;QAC5H,oBAAoB,CAAC,cAAc,EAAE;QACrC,gBAAgB,CAAC,2BAA2B,EAAE,MAAM,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;QACnJ,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AACnH,QAAA,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,QAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;KACnC,CAAC;AACJ;;ACpCA;;AAEG;;;;"}

package/fesm2022/ng-atomic-components.mjs

@@ -1,52 +1,31 @@
-import * as i0 from '@angular/core';
-import { importProvidersFrom, NgModule } from '@angular/core';
-import { NgAtomicAtomsModule } from '@ng-atomic/components/atoms';
-import { NgAtomicMoleculesModule } from '@ng-atomic/components/molecules';
-import { NgAtomicOrganismsModule } from '@ng-atomic/components/organisms';
-import { NgAtomicTemplatesModule } from '@ng-atomic/components/templates';
-import { NgAtomicFramesModule } from '@ng-atomic/components/frames';
-import { NgAtomicPagesModule } from '@ng-atomic/components/pages';
-import { NgAtomicSheetsModule } from '@ng-atomic/components/sheets';
+import { importProvidersFrom } from '@angular/core';
+import { provideAtoms } from '@ng-atomic/components/atoms';
+import { provideMolecules } from '@ng-atomic/components/molecules';
+import { provideOrganisms } from '@ng-atomic/components/organisms';
+import { provideTemplates } from '@ng-atomic/components/templates';
+import { provideFrames } from '@ng-atomic/components/frames';
+import { providePages } from '@ng-atomic/components/pages';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { RootPropertyService, provideRootProperty } from '@ng-atomic/common/services/root-property';
 
-class NgAtomicComponentsModule {
-    static forRoot() {
-        return {
-            ngModule: NgAtomicComponentsModule,
-            providers: [
-                RootPropertyService.Config.provide(),
-                provideRootProperty(),
-                importProvidersFrom(NgAtomicAtomsModule.forRoot()),
-                importProvidersFrom(NgAtomicMoleculesModule.forRoot()),
-                importProvidersFrom(NgAtomicOrganismsModule.forRoot()),
-                importProvidersFrom(NgAtomicTemplatesModule.forRoot()),
-                importProvidersFrom(NgAtomicPagesModule.forRoot()),
-                importProvidersFrom(NgAtomicFramesModule.forRoot()),
-                importProvidersFrom(NgAtomicSheetsModule.forRoot()),
-            ],
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
-            MatSnackBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
-            MatSnackBarModule] }); }
+function provideNgAtomicComponents() {
+    return [
+        importProvidersFrom(MatDialogModule, MatSnackBarModule),
+        RootPropertyService.Config.provide(),
+        provideRootProperty(),
+        provideAtoms(),
+        provideMolecules(),
+        provideOrganisms(),
+        provideTemplates(),
+        providePages(),
+        provideFrames(),
+    ];
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        MatDialogModule,
-                        MatSnackBarModule,
-                    ]
-                }]
-        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgAtomicComponentsModule };
+export { provideNgAtomicComponents };
 //# sourceMappingURL=ng-atomic-components.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/components.module.ts","../../../../../packages/@ng-atomic/components/src/lib/ng-atomic-components.ts"],"sourcesContent":["import { NgModule, importProvidersFrom } from \"@angular/core\";\nimport { NgAtomicAtomsModule } from \"@ng-atomic/components/atoms\";\nimport { NgAtomicMoleculesModule } from \"@ng-atomic/components/molecules\";\nimport { NgAtomicOrganismsModule } from \"@ng-atomic/components/organisms\";\nimport { NgAtomicTemplatesModule } from \"@ng-atomic/components/templates\";\nimport { NgAtomicFramesModule } from \"@ng-atomic/components/frames\";\nimport { NgAtomicPagesModule } from \"@ng-atomic/components/pages\";\nimport { NgAtomicSheetsModule } from '@ng-atomic/components/sheets';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { provideRootProperty, RootPropertyService } from '@ng-atomic/common/services/root-property';\n\n\n@NgModule({\n  imports: [\n    MatDialogModule,\n    MatSnackBarModule,\n  ]\n})\nexport class NgAtomicComponentsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicComponentsModule,\n      providers: [\n        RootPropertyService.Config.provide(),\n        provideRootProperty(),\n        importProvidersFrom(NgAtomicAtomsModule.forRoot()),\n        importProvidersFrom(NgAtomicMoleculesModule.forRoot()),\n        importProvidersFrom(NgAtomicOrganismsModule.forRoot()),\n        importProvidersFrom(NgAtomicTemplatesModule.forRoot()),\n        importProvidersFrom(NgAtomicPagesModule.forRoot()),\n        importProvidersFrom(NgAtomicFramesModule.forRoot()),\n        importProvidersFrom(NgAtomicSheetsModule.forRoot()),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAmBa,wBAAwB,CAAA;AACnC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,wBAAwB;AAClC,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,CAAC,MAAM,CAAC,OAAO,EAAE;AACpC,gBAAA,mBAAmB,EAAE;AACrB,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACnD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACpD,aAAA;SACF,CAAA;KACF;8GAhBU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAJjC,eAAe;YACf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAJjC,eAAe;YACf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGR,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/components.module.ts","../../../../../packages/@ng-atomic/components/src/lib/ng-atomic-components.ts"],"sourcesContent":["import { EnvironmentProviders, importProvidersFrom } from \"@angular/core\";\nimport { provideAtoms } from \"@ng-atomic/components/atoms\";\nimport { provideMolecules } from \"@ng-atomic/components/molecules\";\nimport { provideOrganisms } from \"@ng-atomic/components/organisms\";\nimport { provideTemplates } from \"@ng-atomic/components/templates\";\nimport { provideFrames } from \"@ng-atomic/components/frames\";\nimport { providePages } from \"@ng-atomic/components/pages\";\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { provideRootProperty, RootPropertyService } from '@ng-atomic/common/services/root-property';\n\nexport function provideNgAtomicComponents(): EnvironmentProviders {\n  return [\n    importProvidersFrom(\n      MatDialogModule,\n      MatSnackBarModule,\n    ),\n    RootPropertyService.Config.provide(),\n    provideRootProperty(),\n    provideAtoms(),\n    provideMolecules(),\n    provideOrganisms(),\n    provideTemplates(),\n    providePages(),\n    provideFrames(),\n  ] as never as EnvironmentProviders;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;SAWgB,yBAAyB,GAAA;IACvC,OAAO;AACL,QAAA,mBAAmB,CACjB,eAAe,EACf,iBAAiB,CAClB;AACD,QAAA,mBAAmB,CAAC,MAAM,CAAC,OAAO,EAAE;AACpC,QAAA,mBAAmB,EAAE;AACrB,QAAA,YAAY,EAAE;AACd,QAAA,gBAAgB,EAAE;AAClB,QAAA,gBAAgB,EAAE;AAClB,QAAA,gBAAgB,EAAE;AAClB,QAAA,YAAY,EAAE;AACd,QAAA,aAAa,EAAE;KACiB,CAAC;AACrC;;AC1BA;;AAEG;;;;"}

package/frames/app/app.frame.d.ts

@@ -4,10 +4,12 @@ import * as i0 from "@angular/core";
 declare enum ActionId {
     SIGN_IN_WITH_GOOGLE = "[@ng-atomic/components:frames/app] Sign In With Google",
     SIGN_IN_WITH_TWITTER = "[@ng-atomic/components:frames/app] Sign In With Twitter",
+    SIGN_IN_WITH_MICROSOFT = "[@ng-atomic/components:frames/app] Sign In With Microsoft",
     SIGN_IN_WITH_EMAIL = "[@ng-atomic/components:frames/app] Sign In With Email",
     SIGN_UP_WITH_EMAIL = "[@ng-atomic/components:frames/app] Sign Up With Email",
     NAVIGATE = "[@ng-atomic/components:frames/app] Navigate",
     SIGN_OUT = "[@ng-atomic/components:frames/app] Sign Out",
+    NAVIGATE_SIDE_APP = "[@ng-atomic/components:frames/app] Navigate Side App",
     OPEN_SIDE_APP = "[@ng-atomic/components:frames/app] Open Side App"
 }
 export declare class AppFrameStore extends InjectableComponent {
@@ -18,11 +20,13 @@ export declare class AppFrameStore extends InjectableComponent {
             fabHide: boolean;
             isEntrance: boolean;
             isLoading: boolean;
+            isProgress: boolean;
             sideAppOpened: boolean;
             title: string;
             form: AbstractControl;
             entranceActions: Actions;
             sideNavActions: Actions;
+            sideNavBottomActions: any[];
             sideNavMode: "expanded" | "collapsed";
             sideNavMenuType: "menu" | "icon-button-menu";
             sideNavMenuTitle: string;
@@ -33,11 +37,13 @@ export declare class AppFrameStore extends InjectableComponent {
             fabHide: boolean;
             isEntrance: boolean;
             isLoading: boolean;
+            isProgress: boolean;
             sideAppOpened: boolean;
             title: string;
             form: AbstractControl;
             entranceActions: Actions;
             sideNavActions: Actions;
+            sideNavBottomActions: any[];
             sideNavMode: "expanded" | "collapsed";
             sideNavMenuType: "menu" | "icon-button-menu";
             sideNavMenuTitle: string;
@@ -83,36 +89,43 @@ export declare class AppFrameStore extends InjectableComponent {
         multi: boolean;
     }[];
     static provideNavigateEffect(): import("@angular/core").Provider;
+    static provideNavigateSideAppEffect(): import("@angular/core").Provider;
     static provideSignOutEffect(): import("@angular/core").Provider;
     static provideOpenSideAppEffect(): import("@angular/core").Provider;
+    static provideCloseSideAppEffect(): import("@angular/core").Provider;
     static provideSignUpWithEmailEffect(): import("@angular/core").Provider;
     static provideSignInWithEmailEffect(): import("@angular/core").Provider;
     static provideSignInWithGoogleEffect(): import("@angular/core").Provider;
     static provideSignInWithTwitterEffect(): import("@angular/core").Provider;
     static provideDefaultEffects(): import("@angular/core").Provider[];
     static provideDefault(): import("@angular/core").Provider[];
+    static injectNavActionFactory(): (commands: any[], name: string) => Action<any>;
     readonly config: import("@angular/core").Signal<{
         fabActions: any[];
         fabHide: boolean;
         isEntrance: boolean;
         isLoading: boolean;
+        isProgress: boolean;
         sideAppOpened: boolean;
         title: string;
         form: AbstractControl;
         entranceActions: Actions;
         sideNavActions: Actions;
+        sideNavBottomActions: any[];
         sideNavMode: "expanded" | "collapsed";
         sideNavMenuType: "menu" | "icon-button-menu";
         sideNavMenuTitle: string;
         sideAppOutletName: string;
     }>;
     readonly isLoading: import("@angular/core").InputSignal<boolean>;
+    readonly isProgress: import("@angular/core").InputSignal<boolean>;
     readonly isEntrance: import("@angular/core").InputSignal<boolean>;
     readonly sideAppOpened: import("@angular/core").InputSignal<boolean>;
     readonly title: import("@angular/core").InputSignal<string>;
     readonly form: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     readonly entranceActions: import("@angular/core").InputSignal<Actions>;
     readonly sideNavActions: import("@angular/core").InputSignal<Actions>;
+    readonly sideNavBottomActions: import("@angular/core").InputSignal<any[]>;
     readonly sideNavMode: import("@angular/core").InputSignal<"collapsed" | "expanded">;
     readonly sideNavMenuType: import("@angular/core").InputSignal<"menu" | "icon-button-menu">;
     readonly sideNavMenuTitle: import("@angular/core").InputSignal<string>;
@@ -121,7 +134,7 @@ export declare class AppFrameStore extends InjectableComponent {
     readonly fabHide: import("@angular/core").InputSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AppFrameStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AppFrameStore, "frames-app", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isEntrance": { "alias": "isEntrance"; "required": false; "isSignal": true; }; "sideAppOpened": { "alias": "sideAppOpened"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "entranceActions": { "alias": "entranceActions"; "required": false; "isSignal": true; }; "sideNavActions": { "alias": "sideNavActions"; "required": false; "isSignal": true; }; "sideNavMode": { "alias": "sideNavMode"; "required": false; "isSignal": true; }; "sideNavMenuType": { "alias": "sideNavMenuType"; "required": false; "isSignal": true; }; "sideNavMenuTitle": { "alias": "sideNavMenuTitle"; "required": false; "isSignal": true; }; "sideAppOutletName": { "alias": "sideAppOutletName"; "required": false; "isSignal": true; }; "fabActions": { "alias": "fabActions"; "required": false; "isSignal": true; }; "fabHide": { "alias": "fabHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppFrameStore, "frames-app", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isProgress": { "alias": "isProgress"; "required": false; "isSignal": true; }; "isEntrance": { "alias": "isEntrance"; "required": false; "isSignal": true; }; "sideAppOpened": { "alias": "sideAppOpened"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "entranceActions": { "alias": "entranceActions"; "required": false; "isSignal": true; }; "sideNavActions": { "alias": "sideNavActions"; "required": false; "isSignal": true; }; "sideNavBottomActions": { "alias": "sideNavBottomActions"; "required": false; "isSignal": true; }; "sideNavMode": { "alias": "sideNavMode"; "required": false; "isSignal": true; }; "sideNavMenuType": { "alias": "sideNavMenuType"; "required": false; "isSignal": true; }; "sideNavMenuTitle": { "alias": "sideNavMenuTitle"; "required": false; "isSignal": true; }; "sideAppOutletName": { "alias": "sideAppOutletName"; "required": false; "isSignal": true; }; "fabActions": { "alias": "fabActions"; "required": false; "isSignal": true; }; "fabHide": { "alias": "fabHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class AppFrame extends NgAtomicComponent {
     protected store: AppFrameStore;

package/frames/auto-layout/auto-layout.frame.d.ts

@@ -1,5 +1,11 @@
 import * as i0 from "@angular/core";
+export declare class AutoLayoutFrameStore {
+    readonly type: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoLayoutFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoLayoutFrameStore, never, never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class AutoLayoutFrame {
+    protected store: AutoLayoutFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoLayoutFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoLayoutFrame, "frames-auto-layout", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoLayoutFrame, "frames-auto-layout", never, {}, {}, never, ["*"], true, [{ directive: typeof AutoLayoutFrameStore; inputs: { "type": "type"; }; outputs: {}; }]>;
 }

package/frames/frames.module.d.ts

@@ -1,29 +1,12 @@
-import { SideNavFrame } from '@ng-atomic/components/frames/side-nav';
+import { Provider } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NgAtomicFramesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicFramesModule;
-        providers: (import("@angular/core").Provider | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/app").AppFrame>>;
-        } | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/columns").ColumnsFrame>>;
-        } | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/fab").FabFrame>>;
-        } | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/drawer").DrawerFrame>>;
-        } | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<SideNavFrame>>;
-        } | {
-            provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/frames/router-outlet").RouterOutletFrame>>;
-        })[];
+        providers: Provider[];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFramesModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicFramesModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicFramesModule>;
 }
+export declare function provideFrames(): Provider[];

package/frames/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './progress-bar.frame';

package/frames/progress-bar/progress-bar.frame.d.ts

@@ -0,0 +1,14 @@
+import { ProgressBarMode } from '@angular/material/progress-bar';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class ProgressBarFrameStore {
+    readonly mode: import("@angular/core").InputSignal<ProgressBarMode>;
+    readonly isProgress: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarFrameStore, "frames-progress-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "isProgress": { "alias": "isProgress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ProgressBarFrame extends NgAtomicComponent {
+    protected readonly store: ProgressBarFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarFrame, "frames-progress-bar", never, {}, {}, never, ["*"], true, [{ directive: typeof ProgressBarFrameStore; inputs: { "mode": "mode"; "isProgress": "isProgress"; }; outputs: {}; }]>;
+}

package/frames/router-outlet/router-outlet.frame.d.ts

@@ -1,4 +1,5 @@
-import { RouterOutlet } from '@angular/router';
+import { EventEmitter, Signal } from '@angular/core';
+import { CanActivateFn, CanDeactivateFn, RouterOutlet, Routes } from '@angular/router';
 import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class RouterOutletFrameStore extends InjectableComponent {
@@ -8,15 +9,15 @@ export declare class RouterOutletFrameStore extends InjectableComponent {
             name: string;
             isActivated: (outlet: RouterOutlet) => boolean;
         }>, label?: string): import("@angular/core").Provider;
-        inject(): import("@angular/core").Signal<{
+        inject(): Signal<{
             frame: "overlay" | "lineup";
             name: string;
             isActivated: (outlet: RouterOutlet) => boolean;
         }>;
     };
-    static provideExperimental(): import("@angular/core").Provider;
-    static provideSideAppConfig: () => import("@angular/core").Provider;
-    readonly config: import("@angular/core").Signal<{
+    static provideSideAppConfig: (name?: string) => import("@angular/core").Provider;
+    static provideDefault(): import("@angular/core").Provider[];
+    readonly config: Signal<{
         frame: "overlay" | "lineup";
         name: string;
         isActivated: (outlet: RouterOutlet) => boolean;
@@ -24,13 +25,23 @@ export declare class RouterOutletFrameStore extends InjectableComponent {
     readonly frame: import("@angular/core").InputSignal<"overlay" | "lineup">;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly isActivated: import("@angular/core").InputSignal<(outlet: RouterOutlet) => boolean>;
+    readonly skip: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RouterOutletFrameStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterOutletFrameStore, "frames-router-outlet", never, { "frame": { "alias": "frame"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "isActivated": { "alias": "isActivated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterOutletFrameStore, "frames-router-outlet", never, { "frame": { "alias": "frame"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "isActivated": { "alias": "isActivated"; "required": false; "isSignal": true; }; "skip": { "alias": "skip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class RouterOutletFrame extends NgAtomicComponent {
     protected store: RouterOutletFrameStore;
-    readonly outlet: import("@angular/core").Signal<RouterOutlet>;
-    readonly isActivated: import("@angular/core").Signal<boolean>;
+    readonly events: EventEmitter<string>;
+    readonly outlet: Signal<RouterOutlet>;
+    readonly outlet$: import("rxjs").Observable<RouterOutlet>;
+    readonly activatedEvents$: import("rxjs").Observable<any>;
+    readonly hasNext$: import("rxjs").Observable<boolean>;
+    readonly hasNext: Signal<boolean>;
+    readonly parent: RouterOutletFrame;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RouterOutletFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RouterOutletFrame, "frames-router-outlet", never, {}, {}, never, ["*"], true, [{ directive: typeof RouterOutletFrameStore; inputs: { "frame": "frame"; "name": "name"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RouterOutletFrame, "frames-router-outlet", never, {}, { "events": "events"; }, never, ["*"], true, [{ directive: typeof RouterOutletFrameStore; inputs: { "frame": "frame"; "name": "name"; "skip": "skip"; }; outputs: {}; }]>;
 }
+export declare const canDeactivateFn: CanDeactivateFn<NgAtomicComponent | undefined>;
+export declare const canActivateFn: CanActivateFn;
+export declare function ngAtomicRoutes(routes: Routes): Routes;

package/frames/scroll/scroll.frame.d.ts

@@ -1,5 +1,9 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScrollFrame {
+    protected contents: ElementRef<HTMLDivElement>;
+    isScrollBottom(): boolean;
+    scrollToBottom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollFrame, "frames-scroll", never, {}, {}, never, ["[navigator]", "[contents]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollFrame, "frames-scroll", never, {}, {}, never, ["[top]", "*", "[bottom]"], true, never>;
 }

package/frames/scroll-v2/index.d.ts

@@ -1 +1 @@
-export * from './scroll.frame';
+export * from '@ng-atomic/components/frames/scroll';

package/frames/side-app/index.d.ts

@@ -0,0 +1 @@
+export * from './side-app.frame';

package/frames/side-app/side-app.frame.d.ts

@@ -0,0 +1,20 @@
+import { Route } from "@angular/router";
+import { InjectableComponent, NgAtomicComponent } from "@ng-atomic/core";
+import * as i0 from "@angular/core";
+export declare class SideAppFrameStore extends InjectableComponent {
+    static route(route: Route): {
+        outlet: string;
+        component: typeof SideAppFrame;
+        path: string;
+        providers: import("@angular/core").Provider[][];
+    } & Route;
+    static provideDefault(): import("@angular/core").Provider[];
+    readonly name: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideAppFrameStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SideAppFrameStore, "frames-side-app", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class SideAppFrame extends NgAtomicComponent {
+    protected store: SideAppFrameStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideAppFrame, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideAppFrame, "frames-side-app", never, {}, {}, never, never, true, [{ directive: typeof SideAppFrameStore; inputs: { "name": "name"; }; outputs: {}; }]>;
+}

package/frames/side-nav/side-nav.frame.d.ts

@@ -11,6 +11,7 @@ export declare class SideNavFrameStore extends InjectableComponent {
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             actions: any[];
+            bottomActions: any[];
             menuType: "menu" | "icon-button-menu";
             menuTitle: string;
             mode: string;
@@ -18,6 +19,7 @@ export declare class SideNavFrameStore extends InjectableComponent {
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
             actions: any[];
+            bottomActions: any[];
             menuType: "menu" | "icon-button-menu";
             menuTitle: string;
             mode: string;
@@ -26,22 +28,24 @@ export declare class SideNavFrameStore extends InjectableComponent {
     };
     readonly config: import("@angular/core").Signal<{
         actions: any[];
+        bottomActions: any[];
         menuType: "menu" | "icon-button-menu";
         menuTitle: string;
         mode: string;
         frameType: "lineup" | "drawer";
     }>;
     readonly actions: import("@angular/core").InputSignal<any[]>;
+    readonly bottomActions: import("@angular/core").InputSignal<any[]>;
     readonly menuType: import("@angular/core").InputSignal<"menu" | "icon-button-menu">;
     readonly menuTitle: import("@angular/core").InputSignal<string>;
     readonly mode: import("@angular/core").InputSignal<string>;
     readonly frameType: import("@angular/core").InputSignal<"lineup" | "drawer">;
     get attrFrame(): "lineup" | "drawer";
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavFrameStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SideNavFrameStore, "frames-side-nav", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "menuType": { "alias": "menuType"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "frameType": { "alias": "frameType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SideNavFrameStore, "frames-side-nav", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "bottomActions": { "alias": "bottomActions"; "required": false; "isSignal": true; }; "menuType": { "alias": "menuType"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "frameType": { "alias": "frameType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class SideNavFrame extends NgAtomicComponent {
     protected store: SideNavFrameStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideNavFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavFrame, "frames-side-nav", never, {}, {}, never, ["*"], true, [{ directive: typeof SideNavFrameStore; inputs: { "actions": "actions"; "menuType": "menuType"; "menuTitle": "menuTitle"; "mode": "mode"; "frameType": "frameType"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavFrame, "frames-side-nav", never, {}, {}, never, ["*"], true, [{ directive: typeof SideNavFrameStore; inputs: { "actions": "actions"; "bottomActions": "bottomActions"; "menuType": "menuType"; "menuTitle": "menuTitle"; "mode": "mode"; "frameType": "frameType"; }; outputs: {}; }]>;
 }

package/frames/tabs/tabs.frame.d.ts

@@ -2,8 +2,9 @@ import { ElementRef, QueryList, AfterContentInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TabsFrame implements AfterContentInit {
     tabContents: QueryList<ElementRef>;
+    protected readonly labels: import("@angular/core").InputSignal<string[]>;
     tabs: any[];
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsFrame, "frames-tabs", never, {}, {}, ["tabContents"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsFrame, "frames-tabs", never, { "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, ["tabContents"], never, true, never>;
 }

package/frames/vertical-hide/vertical-hide.frame.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class VerticalHideFrame {
-    mode: 'collapsed' | 'expanded';
+    readonly mode: import("@angular/core").InputSignal<"collapsed" | "expanded">;
     static ɵfac: i0.ɵɵFactoryDeclaration<VerticalHideFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalHideFrame, "frames-vertical-hide", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalHideFrame, "frames-vertical-hide", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }