npm - @ng-atomic/components - Versions diffs - 6.0.4 → 15.1.0 - Mend

@ng-atomic/components 6.0.4 → 15.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/esm2022/templates/tab-editor/tab-editor.template.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { CodeEditorTemplate } from '@ng-atomic/components/templates/code-editor';
 import { ToolbarOrganism } from '@ng-atomic/components/organisms/toolbar';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -73,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { files: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWVkaXRvci50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90YWItZWRpdG9yL3RhYi1lZGl0b3IudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFzQ3ZELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFwQ3hEOztRQXFDWSxnQkFBVyxHQUFHLENBQUMsSUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRzVFLFVBQUssR0FBVyxFQUFFLENBQUM7S0FFcEI7K0dBTlksaUJBQWlCO21HQUFqQixpQkFBaUIsbUlBM0JsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsd1BBNUJDLFlBQVksd2FBRVosa0JBQWtCLGlHQUNsQixhQUFhOzs0RkE2QkosaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBTS9DLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29kZUVkaXRvclRlbXBsYXRlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9jb2RlLWVkaXRvcic7XG5pbXBvcnQgeyBUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3Rvb2xiYXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zdG9yZXMvY29tcG9uZW50LXN0b3JlJztcbmltcG9ydCB7IE1hdFRhYnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXRhYi1lZGl0b3InLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFRvb2xiYXJPcmdhbmlzbSxcbiAgICBDb2RlRWRpdG9yVGVtcGxhdGUsXG4gICAgTWF0VGFic01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDwhLS0gPG9yZ2FuaXNtcy10b29sYmFyXG4gICAgICAgIFtmb3JtXT1cInN0b3JlLmZvcm1cIlxuICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zXCJcbiAgICAgICAgW2VuZEFjdGlvbnNdPVwiZW5kQWN0aW9uc1wiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtdG9vbGJhcj4gLS0+XG4gICAgICA8bWF0LXRhYi1ncm91cCAjdGFiR3JvdXA+XG4gICAgICAgIDxtYXQtdGFiIFtsYWJlbF09XCJmaWxlLm5hbWVcIiAqbmdGb3I9XCJsZXQgZmlsZSBvZiBmaWxlczt0cmFja0J5OiB0cmFja0J5SGFzaFwiID5cbiAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJmaWxlLnR5cGVcIj5cbiAgICAgICAgICAgIDx0ZW1wbGF0ZXMtaW1hZ2UtZWRpdG9yXG4gICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCInaW1hZ2UvcG5nJ1wiXG4gICAgICAgICAgICAgIFtmaWxlXT1cImZpbGVcIlxuICAgICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgICAgPjwvdGVtcGxhdGVzLWltYWdlLWVkaXRvcj5cbiAgICAgICAgICAgIDx0ZW1wbGF0ZXMtY29kZS1lZGl0b3JcbiAgICAgICAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICAgICAgICBbZmlsZV09XCJmaWxlXCJcbiAgICAgICAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgICAgICAgID48L3RlbXBsYXRlcy1jb2RlLWVkaXRvcj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9tYXQtdGFiPlxuICAgICAgPC9tYXQtdGFiLWdyb3VwPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi90YWItZWRpdG9yLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVGFiRWRpdG9yVGVtcGxhdGUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCB0cmFja0J5SGFzaCA9IChmaWxlOiBGaWxlKSA9PiBgJHtmaWxlLm5hbWV9LSR7ZmlsZS5sYXN0TW9kaWZpZWR9YDtcblxuICBASW5wdXQoKVxuICBmaWxlczogRmlsZVtdID0gW107XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWVkaXRvci50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90YWItZWRpdG9yL3RhYi1lZGl0b3IudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFzQ3ZELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFwQ3hEOztRQXFDWSxnQkFBVyxHQUFHLENBQUMsSUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRzVFLFVBQUssR0FBVyxFQUFFLENBQUM7S0FFcEI7K0dBTlksaUJBQWlCO21HQUFqQixpQkFBaUIsbUlBM0JsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsd1BBNUJDLFlBQVksd2FBRVosa0JBQWtCLGlHQUNsQixhQUFhOzs0RkE2QkosaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBTS9DLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29kZUVkaXRvclRlbXBsYXRlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9jb2RlLWVkaXRvcic7XG5pbXBvcnQgeyBUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3Rvb2xiYXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtdGFiLWVkaXRvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbGJhck9yZ2FuaXNtLFxuICAgIENvZGVFZGl0b3JUZW1wbGF0ZSxcbiAgICBNYXRUYWJzTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPCEtLSA8b3JnYW5pc21zLXRvb2xiYXJcbiAgICAgICAgW2Zvcm1dPVwic3RvcmUuZm9ybVwiXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnNcIlxuICAgICAgICBbZW5kQWN0aW9uc109XCJlbmRBY3Rpb25zXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgID48L29yZ2FuaXNtcy10b29sYmFyPiAtLT5cbiAgICAgIDxtYXQtdGFiLWdyb3VwICN0YWJHcm91cD5cbiAgICAgICAgPG1hdC10YWIgW2xhYmVsXT1cImZpbGUubmFtZVwiICpuZ0Zvcj1cImxldCBmaWxlIG9mIGZpbGVzO3RyYWNrQnk6IHRyYWNrQnlIYXNoXCIgPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImZpbGUudHlwZVwiPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1pbWFnZS1lZGl0b3JcbiAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZS9wbmcnXCJcbiAgICAgICAgICAgICAgW2ZpbGVdPVwiZmlsZVwiXG4gICAgICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgICAgICA+PC90ZW1wbGF0ZXMtaW1hZ2UtZWRpdG9yPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1jb2RlLWVkaXRvclxuICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgIFtmaWxlXT1cImZpbGVcIlxuICAgICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgICAgPjwvdGVtcGxhdGVzLWNvZGUtZWRpdG9yPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L21hdC10YWI+XG4gICAgICA8L21hdC10YWItZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RhYi1lZGl0b3IudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJFZGl0b3JUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHRyYWNrQnlIYXNoID0gKGZpbGU6IEZpbGUpID0+IGAke2ZpbGUubmFtZX0tJHtmaWxlLmxhc3RNb2RpZmllZH1gO1xuXG4gIEBJbnB1dCgpXG4gIGZpbGVzOiBGaWxlW10gPSBbXTtcblxufVxuIl19

package/esm2022/templates/term/term.template.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
 import { MarkdownModule } from 'ngx-markdown';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-markdown";
 var ActionId;
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], src: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZXJtL3Rlcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRTdFLElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLGdFQUFvRCxDQUFBO0FBQ3RELENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBR0QsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVXLG9CQUFlLEdBQUc7WUFDekI7Z0JBQ0UsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJO2dCQUNqQixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsWUFBWTthQUNuQjtTQUNGLENBQUM7UUFDTyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztLQUM3QjsrR0FUWSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUU7O0FBc0MvQixNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTFCbkQ7O1FBNkJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQU83QzthQVRpQixhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7K0dBRHpCLFlBQVk7bUdBQVosWUFBWSwrSUFyQ1osaUJBQWlCLDZCQXFCbEI7Ozs7Ozs7Ozs7OztHQVlULHl1QkFsQkMsWUFBWSwrQkFDWixpQkFBaUIsd0dBQ2pCLGNBQWMsOEZBQ2QsY0FBYyx3ZUFDZCxXQUFXOzs0RkFrQkYsWUFBWTtrQkExQnhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QsV0FBVztxQkFDWixZQUNTOzs7Ozs7Ozs7Ozs7R0FZVCxrQkFFZSxDQUFDLGlCQUFpQixDQUFDOzhCQVFuQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbCc7XG5pbXBvcnQgeyBNYXJrZG93bk1vZHVsZSB9IGZyb20gJ25neC1tYXJrZG93bic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zdG9yZXMvY29tcG9uZW50LXN0b3JlJztcblxuZW51bSBBY3Rpb25JZCB7XG4gIEJBQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvdGVybV0gQmFjaycsXG59XG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgVGVybVRlbXBsYXRlU3RvcmUge1xuICByZWFkb25seSBuYXZTdGFydEFjdGlvbnMgPSBbXG4gICAge1xuICAgICAgaWQ6IEFjdGlvbklkLkJBQ0ssXG4gICAgICBuYW1lOiAn5oi744KLJyxcbiAgICAgIGljb246ICdhcnJvd19iYWNrJyxcbiAgICB9LFxuICBdO1xuICByZWFkb25seSBuYXZFbmRBY3Rpb25zID0gW107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy10ZXJtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgICBNYXJrZG93bk1vZHVsZSxcbiAgICBTY3JvbGxGcmFtZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgXG4gICAgICBbc3RhcnRBY3Rpb25zXT1cInN0b3JlLm5hdlN0YXJ0QWN0aW9uc1wiXG4gICAgICBbZW5kQWN0aW9uc109XCJzdG9yZS5uYXZFbmRBY3Rpb25zXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBuYXZpZ2F0b3JcbiAgICA+XG4gICAgICA8bW9sZWN1bGVzLWhlYWRlciBbdGl0bGVdPVwidGl0bGVcIj48L21vbGVjdWxlcy1oZWFkZXI+XG4gICAgPC9vcmdhbmlzbXMtbmF2aWdhdG9yPlxuICAgIDxtYXJrZG93biBbc3JjXT1cInNyY1wiIGNvbnRlbnRzPjwvbWFya2Rvd24+XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGVybS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGhvc3REaXJlY3RpdmVzOiBbVGVybVRlbXBsYXRlU3RvcmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUZXJtVGVtcGxhdGUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHN0YXRpYyByZWFkb25seSBBY3Rpb25JZCA9IEFjdGlvbklkO1xuXG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChUZXJtVGVtcGxhdGVTdG9yZSk7XG5cbiAgQElucHV0KClcbiAgdGl0bGUhOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3JjITogc3RyaW5nO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZXJtL3Rlcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXBELElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLGdFQUFvRCxDQUFBO0FBQ3RELENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBR0QsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVXLG9CQUFlLEdBQUc7WUFDekI7Z0JBQ0UsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJO2dCQUNqQixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsWUFBWTthQUNuQjtTQUNGLENBQUM7UUFDTyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztLQUM3QjsrR0FUWSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUU7O0FBc0MvQixNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTFCbkQ7O1FBNkJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQU83QzthQVRpQixhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7K0dBRHpCLFlBQVk7bUdBQVosWUFBWSwrSUFyQ1osaUJBQWlCLDZCQXFCbEI7Ozs7Ozs7Ozs7OztHQVlULHl1QkFsQkMsWUFBWSwrQkFDWixpQkFBaUIsd0dBQ2pCLGNBQWMsOEZBQ2QsY0FBYyx3ZUFDZCxXQUFXOzs0RkFrQkYsWUFBWTtrQkExQnhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2QsV0FBVztxQkFDWixZQUNTOzs7Ozs7Ozs7Ozs7R0FZVCxrQkFFZSxDQUFDLGlCQUFpQixDQUFDOzhCQVFuQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbCc7XG5pbXBvcnQgeyBNYXJrZG93bk1vZHVsZSB9IGZyb20gJ25neC1tYXJrZG93bic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgQkFDSyA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy90ZXJtXSBCYWNrJyxcbn1cblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBUZXJtVGVtcGxhdGVTdG9yZSB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IFtcbiAgICB7XG4gICAgICBpZDogQWN0aW9uSWQuQkFDSyxcbiAgICAgIG5hbWU6ICfmiLvjgosnLFxuICAgICAgaWNvbjogJ2Fycm93X2JhY2snLFxuICAgIH0sXG4gIF07XG4gIHJlYWRvbmx5IG5hdkVuZEFjdGlvbnMgPSBbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXRlcm0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICAgIEhlYWRlck1vbGVjdWxlLFxuICAgIE1hcmtkb3duTW9kdWxlLFxuICAgIFNjcm9sbEZyYW1lLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvciBcbiAgICAgIFtzdGFydEFjdGlvbnNdPVwic3RvcmUubmF2U3RhcnRBY3Rpb25zXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIG5hdmlnYXRvclxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIFt0aXRsZV09XCJ0aXRsZVwiPjwvbW9sZWN1bGVzLWhlYWRlcj5cbiAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgPG1hcmtkb3duIFtzcmNdPVwic3JjXCIgY29udGVudHM+PC9tYXJrZG93bj5cbiAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi90ZXJtLnRlbXBsYXRlLnNjc3MnXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUZXJtVGVtcGxhdGVTdG9yZV0sXG59KVxuZXhwb3J0IGNsYXNzIFRlcm1UZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFRlcm1UZW1wbGF0ZVN0b3JlKTtcblxuICBASW5wdXQoKVxuICB0aXRsZSE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzcmMhOiBzdHJpbmc7XG59XG4iXX0=

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

