@ng-atomic/components 18.0.0 → 18.1.0

package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs

@@ -35,7 +35,7 @@ export class IconButtonMenuTemplate extends NgAtomicComponent {
         <mat-icon>{{ action.icon }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-Jqi5: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Jqi5);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Jqi5)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -53,6 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-Jqi5: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Jqi5);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Jqi5)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFJaEQsSUFBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBNEIsU0FBUSxtQkFBbUI7SUFBN0Q7O1FBQ0ksWUFBTyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztLQUN4Qzs4R0FGWSwyQkFBMkI7a0dBQTNCLDJCQUEyQjs7QUFBM0IsMkJBQTJCO0lBRnZDLGFBQWEsRUFBRTtHQUVILDJCQUEyQixDQUV2Qzs7MkZBRlksMkJBQTJCO2tCQUR2QyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUU7O0FBNEJ2RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBdkI3RDs7UUF3QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLG1IQTNCdEIsMkJBQTJCLDZEQVc1Qjs7Ozs7O0dBTVQsZ21DQVRDLGVBQWUsMklBQ2YsYUFBYTs7MkZBa0JKLHNCQUFzQjtrQkF2QmxDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7O0dBTVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwyQkFBMkI7NEJBQ3RDLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi5pZCkge1xuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJiYXNpY1wiIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/templates/menu/menu.template.mjs

@@ -39,7 +39,7 @@ export class MenuTemplate extends NgAtomicComponent {
     />
   </div>
   <organisms-menu-footer injectable/>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-4zkR: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-4zkR: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-4zkR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-4zkR: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-4zkR: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-4zkR: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-4zkR: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-4zkR: var(--width);--height: 100%;--height-SCOPED-IN-menu-4zkR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4zkR);height:var(--height-SCOPED-IN-menu-4zkR);color:var(--on-background-color-SCOPED-IN-menu-4zkR);background-color:var(--background-color-SCOPED-IN-menu-4zkR);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-4zkR);--background-color: var(--background-color-SCOPED-IN-menu-4zkR);--surface-color: var(--surface-color-SCOPED-IN-menu-4zkR);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-4zkR);--on-background-color: var(--on-background-color-SCOPED-IN-menu-4zkR);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-4zkR)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
@@ -61,6 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-4zkR: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-4zkR: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-4zkR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-4zkR: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-4zkR: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-4zkR: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-4zkR: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-4zkR: var(--width);--height: 100%;--height-SCOPED-IN-menu-4zkR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4zkR);height:var(--height-SCOPED-IN-menu-4zkR);color:var(--on-background-color-SCOPED-IN-menu-4zkR);background-color:var(--background-color-SCOPED-IN-menu-4zkR);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-4zkR);--background-color: var(--background-color-SCOPED-IN-menu-4zkR);--surface-color: var(--surface-color-SCOPED-IN-menu-4zkR);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-4zkR);--on-background-color: var(--on-background-color-SCOPED-IN-menu-4zkR);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-4zkR)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUkvRSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFDSSxZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQUc3Qjs7MkZBSFksaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBaUMzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTNCbkQ7O1FBNEJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksdUdBaENaLGlCQUFpQiwrRUFhbEI7Ozs7Ozs7OztHQVNULDgvQ0FkQyx1QkFBdUIscUZBQ3ZCLDJCQUEyQixtR0FDM0IsdUJBQXVCOzsyRkFzQmQsWUFBWTtrQkEzQnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQ3hCLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQzt5QkFDN0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0T3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0JztcbmltcG9ydCB7IE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWZvb3Rlcic7XG5pbXBvcnQgeyBNZW51SGVhZGVyT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVudS1oZWFkZXInO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScgfSlcbmV4cG9ydCBjbGFzcyBNZW51VGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxvcmdhbmlzbXMtbWVudS1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBpbmplY3RhYmxlLz5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCBpbmplY3RhYmxlXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPG9yZ2FuaXNtcy1tZW51LWZvb3RlciBpbmplY3RhYmxlLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTWVudVRlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9ucycsICd0aXRsZSddLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoTWVudVRlbXBsYXRlU3RvcmUpO1xufVxuIl19

