@ng-atomic/components 17.4.0 → 17.6.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-TXbp: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-TXbp: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-TXbp: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-TXbp: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-TXbp: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-TXbp: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-TXbp: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-TXbp: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-TXbp: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-TXbp);--navigator-background-color-SCOPED-IN-selection-TXbp: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--navigator-on-background-color-SCOPED-IN-selection-TXbp: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-TXbp: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-TXbp: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-TXbp);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-TXbp);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-TXbp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-TXbp);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--surface-color: var(--surface-color-SCOPED-IN-selection-TXbp);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-TXbp);--background-color: var(--background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-TXbp)}: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-ppKn: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-ppKn: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-ppKn: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-ppKn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-ppKn: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-ppKn: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-ppKn: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-ppKn: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-ppKn: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-ppKn);--navigator-background-color-SCOPED-IN-selection-ppKn: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-ppKn);--navigator-on-background-color-SCOPED-IN-selection-ppKn: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-ppKn: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-ppKn: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-ppKn);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-ppKn);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-ppKn)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-ppKn);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-ppKn);--surface-color: var(--surface-color-SCOPED-IN-selection-ppKn);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-ppKn);--background-color: var(--background-color-SCOPED-IN-selection-ppKn);--on-background-color: var(--on-background-color-SCOPED-IN-selection-ppKn)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-ppKn);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-ppKn)}: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: "17.2.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-TXbp: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-TXbp: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-TXbp: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-TXbp: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-TXbp: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-TXbp: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-TXbp: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-TXbp: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-TXbp: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-TXbp);--navigator-background-color-SCOPED-IN-selection-TXbp: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--navigator-on-background-color-SCOPED-IN-selection-TXbp: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-TXbp: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-TXbp: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-TXbp);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-TXbp);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-TXbp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-TXbp);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--surface-color: var(--surface-color-SCOPED-IN-selection-TXbp);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-TXbp);--background-color: var(--background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-TXbp)}: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-ppKn: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-ppKn: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-ppKn: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-ppKn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-ppKn: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-ppKn: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-ppKn: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-ppKn: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-ppKn: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-ppKn);--navigator-background-color-SCOPED-IN-selection-ppKn: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-ppKn);--navigator-on-background-color-SCOPED-IN-selection-ppKn: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-ppKn: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-ppKn: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-ppKn);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-ppKn);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-ppKn)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-ppKn);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-ppKn);--surface-color: var(--surface-color-SCOPED-IN-selection-ppKn);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-ppKn);--background-color: var(--background-color-SCOPED-IN-selection-ppKn);--on-background-color: var(--on-background-color-SCOPED-IN-selection-ppKn)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-ppKn);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-ppKn)}: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%-Mc01: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mc01: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mc01: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mc01: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mc01: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mc01: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mc01: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mc01);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mc01);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mc01)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01)}\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%-BBfl: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-BBfl: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-BBfl: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-BBfl: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-BBfl: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-BBfl: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-BBfl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-BBfl);--navigator-background-color-SCOPED-IN-%COMP%-BBfl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-BBfl);--navigator-on-background-color-SCOPED-IN-%COMP%-BBfl: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-BBfl);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-BBfl);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-BBfl);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-BBfl);--background-color: var(--background-color-SCOPED-IN-%COMP%-BBfl);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-BBfl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-BBfl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-BBfl)}\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: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mc01: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mc01: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mc01: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mc01: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mc01: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mc01: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mc01: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mc01);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mc01);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mc01)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-BBfl: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-BBfl: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-BBfl: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-BBfl: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-BBfl: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-BBfl: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-BBfl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-BBfl);--navigator-background-color-SCOPED-IN-%COMP%-BBfl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-BBfl);--navigator-on-background-color-SCOPED-IN-%COMP%-BBfl: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-BBfl);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-BBfl);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-BBfl);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-BBfl);--background-color: var(--background-color-SCOPED-IN-%COMP%-BBfl);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-BBfl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-BBfl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-BBfl)}\n"] }]
         }] });
 
 /**

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

@@ -92,7 +92,6 @@ export declare class AppFrameStore extends InjectableComponent {
     readonly sideAppOutletName: import("@angular/core").InputSignal<string>;
     readonly fabActions: import("@angular/core").InputSignal<any[]>;
     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; }; "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>;
 }

package/frames/overlay/overlay.frame.d.ts

@@ -1,11 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class OverlayFrameStore {
     readonly hasNext: import("@angular/core").InputSignal<boolean>;
+    readonly animationType: import("@angular/core").InputSignal<"slide" | "fade">;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFrameStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayFrameStore, "frames-overlay", never, { "hasNext": { "alias": "hasNext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayFrameStore, "frames-overlay", never, { "hasNext": { "alias": "hasNext"; "required": false; "isSignal": true; }; "animationType": { "alias": "animationType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class OverlayFrame {
     protected readonly store: OverlayFrameStore;
+    readonly content: import("@angular/core").Signal<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, {}, {}, never, ["[main]", "[next]"], true, [{ directive: typeof OverlayFrameStore; inputs: { "hasNext": "hasNext"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayFrame, "frames-overlay", never, {}, {}, ["content"], ["[main]", "[next]"], true, [{ directive: typeof OverlayFrameStore; inputs: { "hasNext": "hasNext"; "animationType": "animationType"; }; outputs: {}; }]>;
 }

package/molecules/actions-column/actions-column.molecule.d.ts

@@ -2,9 +2,35 @@ import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class ActionsColumnMoleculeStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            headerText: string;
+            itemActions: Actions;
+            style: {
+                width: string;
+            };
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            headerText: string;
+            itemActions: Actions;
+            style: {
+                width: string;
+            };
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        headerText: string;
+        itemActions: Actions;
+        style: {
+            width: string;
+        };
+    }>;
     readonly headerText: import("@angular/core").InputSignal<string>;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    readonly style: import("@angular/core").Signal<{
+        width: string;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMoleculeStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/molecules/molecules.module.d.ts

@@ -3,10 +3,13 @@ import * as i1 from "@angular/material/chips";
 export declare class NgAtomicMoleculesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicMoleculesModule;
-        providers: ({
+        providers: (import("@angular/core").Provider | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/actions-column").ActionsColumnMolecule<unknown>>>;
+        } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/chips-input-field").ChipsInputFieldMolecule>>;
-        } | import("@angular/core").Provider | {
+        } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/header").HeaderMolecule>>;
         } | {

package/organisms/organisms.module.d.ts

@@ -48,6 +48,9 @@ export declare class NgAtomicOrganismsModule {
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/smart-list").SmartListOrganism<unknown>>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/slider-input-section").SliderInputSectionOrganism>>;
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/text-input-section").TextInputSectionOrganism>>;

package/organisms/slider-input-section/index.d.ts

@@ -0,0 +1 @@
+export * from './slider-input-section.organism';

package/organisms/slider-input-section/slider-input-section.organism.d.ts

@@ -0,0 +1,28 @@
+import { FormControl } from '@angular/forms';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class SliderInputSectionOrganismStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            items: any[];
+            itemActions: any[];
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            items: any[];
+            itemActions: any[];
+        }>;
+    };
+    readonly control: import("@angular/core").InputSignal<FormControl<number>>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly thumbLabel: import("@angular/core").InputSignal<boolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderInputSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderInputSectionOrganismStore, "organisms-slider-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "thumbLabel": { "alias": "thumbLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class SliderInputSectionOrganism extends NgAtomicComponent {
+    protected readonly store: SliderInputSectionOrganismStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderInputSectionOrganism, "organisms-slider-input-section", never, {}, {}, never, never, true, [{ directive: typeof SliderInputSectionOrganismStore; inputs: { "control": "control"; "min": "min"; "max": "max"; "step": "step"; "thumbLabel": "thumbLabel"; "label": "label"; }; outputs: {}; }]>;
+}

package/organisms/table/table.organism.d.ts

@@ -59,7 +59,6 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         headerText?: string;
     }[]>;
     readonly columnNames: import("@angular/core").Signal<string[]>;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganismStore<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "17.4.0",
+  "version": "17.6.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^17.0.0",
@@ -17,8 +17,8 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "17.4.0",
-    "@nx-ddd/core": "17.4.0",
+    "@ng-atomic/common": "17.6.0",
+    "@nx-ddd/core": "17.6.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",
@@ -516,6 +516,12 @@
       "esm": "./esm2022/organisms/selection-list/ng-atomic-components-organisms-selection-list.mjs",
       "default": "./fesm2022/ng-atomic-components-organisms-selection-list.mjs"
     },
+    "./organisms/slider-input-section": {
+      "types": "./organisms/slider-input-section/index.d.ts",
+      "esm2022": "./esm2022/organisms/slider-input-section/ng-atomic-components-organisms-slider-input-section.mjs",
+      "esm": "./esm2022/organisms/slider-input-section/ng-atomic-components-organisms-slider-input-section.mjs",
+      "default": "./fesm2022/ng-atomic-components-organisms-slider-input-section.mjs"
+    },
     "./organisms/smart-list": {
       "types": "./organisms/smart-list/index.d.ts",
       "esm2022": "./esm2022/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs",

package/templates/_index/index.template.d.ts

@@ -2,6 +2,7 @@ import { Action, Actions, InjectableComponent } from '@ng-atomic/core';
 import { DividerFrame } from '@ng-atomic/components/frames/divider';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NgAtomicComponent } from '@ng-atomic/core';
+import { UIContext } from '@ng-atomic/common/services/ui';
 import { IndexPipe } from '@ng-atomic/common/pipes/index';
 import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
 import { FormGroup } from '@angular/forms';
@@ -36,6 +37,7 @@ export interface IndexTemplateConfig<T extends {
     selection: SelectionModel<string>;
     highlight: SelectionModel<string>;
 }
+export declare function getType(context: UIContext): "list" | "table";
 export declare class IndexTemplateStore<T extends {
     id: string;
 }> extends InjectableComponent {

package/templates/entrance/entrance.template.d.ts

@@ -7,6 +7,7 @@ declare enum ActionId {
     SIGN_IN_WITH_TWITTER = "[@ng-atomic/components] Sign In With Twitter"
 }
 export declare class EntranceTemplateStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
     readonly form: import("@angular/core").InputSignal<FormGroup<{
         email: FormControl<string>;
         password: FormControl<string>;

package/esm2022/frames/overlay/overlay.animations.mjs

@@ -1,12 +0,0 @@
-import { trigger, transition, style, animate } from '@angular/animations';
-export const OVERLAY_ANIMATION = trigger('hasNext', [
-    transition(':enter', [
-        style({ transform: 'translateX(50%)', }),
-        animate('500ms ease-out', style({ transform: 'translateX(0%)', })),
-    ]),
-    transition(':leave', [
-        style({ transform: 'translateX(0%)' }),
-        animate('500ms ease-in', style({ transform: 'translateX(100%)' })),
-    ]),
-]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL292ZXJsYXkvb3ZlcmxheS5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBUyxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUMsU0FBUyxFQUFFO0lBQ2xELFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixHQUFHLENBQUM7UUFDeEMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7S0FDbkUsQ0FBQztJQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7UUFDdEMsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO0tBQ25FLENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgcXVlcnksIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IE9WRVJMQVlfQU5JTUFUSU9OID0gdHJpZ2dlcignaGFzTmV4dCcsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCg1MCUpJywgfSksXG4gICAgYW5pbWF0ZSgnNTAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJywgfSkpLFxuICBdKSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pLFxuICAgIGFuaW1hdGUoJzUwMG1zIGVhc2UtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknIH0pKSxcbiAgXSksXG5dKTtcbiJdfQ==

package/frames/overlay/overlay.animations.d.ts

@@ -1 +0,0 @@
-export declare const OVERLAY_ANIMATION: import("@angular/animations").AnimationTriggerMetadata;