@@ -25,7 +25,7 @@ class IconAtom {
   <mat-icon
     *ngIf="!(hasSvgIcon$ | async)"
   >{{ name$ | async }}</mat-icon>
-  `, isInline: true, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-OjmI: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-OjmI)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-OjmI)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { 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;--color: inherit;--color-SCOPED-IN-icon-ksFc: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-ksFc)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-ksFc)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { 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: "16.2.12", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   <mat-icon
     *ngIf="!(hasSvgIcon$ | async)"
   >{{ name$ | async }}</mat-icon>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-OjmI: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-OjmI)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-OjmI)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-ksFc: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-ksFc)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-ksFc)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{

package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { Action, Actions } from '@ng-atomic/~~common/models~~';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n template: `\n <ng-container [ngSwitch]=\"actions?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(actions[0])\" [disabled]=\"actions[0].disabled\">\n <mat-icon>{{ actions[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" [disabled]=\"action.disabled\" ngIf=\"actions.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n </ng-container>\n\n <mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let _action of actions; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(_action)\"\n >{{ _action.name }}</button>\n </mat-menu>\n `,\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n actions: Actions = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: Action): string => item.id;\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { Action, Actions } from '@ng-atomic/core';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n template: `\n <ng-container [ngSwitch]=\"actions?.length ?? 0\">\n <ng-container ngSwitchCase=\"0\"></ng-container>\n <ng-container ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(actions[0])\" [disabled]=\"actions[0].disabled\">\n <mat-icon>{{ actions[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" [disabled]=\"action.disabled\" ngIf=\"actions.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n </ng-container>\n\n <mat-menu #menu=\"matMenu\">\n <button \n ngFor=\"let _action of actions; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(_action)\"\n >{{ _action.name }}</button>\n </mat-menu>\n `,\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n actions: Actions = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: Action): string => item.id;\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-auto-layout.mjs CHANGED Viewed

@@ -4,13 +4,13 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 class AutoLayoutFrame {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-llQo: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-llQo: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-llQo);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-llQo) 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: "16.2.12", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ubL7: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ubL7: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ubL7);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ubL7) 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: "16.2.12", 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-llQo: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-llQo: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-llQo);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-llQo) 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-ubL7: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ubL7: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ubL7);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ubL7) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 /**

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

@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { CdkDrag } from '@angular/cdk/drag-drop';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NgAtomicComponent } from '@ng-atomic/core';
 var ActionId;
 (function (ActionId) {
@@ -52,7 +52,7 @@ class DividerFrame extends NgAtomicComponent {
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-q9I3: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-q9I3);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% - var(--first-content-height-SCOPED-IN-divider-q9I3));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-LEdE: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-LEdE);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% - var(--first-content-height-SCOPED-IN-divider-LEdE));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "16.2.12", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <div class="second">
       <ng-content select="[second]"></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-q9I3: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-q9I3);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% - var(--first-content-height-SCOPED-IN-divider-q9I3));overflow:hidden}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-LEdE: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-LEdE);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% - var(--first-content-height-SCOPED-IN-divider-LEdE));overflow:hidden}\n"] }]
         }], propDecorators: { divider: [{
                 type: ViewChild,
                 args: ['el', { read: ElementRef }]

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

	@@ -1 +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, ViewChild, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/~~common/stores/component-store~~';\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 CommonModule,\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"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);\n\n protected firstContentHeight: number;\n protected distance: {x: number, y: number} = {x: 0, y: 0};\n\n\n @ViewChild('el', {read: ElementRef})\n divider: ElementRef<HTMLElement>;\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.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);\n }\n\n protected onDragEnd($event: CdkDragMove) {\n this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
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, ViewChild, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\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 CommonModule,\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"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);\n\n protected firstContentHeight: number;\n protected distance: {x: number, y: number} = {x: 0, y: 0};\n\n\n @ViewChild('el', {read: ElementRef})\n divider: ElementRef<HTMLElement>;\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.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);\n }\n\n protected onDragEnd($event: CdkDragMove) {\n this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\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 CHANGED Viewed

@@ -31,7 +31,7 @@ class DrawerFrame {
     <mat-drawer-content>
       <ng-content select=[contents]></ng-content>
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-B5Vz: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-B5Vz: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-B5Vz)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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" }] }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-SMmu: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-SMmu: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-SMmu)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     <mat-drawer-content>
       <ng-content select=[contents]></ng-content>
     </mat-drawer-content>
-  </mat-drawer-container>`, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-B5Vz: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-B5Vz: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-B5Vz)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
+  </mat-drawer-container>`, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-SMmu: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-SMmu: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-SMmu)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]

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

@@ -6,7 +6,7 @@ import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NgAtomicComponent } from '@ng-atomic/core';
 class FabService {
     constructor() {
@@ -47,7 +47,7 @@ class FabFrame extends NgAtomicComponent {
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     </ng-container>
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-VBxT: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-VBxT);--container-color-SCOPED-IN-fab-VBxT: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-VBxT: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-VBxT: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-VBxT: 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-VBxT);right:var(--fab-button-right-SCOPED-IN-fab-VBxT);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }] }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4UcP: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4UcP);--container-color-SCOPED-IN-fab-4UcP: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4UcP: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4UcP: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4UcP: 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-4UcP);right:var(--fab-button-right-SCOPED-IN-fab-4UcP);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     </ng-container>
-  `, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-VBxT: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-VBxT);--container-color-SCOPED-IN-fab-VBxT: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-VBxT: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-VBxT: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-VBxT: 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-VBxT);right:var(--fab-button-right-SCOPED-IN-fab-VBxT);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"] }]
+  `, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-4UcP: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-4UcP);--container-color-SCOPED-IN-fab-4UcP: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-4UcP: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-4UcP: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-4UcP: 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-4UcP);right:var(--fab-button-right-SCOPED-IN-fab-4UcP);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-frames-fab.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/~~common/models~~';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n private actionMap = new Map<string, Action[]>;\n private contexts: string[] = [];\n get actions(): Action[] {\n return this.actionMap.get(this.contexts.at(-1)) ?? [];\n }\n\n set(name, actions: Action[]) {\n return this.actionMap.set(name, actions);\n }\n\n push(name: string) {\n return this.contexts.push(name);\n }\n\n pop() {\n return this.contexts.pop();\n }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/~~common/models~~';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { NgAtomicComponent } from '@ng-atomic/~~common/stores/component-store~~';\n\n@Component({\n selector: 'frames-fab',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n ],\n template: `\n <ng-content></ng-content>\n <ng-container ngFor=\"let action of fab.actions\">\n <button mat-fab color=\"primary\" (click)=\"dispatch(action)\">\n <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n </button>\n </ng-container>\n `,\n styleUrls: ['./fab.frame.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame extends NgAtomicComponent {\n protected fab = inject(FabService);\n\n @Input()\n actions: Action[] = [];\n\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/core';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n private actionMap = new Map<string, Action[]>;\n private contexts: string[] = [];\n get actions(): Action[] {\n return this.actionMap.get(this.contexts.at(-1)) ?? [];\n }\n\n set(name, actions: Action[]) {\n return this.actionMap.set(name, actions);\n }\n\n push(name: string) {\n return this.contexts.push(name);\n }\n\n pop() {\n return this.contexts.pop();\n }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/core';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'frames-fab',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n ],\n template: `\n <ng-content></ng-content>\n <ng-container ngFor=\"let action of fab.actions\">\n <button mat-fab color=\"primary\" (click)=\"dispatch(action)\">\n <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n </button>\n </ng-container>\n `,\n styleUrls: ['./fab.frame.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame extends NgAtomicComponent {\n protected fab = inject(FabService);\n\n @Input()\n actions: Action[] = [];\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-line-up.mjs CHANGED Viewed

@@ -102,7 +102,7 @@ class LineUpFrame {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", scope: "scope" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "mainEl", first: true, predicate: ["main"], descendants: true }], ngImport: i0, template: `
     <div class="main content" #main><ng-content select=[main]></ng-content></div>
     <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-K2oA: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-K2oA: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-K2oA: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-K2oA: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-K2oA: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-K2oA));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-K2oA);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-K2oA)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9GgE: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-9GgE: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-9GgE: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9GgE: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9GgE: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9GgE));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-9GgE);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-9GgE)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
@@ -111,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], selector: 'frames-line-up', template: `
     <div class="main content" #main><ng-content select=[main]></ng-content></div>
     <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-K2oA: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-K2oA: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-K2oA: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-K2oA: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-K2oA: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-K2oA));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-K2oA);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-K2oA)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9GgE: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-9GgE: var(--background);--next-width: 100%;--next-width-SCOPED-IN-line-up-9GgE: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9GgE: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9GgE: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9GgE));transition:transform .3s ease-in-out;display:flex;justify-content:start;gap:var(--gap-SCOPED-IN-line-up-9GgE);width:100%;height:100%;background:var(--background-SCOPED-IN-line-up-9GgE)}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: HostBinding,
                 args: ['attr.has-next']

package/fesm2022/ng-atomic-components-frames-overlay.mjs CHANGED Viewed

@@ -24,7 +24,7 @@ class OverlayFrame {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: `
     <div class="main content"><ng-content select=[main]></ng-content></div>
     <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-JKEN: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-JKEN: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-JKEN);height:var(--height-SCOPED-IN-line-overlay-JKEN)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-R3cz: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-R3cz: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-R3cz);height:var(--height-SCOPED-IN-line-overlay-R3cz)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverlayFrame, decorators: [{
             type: Component,
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
     <div class="main content"><ng-content select=[main]></ng-content></div>
     <div class="next content" *ngIf="hasNext" @hasNext><ng-content select=[next]></ng-content></div>
-  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-JKEN: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-JKEN: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-JKEN);height:var(--height-SCOPED-IN-line-overlay-JKEN)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
+  `, animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--width: 100%;--width-SCOPED-IN-line-overlay-R3cz: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-R3cz: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-R3cz);height:var(--height-SCOPED-IN-line-overlay-R3cz)}:host .content{position:absolute;top:0;left:0;width:100%;height:100%}:host .main{z-index:1}:host .next{z-index:2}\n"] }]
         }], propDecorators: { hasNext: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ class ScrollFrame {
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HGqa: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-HGqa: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-HGqa: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-HGqa);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-HGqa);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HGqa) - var(--top-height-SCOPED-IN-scroll-HGqa) - var(--bottom-height-SCOPED-IN-scroll-HGqa));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-HGqa)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-UOEg: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-UOEg: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-UOEg: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-UOEg);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-UOEg);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-UOEg) - var(--top-height-SCOPED-IN-scroll-UOEg) - var(--bottom-height-SCOPED-IN-scroll-UOEg));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-UOEg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   <div class="bottom">
     <ng-content select=[bottom]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-HGqa: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-HGqa: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-HGqa: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-HGqa);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-HGqa);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-HGqa) - var(--top-height-SCOPED-IN-scroll-HGqa) - var(--bottom-height-SCOPED-IN-scroll-HGqa));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-HGqa)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-UOEg: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-UOEg: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-UOEg: var(--bottom-height)}:host{display:flex;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-UOEg);overflow:hidden}:host .top{height:var(--top-height-SCOPED-IN-scroll-UOEg);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-UOEg) - var(--top-height-SCOPED-IN-scroll-UOEg) - var(--bottom-height-SCOPED-IN-scroll-UOEg));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:var(--bottom-height-SCOPED-IN-scroll-UOEg)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-scroll.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ class ScrollFrame {
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-aEtR: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-aEtR: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-aEtR);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-aEtR);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-aEtR) - var(--navigator-height-SCOPED-IN-scroll-aEtR));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-zQNW: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-zQNW: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-zQNW);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-zQNW);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-zQNW) - var(--navigator-height-SCOPED-IN-scroll-zQNW));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollFrame, decorators: [{
             type: Component,
@@ -24,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   <div class="contents">
     <ng-content select=[contents]></ng-content>
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-aEtR: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-aEtR: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-aEtR);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-aEtR);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-aEtR) - var(--navigator-height-SCOPED-IN-scroll-aEtR));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-zQNW: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-zQNW: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-zQNW);overflow:hidden}:host .navigator{height:var(--navigator-height-SCOPED-IN-scroll-zQNW);transition:.5s height;overflow:hidden;touch-action:none}:host .contents{height:calc(var(--height-SCOPED-IN-scroll-zQNW) - var(--navigator-height-SCOPED-IN-scroll-zQNW));transition:.5s height;overflow:auto;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}\n"] }]
         }] });
 /**

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

@@ -6,10 +6,9 @@ import { injectUiConfig } from '@ng-atomic/common/services/ui';
 import { DrawerFrame } from '@ng-atomic/components/frames/drawer';
 import { LineUpFrame } from '@ng-atomic/components/frames/line-up';
 import { MenuTemplateStore } from '@ng-atomic/components/templates/menu';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { signalize } from '@ng-atomic/common/pipes/signal';
 import { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';
-import { InjectableComponent } from '@ng-atomic/common/core';
 class SideNavFrameStore extends InjectableComponent {
     constructor() {
@@ -78,7 +77,7 @@ class SideNavFrame extends NgAtomicComponent {
   <ng-template #contents>
     <ng-content select="[contents]"></ng-content>
   </ng-template>
-  `, isInline: true, styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-sEHI: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-sEHI: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-sEHI: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-sEHI);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-sEHI)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-sEHI)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-sEHI)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-sEHI))}:host[frame=drawer] .menu{width:300px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer", inputs: ["isOpen"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-ALUL: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-ALUL: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-ALUL: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-ALUL);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-ALUL)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-ALUL)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-ALUL)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-ALUL))}:host[frame=drawer] .menu{width:300px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer", inputs: ["isOpen"] }, { kind: "component", type: LineUpFrame, selector: "frames-line-up", inputs: ["hasNext", "scope"] }, { kind: "directive", type: IconButtonMenuTemplateStore, selector: "templates-icon-button-menu", inputs: ["actions"] }, { kind: "directive", type: MenuTemplateStore, selector: "templates-menu", inputs: ["actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavFrame, decorators: [{
             type: Component,
@@ -122,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             directive: SideNavFrameStore,
                             inputs: ['actions', 'menuType', 'mode', 'frameType'],
                         },
-                    ], styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-sEHI: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-sEHI: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-sEHI: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-sEHI);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-sEHI)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-sEHI)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-sEHI)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-sEHI))}:host[frame=drawer] .menu{width:300px}\n"] }]
+                    ], styles: [":host{--primary-color: #3aa1f2;--primary-color-SCOPED-IN-side-nav-ALUL: var(--primary-color);--secondary-color: #3aa1f2;--secondary-color-SCOPED-IN-side-nav-ALUL: var(--secondary-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-ALUL: var(--menu-width)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-ALUL);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-ALUL)}:host .content{width:100%;height:100%}:host[frame=lineup] .menu{width:var(--menu-width-SCOPED-IN-side-nav-ALUL)}:host[frame=lineup] templates-icon-button-menu,:host[frame=lineup] templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-ALUL)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-ALUL))}:host[frame=drawer] .menu{width:300px}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, InjectionToken, Input, Signal, computed, inject, isSignal, signal } from '@angular/core';\nimport { injectUiConfig } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent } from '@ng-atomic/~~common/stores/component-store~~';\nimport { signalize } from '@ng-atomic/common/pipes/signal';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { Action } from '@ng-atomic/~~common/models~~';\nimport { InjectableComponent } from '@ng-atomic/~~common/~~core';\n\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static TOKEN = new InjectionToken('side-nav-frame-store');\n\n @Input()\n readonly actions: Action[] = [];\n\n @Input({transform: (v: any) => signalize(v)})\n readonly menuType = injectUiConfig(['frames', 'sideNav', 'menuType']);\n\n @Input()\n readonly mode: 'expanded' \| 'collapsed' = 'expanded';\n\n @Input({transform: (v: any) => signalize(v)})\n readonly frameType = injectUiConfig(['frames', 'sideNav', 'frameType']);\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n <ng-container [ngSwitch]=\"store.frameType()\">\n <frames-drawer ngSwitchCase=\"'drawer'\" [isOpen]=\"store.mode === 'expanded'\">\n <ng-container drawer ngTemplateOutlet=\"menu\"></ng-container>\n <ng-container contents ngTemplateOutlet=\"contents\"></ng-container>\n </frames-drawer>\n <frames-line-up ngSwitchCase=\"'lineup'\" [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container main ngTemplateOutlet=\"menu\"></ng-container>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"></ng-container></div>\n </frames-line-up>\n </ng-container>\n\n <ng-template #menu>\n <ng-container [ngSwitch]=\"store.menuType()\">\n <templates-icon-button-menu injectable\n ngSwitchCase=\"'icon-button-menu'\"\n [actions]=\"store.actions\"\n (action)=\"dispatch($event)\"\n ></templates-icon-button-menu>\n <templates-menu injectable\n ngSwitchCase=\"'menu'\"\n [actions]=\"store.actions\"\n (action)=\"dispatch($event)\"\n ></templates-menu>\n </ng-container>\n </ng-template>\n <ng-template #contents>\n <ng-content select=\"[contents]\"></ng-content>\n </ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: ['actions', 'menuType', 'mode', 'frameType'],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, InjectionToken, Input, Signal, computed, inject, isSignal, signal } from '@angular/core';\nimport { injectUiConfig } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { signalize } from '@ng-atomic/common/pipes/signal';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { Action } from '@ng-atomic/core';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static TOKEN = new InjectionToken('side-nav-frame-store');\n\n @Input()\n readonly actions: Action[] = [];\n\n @Input({transform: (v: any) => signalize(v)})\n readonly menuType = injectUiConfig(['frames', 'sideNav', 'menuType']);\n\n @Input()\n readonly mode: 'expanded' \| 'collapsed' = 'expanded';\n\n @Input({transform: (v: any) => signalize(v)})\n readonly frameType = injectUiConfig(['frames', 'sideNav', 'frameType']);\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n <ng-container [ngSwitch]=\"store.frameType()\">\n <frames-drawer ngSwitchCase=\"'drawer'\" [isOpen]=\"store.mode === 'expanded'\">\n <ng-container drawer ngTemplateOutlet=\"menu\"></ng-container>\n <ng-container contents ngTemplateOutlet=\"contents\"></ng-container>\n </frames-drawer>\n <frames-line-up ngSwitchCase=\"'lineup'\" [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container main ngTemplateOutlet=\"menu\"></ng-container>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"></ng-container></div>\n </frames-line-up>\n </ng-container>\n\n <ng-template #menu>\n <ng-container [ngSwitch]=\"store.menuType()\">\n <templates-icon-button-menu injectable\n ngSwitchCase=\"'icon-button-menu'\"\n [actions]=\"store.actions\"\n (action)=\"dispatch($event)\"\n ></templates-icon-button-menu>\n <templates-menu injectable\n ngSwitchCase=\"'menu'\"\n [actions]=\"store.actions\"\n (action)=\"dispatch($event)\"\n ></templates-menu>\n </ng-container>\n </ng-template>\n <ng-template #contents>\n <ng-content select=\"[contents]\"></ng-content>\n </ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: ['actions', 'menuType', 'mode', 'frameType'],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-smart-menu.mjs CHANGED Viewed

@@ -14,13 +14,13 @@ class SmartMenuFrame {
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-vrWz: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-vrWz: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-vrWz: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-vrWz);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-vrWz)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-vrWz)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-lTJF: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-lTJF: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-lTJF: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-lTJF);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-lTJF)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-lTJF)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-vrWz: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-vrWz: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-vrWz: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-vrWz);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-vrWz)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-vrWz)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-lTJF: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-lTJF: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-lTJF: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-lTJF);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-lTJF)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-lTJF)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

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

@@ -11,7 +11,7 @@ class VerticalHideFrame {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-BiZL: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-BiZL: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-BiZL)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-BiZL)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-7l5r: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-7l5r: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-7l5r)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-7l5r)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-BiZL: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-BiZL: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-BiZL)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-BiZL)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-7l5r: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-7l5r: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-7l5r)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-7l5r)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {

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

@@ -7,7 +7,7 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import * as i3 from '@angular/material/input';
 import { MatInput, MatInputModule } from '@angular/material/input';
 import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
-import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i4 from '@angular/material/form-field';
 import { MatFormField } from '@angular/material/form-field';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-action-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/action-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/~~common/models~~';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NgAtomicComponent } from '@ng-atomic/~~common/stores/component-store~~';\nimport { MatFormField } from '@angular/material/form-field';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { startWith } from 'rxjs';\n\n\n@Component({\n selector: 'molecules-action-input-field',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field class=\"mat-form-field-disabled\" [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"text\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n <mat-error>{{ control.errors \| error }}</mat-error>\n </mat-form-field>\n <atoms-smart-menu-button\n [actions]=\"actions\"\n (action)=\"dispatch($event)\"\n ></atoms-smart-menu-button>\n `,\n styleUrls: ['./action-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputFieldMolecule extends NgAtomicComponent {\n\n @ViewChild(MatFormField)\n formField!: MatFormField;\n\n @ViewChild('matInput', { read: MatInput })\n input!: MatInput;\n\n @Input()\n appearance: 'outline' \| 'fill' = 'outline';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n @Input()\n get actions(): Action[] {\n return this._actions.map((action) => ({...action}));\n }\n set actions(value: Action[]) {\n this._actions = value;\n }\n private _actions: Action[] = [];\n\n ngAfterViewInit() {\n this.formField._getDisplayedMessages = function (): 'error' \| 'hint' {\n return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';\n };\n }\n\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-action-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/action-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatFormField } from '@angular/material/form-field';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { startWith } from 'rxjs';\n\n\n@Component({\n selector: 'molecules-action-input-field',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field class=\"mat-form-field-disabled\" [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"text\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n <mat-error>{{ control.errors \| error }}</mat-error>\n </mat-form-field>\n <atoms-smart-menu-button\n [actions]=\"actions\"\n (action)=\"dispatch($event)\"\n ></atoms-smart-menu-button>\n `,\n styleUrls: ['./action-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputFieldMolecule extends NgAtomicComponent {\n\n @ViewChild(MatFormField)\n formField!: MatFormField;\n\n @ViewChild('matInput', { read: MatInput })\n input!: MatInput;\n\n @Input()\n appearance: 'outline' \| 'fill' = 'outline';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n @Input()\n get actions(): Action[] {\n return this._actions.map((action) => ({...action}));\n }\n set actions(value: Action[]) {\n this._actions = value;\n }\n private _actions: Action[] = [];\n\n ngAfterViewInit() {\n this.formField._getDisplayedMessages = function (): 'error' \| 'hint' {\n return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';\n };\n }\n\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}