package/esm2022/templates/selection/selection.template.mjs

@@ -70,7 +70,7 @@ export 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-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);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-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}: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-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 }); }
 }
 __decorate([
     Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
@@ -114,6 +114,6 @@ 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-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);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-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}: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-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"] }]
         }], propDecorators: { toggleOption: [] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NlbGVjdGlvbi9zZWxlY3Rpb24udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFMUQsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gscUVBQXlELENBQUE7SUFDekQseUVBQTZELENBQUE7SUFDN0QsNEZBQWdGLENBQUE7QUFDbEYsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUFHRCxNQUFNLE9BQU8sc0JBQTBCLFNBQVEsbUJBQW1CO0lBRGxFOztRQUVXLG9CQUFlLEdBQUcsS0FBSyxDQUFXO1lBQ3pDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1NBQ3hELENBQUMsQ0FBQztRQUVNLGtCQUFhLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3BDLFlBQU8sR0FBRyxLQUFLLENBQVc7WUFDakMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtTQUN6RSxDQUFDLENBQUM7UUFDTSxnQkFBVyxHQUFHLEtBQUssQ0FBVSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QyxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLENBQU0sRUFBRSxDQUFDLENBQUM7UUFDdkIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0tBQ3ZEOzhHQWJZLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQURsQyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUM7O0FBNEQ5RCxNQUFNLE9BQU8saUJBQXFCLFNBQVEsaUJBQWlCO0lBNUMzRDs7UUE4Q1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBT2xEO2FBUlEsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSWpCLFlBQVksQ0FBQyxJQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDOzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQTNEakIsc0JBQXNCLGlPQXlCdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULDZpRkE3QkMsV0FBVywwREFDWCxpQkFBaUIsZ0VBQ2pCLGNBQWMsNkRBQ2QscUJBQXFCLG9IQUNyQiw0QkFBNEI7O0FBeUNwQjtJQURULE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDOzs7O3FEQUdwRDsyRkFQVSxpQkFBaUI7a0JBNUM3QixTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQzt5QkFDdEc7cUJBQ0YsUUFDSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7OEJBT2pCLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgSGVhZGVyTW9sZWN1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9ucywgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBFZmZlY3QsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNlbGVjdGlvbkxpc3RPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc2VsZWN0aW9uLWxpc3QnO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlbGVjdGlvbl0gQmFjaycsXG4gIFNVQk1JVCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWxlY3Rpb25dIFN1Ym1pdCcsXG4gIFRPR0dMRV9PUFRJT04gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VsZWN0aW9uLWxpc3RdIFRvZ2dsZSBPcHRpb24nLFxufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZWxlY3Rpb24nfSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlPFQ+IGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXG4gICAgeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snLCBuYW1lOiAnQmFjaycgfSxcbiAgXSk7XG5cbiAgcmVhZG9ubHkgbmF2RW5kQWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW1xuICAgIHsgaWQ6IEFjdGlvbklkLlNVQk1JVCwgaWNvbjogJ2NoZWNrJywgbmFtZTogJ1N1Ym1pdCcsIGNvbG9yOiAncHJpbWFyeScgfSxcbiAgXSk7XG4gIHJlYWRvbmx5IGl0ZW1BY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oKCkgPT4gW10pO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBpdGVtcyA9IGlucHV0PFRbXT4oW10pO1xuICByZWFkb25seSBzZWxlY3Rpb24gPSBpbnB1dChuZXcgU2VsZWN0aW9uTW9kZWwoZmFsc2UpKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNlbGVjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgICBTZWxlY3Rpb25MaXN0T3JnYW5pc20sXG4gICAgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgXG4gICAgICBbc3RhcnRBY3Rpb25zXT1cInN0b3JlLm5hdlN0YXJ0QWN0aW9ucygpXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgdG9wXG4gICAgPlxuICAgICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiAvPlxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8b3JnYW5pc21zLXNlbGVjdGlvbi1saXN0XG4gICAgICBbaXRlbXNdPVwic3RvcmUuaXRlbXMoKVwiXG4gICAgICBbaXRlbUFjdGlvbnNdPVwic3RvcmUuaXRlbUFjdGlvbnMoKVwiXG4gICAgICBbc2VsZWN0aW9uXT1cInN0b3JlLnNlbGVjdGlvbigpXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBjb250ZW50c1xuICAgIC8+XG4gICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIGJvdHRvbVxuICAgIC8+XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ25hdlN0YXJ0QWN0aW9ucycsICduYXZFbmRBY3Rpb25zJywgJ2FjdGlvbnMnLCAnaXRlbUFjdGlvbnMnLCAndGl0bGUnLCAnaXRlbXMnLCAnc2VsZWN0aW9uJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlKTtcblxuICBARWZmZWN0KFNlbGVjdGlvbkxpc3RPcmdhbmlzbS5BY3Rpb25JZC5UT0dHTEVfT1BUSU9OKVxuICBwcm90ZWN0ZWQgdG9nZ2xlT3B0aW9uKGl0ZW06IFQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLlRPR0dMRV9PUFRJT04sIHBheWxvYWQ6IGl0ZW0gfSk7XG4gIH1cblxufVxuIl19

package/esm2022/templates/settings/settings.template.mjs

@@ -64,7 +64,7 @@ export class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\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%-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -113,6 +113,6 @@ 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%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"] }]
+                    }, 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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZ3Mvc2V0dGluZ3MudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFXLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLN0QsSUFBSyxRQUdKO0FBSEQsV0FBSyxRQUFRO0lBQ1gsZ0ZBQW9FLENBQUE7SUFDcEUsc0dBQTBGLENBQUE7QUFDNUYsQ0FBQyxFQUhJLFFBQVEsS0FBUixRQUFRLFFBR1o7QUF3REQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGlCQUFpQjtJQXREdkQ7O1FBd0RXLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQVUsRUFBRSxDQUFDLENBQUM7S0FTL0M7YUFYaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSTFCLFdBQVcsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFUyxzQkFBc0I7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMscUJBQXFCLEVBQUMsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OEdBWFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IscWFBNUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFxQ08sNnBEQTNDZixXQUFXLDBEQUNYLGlCQUFpQiwrREFDakIsYUFBYSxrc0JBQ2Isb0JBQW9CLG1XQUNwQixRQUFROzsyRkE4Q0MsZ0JBQWdCO2tCQXRENUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLG9CQUFvQjt3QkFDcEIsUUFBUTtxQkFDVCxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQXFDTyxtQkFFQSx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxVQUFVO3FCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgSWNvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvaWNvbic7XG5pbXBvcnQgeyBBY3Rpb25zLCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbnRlcmZhY2UgU2V0dGluZ3Mge1xuICBcbn1cblxuZW51bSBBY3Rpb25JZCB7XG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIGl0ZW0gY2xpY2snLFxuICBSRU1PVkVfU0VSVklDRV9XT1JLRVIgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIHJlbW92ZSBzZXJ2aWNlIHdvcmtlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZXR0aW5ncycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEljb25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgbmF2aWdhdG9yXG4gICAgPlxuICAgICAge3sgdGl0bGUoKSB9fVxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8ZGl2IGNvbnRlbnRzPlxuICAgIDxtYXQtYWN0aW9uLWxpc3Q+XG4gICAgICA8IS0tIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvbkl0ZW1DbGljaygncGF5bWVudC1tZXRob2QnKVwiPlxuICAgICAgICA8c3BhbiBtYXRMaXN0SXRlbVRpdGxlPuaUr+aJleOBhOaWueazlTwvc3Bhbj5cbiAgICAgICAgPGF0b21zLWljb24gbWF0TGlzdEl0ZW1NZXRhIFtuYW1lXT1cIidjaGV2cm9uX3JpZ2h0J1wiIC8+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+IC0tPlxuICAgICAgPG1hdC1saXN0LWl0ZW0gcm9sZT1cImxpc3RpdGVtXCIgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCdwYXltZW50cycpXCI+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtVGl0bGU+5pSv5omV44GE5bGl5q20PC9zcGFuPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbU1ldGEgW25hbWVdPVwiJ2NoZXZyb25fcmlnaHQnXCIgLz5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvblNlcnZpY2VXb3JrZXJSZW1vdmVkKClcIj5TZXJ2aWNlIFdvcmtlcuOBrueZu+mMsuino+mZpDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1hY3Rpb24tbGlzdD5cbiAgICA8bWF0LWxpc3Qgcm9sZT1cImxpc3RcIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbUljb24gW25hbWVdPVwiJ25vdGlmaWNhdGlvbnMnXCIgLz5cbiAgICAgICAgPHNwYW4gbWF0TGlzdEl0ZW1UaXRsZT7pgJrnn6Xjga7mnInlirnljJY8L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtTGluZT7jgqLjg5fjg6rjgqLjgqTjgrPjg7Pjgavjg5Djg4PjgrjjgYzku5jjgY3jgb7jgZk8L3NwYW4+XG4gICAgICAgIDxkaXYgbWF0TGlzdEl0ZW1NZXRhIHN0eWxlPVwiZGlzcGxheTogZmxleDsgaGVpZ2h0OiAxMDAlOyBhbGlnbi1pdGVtczogY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZXhhbXBsZS1tYXJnaW5cIlxuICAgICAgICAgICAgW2NvbG9yXT1cIidhY2NlbnQnXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cInRydWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1saXN0PlxuICAgIDwvZGl2PlxuICA8L2ZyYW1lcy1zY3JvbGw+YCxcbiAgc3R5bGVVcmw6ICcuL3NldHRpbmdzLnRlbXBsYXRlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAndGVtcGxhdGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbnM+KFtdKTtcblxuICBwcm90ZWN0ZWQgb25JdGVtQ2xpY2socGF5bG9hZDogc3RyaW5nKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLklURU1fQ0xJQ0ssIHBheWxvYWR9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvblNlcnZpY2VXb3JrZXJSZW1vdmVkKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5SRU1PVkVfU0VSVklDRV9XT1JLRVJ9KTtcbiAgfVxufVxuIl19

