@ng-atomic/components 18.1.0 → 18.2.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-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);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-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}: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-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);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-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}: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-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);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-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}: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-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);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-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}: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%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\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%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\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%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\n"] }]
         }] });
 
 /**

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

@@ -1,5 +1,5 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { OnInit } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class ActionsColumnMoleculeStore extends InjectableComponent {
@@ -35,7 +35,7 @@ export declare class ActionsColumnMoleculeStore extends InjectableComponent {
     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>;
 }
-export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit {
+export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
     private _table;
     protected store: ActionsColumnMoleculeStore;
     readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;

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

@@ -1,6 +1,6 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { OnInit } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
@@ -8,7 +8,7 @@ declare enum ActionId {
     CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click",
     HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click"
 }
-export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit {
+export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit, OnDestroy {
     static readonly ActionId: typeof ActionId;
     private _table;
     readonly name: import("@angular/core").InputSignal<string>;

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

@@ -1,5 +1,5 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class SmartColumnTemplateStore<T> {
@@ -8,7 +8,7 @@ export declare class SmartColumnTemplateStore<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnTemplateStore<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnTemplateStore<any>, never, never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit {
+export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
     protected store: SmartColumnTemplateStore<any>;
     private _table;
     readonly headerText: import("@angular/core").InputSignal<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "18.1.0",
+  "version": "18.2.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^18.0.0",
@@ -17,7 +17,7 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "18.1.0",
+    "@ng-atomic/common": "18.2.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",