package/fesm2022/ng-atomic-components-atoms-icon.mjs

@@ -21,7 +21,7 @@ class IconAtom extends NgAtomicComponent {
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RSsp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RSsp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RSsp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RSsp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RSsp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RSsp: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RSsp: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RSsp)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RSsp)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-1gMS: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-1gMS: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-1gMS: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-1gMS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-1gMS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-1gMS: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-1gMS: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-1gMS)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-1gMS)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RSsp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RSsp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RSsp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RSsp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RSsp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RSsp: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RSsp: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RSsp)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RSsp)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-1gMS: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-1gMS: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-1gMS: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-1gMS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-1gMS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-1gMS: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-1gMS: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-1gMS)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-1gMS)}\n"] }]
         }], propDecorators: { color: [{
                 type: HostBinding,
                 args: ['style.--color']

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

@@ -306,7 +306,7 @@ class AppFrame extends NgAtomicComponent {
       </frames-entrance>
     </frames-fab>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: 
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-yDHS: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-yDHS: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-yDHS: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-yDHS: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-yDHS: var(--background-color);--on-background-color-SCOPED-IN-frames-app-yDHS: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-yDHS: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-yDHS: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-yDHS: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-yDHS: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-yDHS: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-yDHS: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-yDHS: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-yDHS: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-yDHS: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-yDHS: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-yDHS);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-yDHS);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-yDHS);--surface-color: var(--surface-color-SCOPED-IN-frames-app-yDHS);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-yDHS);--background-color: var(--background-color-SCOPED-IN-frames-app-yDHS);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-yDHS);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-yDHS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-yDHS)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-yDHS)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-yDHS)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-yDHS);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-yDHS);--background-color: var(--background-background-color-SCOPED-IN-frames-app-yDHS);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-yDHS);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: 
                 // DrawerFrameStore,
                 DrawerFrame, selector: "frames-drawer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
@@ -365,7 +365,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
   </frames-loading>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                             AppFrameStore,
-                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"] }]
+                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-yDHS: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-yDHS: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-yDHS: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-yDHS: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-yDHS: var(--background-color);--on-background-color-SCOPED-IN-frames-app-yDHS: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-yDHS: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-yDHS: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-yDHS: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-yDHS: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-yDHS: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-yDHS: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-yDHS: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-yDHS: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-yDHS: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-yDHS: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-yDHS);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-yDHS);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-yDHS);--surface-color: var(--surface-color-SCOPED-IN-frames-app-yDHS);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-yDHS);--background-color: var(--background-color-SCOPED-IN-frames-app-yDHS);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-yDHS);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-yDHS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-yDHS)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-yDHS)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-yDHS)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-yDHS);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-yDHS);--background-color: var(--background-background-color-SCOPED-IN-frames-app-yDHS);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-yDHS);height:100%}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**

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

@@ -4,13 +4,13 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class AutoLayoutFrame {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-xvHK: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-xvHK: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-xvHK);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-xvHK) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-xvHK: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-xvHK: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-xvHK);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-xvHK) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 
 /**

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

@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-td6R: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-td6R: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-td6R)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }] });
 class ColumnsFrameModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, viewChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, ElementRef, viewChild, signal, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { CdkDrag } from '@angular/cdk/drag-drop';
@@ -17,9 +17,11 @@ class DividerFrame extends NgAtomicComponent {
         this.el = inject(ElementRef);
         this.firstContent = viewChild('first', { read: ElementRef });
         this.divider = viewChild.required('el', { read: ElementRef });
+        this.dragging = signal(false);
     }
     static { this.ActionId = ActionId; }
     onDragStart($event) {
+        this.dragging.set(true);
         this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');
         const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();
         const elementRect = this.divider().nativeElement.getBoundingClientRect();
@@ -32,6 +34,7 @@ class DividerFrame extends NgAtomicComponent {
         this.setFirstContentHeight(height, 'px');
     }
     onDragEnd($event) {
+        this.dragging.set(false);
         this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');
     }
     setFirstContentHeight(height, unit = 'px', { animate = false } = {}) {
@@ -42,9 +45,10 @@ class DividerFrame extends NgAtomicComponent {
         this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="first" #first>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "firstContent", first: true, predicate: ["first"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="first container" #first>
       <ng-content select="[first]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
     <mat-divider
       cdkDrag
@@ -55,11 +59,12 @@ class DividerFrame extends NgAtomicComponent {
       (cdkDragEnded)="onDragEnd($event)"
       cdkDragLockAxis="y"
       #el
-    ></mat-divider>
-    <div class="second">
+    />
+    <div class="second container">
       <ng-content select="[second]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-YKGO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-YKGO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-YKGO: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO)));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4YjS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4YjS: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4YjS: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4YjS: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4YjS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4YjS: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4YjS: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4YjS: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4YjS: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4YjS: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4YjS)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
@@ -67,8 +72,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         MatDividerModule,
                         CdkDrag,
                     ], template: `
-    <div class="first" #first>
+    <div class="first container" #first>
       <ng-content select="[first]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
     <mat-divider
       cdkDrag
@@ -79,11 +85,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       (cdkDragEnded)="onDragEnd($event)"
       cdkDragLockAxis="y"
       #el
-    ></mat-divider>
-    <div class="second">
+    />
+    <div class="second container">
       <ng-content select="[second]"></ng-content>
+      @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-YKGO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-YKGO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-YKGO: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-YKGO),var(--min-first-content-height-SCOPED-IN-divider-YKGO)),var(--max-first-content-height-SCOPED-IN-divider-YKGO)));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-4YjS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-4YjS: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-4YjS: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-4YjS: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-4YjS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-4YjS: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-4YjS: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-4YjS: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-4YjS: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-4YjS: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-4YjS),var(--min-first-content-height-SCOPED-IN-divider-4YjS)),var(--max-first-content-height-SCOPED-IN-divider-4YjS)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-4YjS)}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  DRAG_STARTED = '[@ng-atomic/divider] drag start',\n  DRAG_MOVED = '[@ng-atomic/divider] drag move',\n  DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n  selector: 'frames-divider',\n  standalone: true,\n  imports: [\n    MatDividerModule,\n    CdkDrag,\n  ],\n  template: `\n    <div class=\"first\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    ></mat-divider>\n    <div class=\"second\">\n      <ng-content select=\"[second]\"></ng-content>\n    </div>\n  `,\n  styleUrls: ['./divider.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  private el = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected firstContentHeight: number;\n  readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', {read: ElementRef});\n  readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', {read: ElementRef});\n\n  protected onDragStart($event: CdkDragStart) {\n    this.dispatch({id: ActionId.DRAG_STARTED, payload: $event}, 'default');\n    const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n    const elementRect = this.divider().nativeElement.getBoundingClientRect();\n    this.firstContentHeight = elementRect.top - parentRect.top;\n  }\n\n  protected onDragMoved($event: CdkDragMove) {\n    this.dispatch({id: ActionId.DRAG_MOVED, payload: $event}, 'default');\n    this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n    const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n    this.setFirstContentHeight(height, 'px');\n  }\n\n  protected onDragEnd($event: CdkDragMove) {\n    this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n  }\n\n  setFirstContentHeight(height: number, unit: 'px' | '%' = 'px', {\n    animate = false\n  }: {animate?: boolean} = {}) {\n    if (this.firstContent() && animate) {\n      this.firstContent().nativeElement.style.transition = 'height 0.5s';\n      setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n    }\n    this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  DRAG_STARTED = '[@ng-atomic/divider] drag start',\n  DRAG_MOVED = '[@ng-atomic/divider] drag move',\n  DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n  selector: 'frames-divider',\n  standalone: true,\n  imports: [\n    MatDividerModule,\n    CdkDrag,\n  ],\n  template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `,\n  styleUrls: ['./divider.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  private el = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected firstContentHeight: number;\n  readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', {read: ElementRef});\n  readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', {read: ElementRef});\n  readonly dragging = signal(false);\n\n  protected onDragStart($event: CdkDragStart) {\n    this.dragging.set(true);\n    this.dispatch({id: ActionId.DRAG_STARTED, payload: $event}, 'default');\n    const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n    const elementRect = this.divider().nativeElement.getBoundingClientRect();\n    this.firstContentHeight = elementRect.top - parentRect.top;\n  }\n\n  protected onDragMoved($event: CdkDragMove) {\n    this.dispatch({id: ActionId.DRAG_MOVED, payload: $event}, 'default');\n    this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n    const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n    this.setFirstContentHeight(height, 'px');\n  }\n\n  protected onDragEnd($event: CdkDragMove) {\n    this.dragging.set(false);\n    this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n  }\n\n  setFirstContentHeight(height: number, unit: 'px' | '%' = 'px', {\n    animate = false\n  }: {animate?: boolean} = {}) {\n    if (this.firstContent() && animate) {\n      this.firstContent().nativeElement.style.transition = 'height 0.5s';\n      setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n    }\n    this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -37,7 +37,7 @@ class DrawerFrame extends NgAtomicComponent {
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-yv4l: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-yv4l: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-yv4l: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-yv4l: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-yv4l)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-yv4l)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-vXv4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-vXv4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-vXv4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-vXv4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-vXv4)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-vXv4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
                         }
-                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-yv4l: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-yv4l: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-yv4l: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-yv4l: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-yv4l)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-yv4l)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
+                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-vXv4: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-vXv4: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-vXv4: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-vXv4: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-vXv4)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-vXv4)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
         }] });
 
 /**

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

@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-6184: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-6184: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-6184: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-6184: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-6184: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-6184: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-6184: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-6184: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-6184: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-6184: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-6184: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-6184: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-6184);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-6184);--surface-color: var(--surface-color-SCOPED-IN-entrance-6184);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-6184);--background-color: var(--background-color-SCOPED-IN-entrance-6184);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-6184);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-6184);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-6184)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-f28J: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-f28J: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-f28J: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-f28J: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-f28J: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-f28J: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-f28J: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-f28J: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-f28J: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-f28J: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-f28J: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-f28J: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-f28J);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-f28J);--surface-color: var(--surface-color-SCOPED-IN-entrance-f28J);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-f28J);--background-color: var(--background-color-SCOPED-IN-entrance-f28J);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-f28J);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-f28J);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-f28J)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-6184: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-6184: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-6184: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-6184: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-6184: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-6184: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-6184: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-6184: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-6184: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-6184: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-6184: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-6184: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-6184);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-6184);--surface-color: var(--surface-color-SCOPED-IN-entrance-6184);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-6184);--background-color: var(--background-color-SCOPED-IN-entrance-6184);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-6184);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-6184);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-6184)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-f28J: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-f28J: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-f28J: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-f28J: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-f28J: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-f28J: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-f28J: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-f28J: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-f28J: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-f28J: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-f28J: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-f28J: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-f28J);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-f28J);--surface-color: var(--surface-color-SCOPED-IN-entrance-f28J);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-f28J);--background-color: var(--background-color-SCOPED-IN-entrance-f28J);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-f28J);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-f28J);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-f28J)}\n"] }]
         }] });
 
 /**

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

@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-dURk: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-dURk);--container-color-SCOPED-IN-fab-dURk: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-dURk: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-dURk: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-dURk: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-dURk);right:var(--fab-button-right-SCOPED-IN-fab-dURk);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4Num: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4Num);--container-color-SCOPED-IN-fab-4Num: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4Num: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4Num: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4Num: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-4Num);right:var(--fab-button-right-SCOPED-IN-fab-4Num);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-dURk: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-dURk);--container-color-SCOPED-IN-fab-dURk: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-dURk: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-dURk: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-dURk: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-dURk);right:var(--fab-button-right-SCOPED-IN-fab-dURk);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4Num: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4Num);--container-color-SCOPED-IN-fab-4Num: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4Num: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4Num: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4Num: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-4Num);right:var(--fab-button-right-SCOPED-IN-fab-4Num);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
         }] });
 
 /**

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

@@ -147,7 +147,7 @@ class LineUpFrame {
     @if (store.hasNext()) {
       <div class="next" @hasNext><ng-content select=[next] /></div>
     }
-  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-MT5n: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-MT5n: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-MT5n: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-MT5n: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-MT5n: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-MT5n));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-MT5n);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-pPAP: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-pPAP: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-pPAP: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-pPAP: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-pPAP: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-pPAP));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-pPAP);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         'attr.has-next': 'store.hasNext()',
-                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-MT5n: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-MT5n: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-MT5n: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-MT5n: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-MT5n: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-MT5n));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-MT5n);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-pPAP: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-pPAP: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-pPAP: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-pPAP: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-pPAP: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-pPAP));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-pPAP);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
         }] });
 
 /**