@ng-atomic/components 4.15.0 → 4.16.1

package/esm2020/atoms/icon/icon.atom.mjs

@@ -44,10 +44,10 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.hasSvgIcon$));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
-    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-SurB: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-SurB)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SurB)}"], changeDetection: 0 });
+    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-VnIc: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-VnIc)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-VnIc)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
         type: Component,
-        args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-SurB: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-SurB)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-SurB)}\n"] }]
+        args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-VnIc: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-VnIc)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-VnIc)}\n"] }]
     }], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
             type: Input
         }], color: [{

package/esm2020/atoms/smart-menu-button/smart-menu-button.atom.mjs

@@ -23,7 +23,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
-    i0.ɵɵtext(2, "menu");
+    i0.ɵɵtext(2, "more_vert");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
@@ -79,10 +79,10 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
     } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatButton, i3.MatIcon, i4.MatMenu, i4.MatMenuItem, i4.MatMenuTrigger], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
         type: Component,
-        args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.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 item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
     }], null, { items: [{
             type: Input
         }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDOUYsd0JBQStDOzs7O0lBQy9DLDZCQUFnQztJQUM5QixpQ0FBd0Q7SUFBaEMseUtBQVMsZUFBQSxnQ0FBa0IsQ0FBQyxFQUFFLENBQUEsSUFBQztJQUNyRCxnQ0FBVTtJQUFBLFlBQW9CO0lBQUEsaUJBQVcsRUFBQTtJQUU3QywwQkFBZTs7O0lBRkQsZUFBb0I7SUFBcEIsMkVBQW9COzs7SUFJaEMsaUNBQXdFLGVBQUE7SUFDNUQsb0JBQUk7SUFBQSxpQkFBVyxFQUFBOzs7O0lBREgsdUNBQTBCOzs7SUFEcEQsNkJBQStCO0lBQzdCLHlGQUVTO0lBQ1gsMEJBQWU7OztJQUh1QyxlQUFrQjtJQUFsQiwwQ0FBa0I7Ozs7SUFPeEUsaUNBSUM7SUFEQywrTkFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUIsWUFBZTtJQUFBLGlCQUFTOzs7SUFBeEIsZUFBZTtJQUFmLGtDQUFlOztBRFZsQixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUUUsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFHekIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEMsa0JBQWEsR0FBRyxDQUFDLEtBQWEsRUFBRSxJQUFnQixFQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ3RFOztzRkFSWSxtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1RoQyxnQ0FBOEM7UUFDNUMsc0ZBQStDO1FBQy9DLHNGQUllO1FBQ2Ysc0ZBSWU7UUFDakIsMEJBQWU7UUFFZix5Q0FBMEI7UUFDeEIsMEVBSXlCO1FBQzNCLGlCQUFXOzs7UUFwQkcsa0lBQStCO1FBQzVCLGVBQWU7UUFBZixnQ0FBZTtRQUNmLGVBQWU7UUFBZixnQ0FBZTtRQWNYLGVBQVU7UUFBVixtQ0FBVSxtQ0FBQTs7dUZEUGxCLG1CQUFtQjtjQU4vQixTQUFTOzJCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsT0FBTztnQkFJaEQsS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9tcy1zbWFydC1tZW51LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydE1lbnVCdXR0b25BdG9tIHtcbiAgQElucHV0KClcbiAgaXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICB0cmFja0J5SXRlbUlkID0gKGluZGV4OiBudW1iZXIsIGl0ZW06IEFjdGlvbkl0ZW0pOiBzdHJpbmcgPT4gaXRlbS5pZDtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIml0ZW1zPy5sZW5ndGggPz8gMFwiPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIwXCI+PC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjFcIj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoaXRlbXNbMF0pXCI+XG4gICAgICA8bWF0LWljb24+e3sgaXRlbXNbMF0/Lmljb24gfX08L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgKm5nSWY9XCJpdGVtcy5sZW5ndGhcIj5cbiAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICA8YnV0dG9uIFxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyB0cmFja0J5OiB0cmFja0J5SXRlbUlkXCJcbiAgICBtYXQtbWVudS1pdGVtIFxuICAgIChjbGljayk9XCJhY3Rpb24uZW1pdChpdGVtKVwiXG4gID57eyBpdGVtLm5hbWUgfX08L2J1dHRvbj5cbjwvbWF0LW1lbnU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDOUYsd0JBQStDOzs7O0lBQy9DLDZCQUFnQztJQUM5QixpQ0FBd0Q7SUFBaEMseUtBQVMsZUFBQSxnQ0FBa0IsQ0FBQyxFQUFFLENBQUEsSUFBQztJQUNyRCxnQ0FBVTtJQUFBLFlBQW9CO0lBQUEsaUJBQVcsRUFBQTtJQUU3QywwQkFBZTs7O0lBRkQsZUFBb0I7SUFBcEIsMkVBQW9COzs7SUFJaEMsaUNBQXdFLGVBQUE7SUFDNUQseUJBQVM7SUFBQSxpQkFBVyxFQUFBOzs7O0lBRFIsdUNBQTBCOzs7SUFEcEQsNkJBQStCO0lBQzdCLHlGQUVTO0lBQ1gsMEJBQWU7OztJQUh1QyxlQUFrQjtJQUFsQiwwQ0FBa0I7Ozs7SUFPeEUsaUNBSUM7SUFEQywrTkFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUIsWUFBZTtJQUFBLGlCQUFTOzs7SUFBeEIsZUFBZTtJQUFmLGtDQUFlOztBRFZsQixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUUUsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFHekIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEMsa0JBQWEsR0FBRyxDQUFDLEtBQWEsRUFBRSxJQUFnQixFQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ3RFOztzRkFSWSxtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1RoQyxnQ0FBOEM7UUFDNUMsc0ZBQStDO1FBQy9DLHNGQUllO1FBQ2Ysc0ZBSWU7UUFDakIsMEJBQWU7UUFFZix5Q0FBMEI7UUFDeEIsMEVBSXlCO1FBQzNCLGlCQUFXOzs7UUFwQkcsa0lBQStCO1FBQzVCLGVBQWU7UUFBZixnQ0FBZTtRQUNmLGVBQWU7UUFBZixnQ0FBZTtRQWNYLGVBQVU7UUFBVixtQ0FBVSxtQ0FBQTs7dUZEUGxCLG1CQUFtQjtjQU4vQixTQUFTOzJCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsT0FBTztnQkFJaEQsS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9tcy1zbWFydC1tZW51LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydE1lbnVCdXR0b25BdG9tIHtcbiAgQElucHV0KClcbiAgaXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICB0cmFja0J5SXRlbUlkID0gKGluZGV4OiBudW1iZXIsIGl0ZW06IEFjdGlvbkl0ZW0pOiBzdHJpbmcgPT4gaXRlbS5pZDtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIml0ZW1zPy5sZW5ndGggPz8gMFwiPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIwXCI+PC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjFcIj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoaXRlbXNbMF0pXCI+XG4gICAgICA8bWF0LWljb24+e3sgaXRlbXNbMF0/Lmljb24gfX08L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgKm5nSWY9XCJpdGVtcy5sZW5ndGhcIj5cbiAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuXG48bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gIDxidXR0b24gXG4gICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IHRyYWNrQnk6IHRyYWNrQnlJdGVtSWRcIlxuICAgIG1hdC1tZW51LWl0ZW0gXG4gICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KGl0ZW0pXCJcbiAgPnt7IGl0ZW0ubmFtZSB9fTwvYnV0dG9uPlxuPC9tYXQtbWVudT5cbiJdfQ==

package/esm2020/frames/auto-layout/auto-layout.frame.mjs

@@ -7,9 +7,9 @@ AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || A
 AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵprojection(0);
-    } }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-biRR: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-biRR: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-biRR);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-biRR) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-EIRB: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-EIRB: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-EIRB);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-EIRB) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
         type: Component,
-        args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-biRR: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-biRR: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-biRR);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-biRR) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+        args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-EIRB: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-EIRB: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-EIRB);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-EIRB) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
     }], null, null); })();
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2ZyYW1lcy9hdXRvLWxheW91dC9hdXRvLWxheW91dC5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL2F1dG8tbGF5b3V0L2F1dG8tbGF5b3V0LmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUW5FLE1BQU0sT0FBTyxlQUFlOzs4RUFBZixlQUFlO2tFQUFmLGVBQWU7O1FDUjVCLGtCQUF5Qjs7dUZEUVosZUFBZTtjQU4zQixTQUFTOzJCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtYXV0by1sYXlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0by1sYXlvdXQuZnJhbWUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F1dG8tbGF5b3V0LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9MYXlvdXRGcmFtZSB7IH1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=

package/esm2020/frames/drawer/drawer.frame.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
 import { MatDrawer } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/sidenav";
@@ -9,12 +9,20 @@ export class DrawerFrame {
         this._isOpen = false;
     }
     set isOpen(_isOpen) {
+        console.debug('isOpen:', _isOpen);
+        console.debug('this.drawer:', this.drawer);
         _isOpen ? this.drawer?.open() : this.drawer?.close();
         this._isOpen = _isOpen;
     }
     get isOpen() {
         return this._isOpen;
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.isOpen ? this.drawer?.open() : this.drawer?.close();
+            console.debug('this.drawer:', this.drawer);
+        }, 0);
+    }
 }
 DrawerFrame.ɵfac = function DrawerFrame_Factory(t) { return new (t || DrawerFrame)(); };
 DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, selectors: [["frames-drawer"]], viewQuery: function DrawerFrame_Query(rf, ctx) { if (rf & 1) {
@@ -32,14 +40,14 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵproperty("autosize", false);
-    } }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-ToT9: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.MatDrawer, i1.MatDrawerContainer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-GrTl: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-GrTl: var(--height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-drawer-GrTl)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
         type: Component,
-        args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-ToT9: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+        args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-GrTl: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-GrTl: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-GrTl)}:host mat-drawer-content{width:100%}\n"] }]
     }], null, { drawer: [{
             type: ViewChild,
             args: [MatDrawer]
         }], isOpen: [{
             type: Input
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9mcmFtZXMvZHJhd2VyL2RyYXdlci5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7OztBQVF0RCxNQUFNLE9BQU8sV0FBVztJQU54QjtRQVdVLFlBQU8sR0FBRyxLQUFLLENBQUM7S0FZekI7SUFWQyxJQUNJLE1BQU0sQ0FBQyxPQUFnQjtRQUN6QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUE7SUFDeEIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQTtJQUNyQixDQUFDOztzRUFmVSxXQUFXOzhEQUFYLFdBQVc7dUJBRVgsU0FBUzs7Ozs7O1FDWHRCLCtDQUF5Qyx1QkFBQTtRQUVyQyxrQkFBeUM7UUFDM0MsaUJBQWE7UUFFYiwwQ0FBb0I7UUFDbEIscUJBQTJDO1FBQzdDLGlCQUFxQixFQUFBOztRQVBELGdDQUFrQjs7dUZEUzNCLFdBQVc7Y0FOdkIsU0FBUzsyQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07Z0JBSy9DLE1BQU07a0JBREwsU0FBUzttQkFBQyxTQUFTO1lBTWhCLE1BQU07a0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERyYXdlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtZHJhd2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYXdlci5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lIHtcblxuICBAVmlld0NoaWxkKE1hdERyYXdlcilcbiAgZHJhd2VyITogTWF0RHJhd2VyO1xuXG4gIHByaXZhdGUgX2lzT3BlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBpc09wZW4oX2lzT3BlbjogYm9vbGVhbikge1xuICAgIF9pc09wZW4gPyB0aGlzLmRyYXdlcj8ub3BlbigpIDogdGhpcy5kcmF3ZXI/LmNsb3NlKCk7XG4gICAgdGhpcy5faXNPcGVuID0gX2lzT3BlblxuICB9XG5cbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faXNPcGVuXG4gIH1cblxufVxuIiwiPG1hdC1kcmF3ZXItY29udGFpbmVyIFthdXRvc2l6ZV09XCJmYWxzZVwiPlxuICA8bWF0LWRyYXdlciAjZHJhd2VyIG1vZGU9XCJzaWRlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtkcmF3ZXJdPjwvbmctY29udGVudD5cbiAgPC9tYXQtZHJhd2VyPlxuXG4gIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtjb250ZW50c10+PC9uZy1jb250ZW50PlxuICA8L21hdC1kcmF3ZXItY29udGVudD5cbiAgXG48L21hdC1kcmF3ZXItY29udGFpbmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9mcmFtZXMvZHJhd2VyL2RyYXdlci5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTBDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7QUFRdEQsTUFBTSxPQUFPLFdBQVc7SUFOeEI7UUFXVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBc0J6QjtJQXBCQyxJQUNJLE1BQU0sQ0FBQyxPQUFnQjtRQUN6QixPQUFPLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNsQyxPQUFPLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDM0MsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3JELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFBO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUE7SUFDckIsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUN6RCxPQUFPLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFN0MsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7c0VBekJVLFdBQVc7OERBQVgsV0FBVzt1QkFFWCxTQUFTOzs7Ozs7UUNYdEIsK0NBQXlDLHVCQUFBO1FBRXJDLGtCQUF5QztRQUMzQyxpQkFBYTtRQUViLDBDQUFvQjtRQUNsQixxQkFBMkM7UUFDN0MsaUJBQXFCLEVBQUE7O1FBUEQsZ0NBQWtCOzt1RkRTM0IsV0FBVztjQU52QixTQUFTOzJCQUNFLGVBQWU7Z0JBUXpCLE1BQU07a0JBREwsU0FBUzttQkFBQyxTQUFTO1lBTWhCLE1BQU07a0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERyYXdlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtZHJhd2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYXdlci5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQFZpZXdDaGlsZChNYXREcmF3ZXIpXG4gIGRyYXdlciE6IE1hdERyYXdlcjtcblxuICBwcml2YXRlIF9pc09wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBzZXQgaXNPcGVuKF9pc09wZW46IGJvb2xlYW4pIHtcbiAgICBjb25zb2xlLmRlYnVnKCdpc09wZW46JywgX2lzT3Blbik7XG4gICAgY29uc29sZS5kZWJ1ZygndGhpcy5kcmF3ZXI6JywgdGhpcy5kcmF3ZXIpO1xuICAgIF9pc09wZW4gPyB0aGlzLmRyYXdlcj8ub3BlbigpIDogdGhpcy5kcmF3ZXI/LmNsb3NlKCk7XG4gICAgdGhpcy5faXNPcGVuID0gX2lzT3BlblxuICB9XG5cbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faXNPcGVuXG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmlzT3BlbiA/IHRoaXMuZHJhd2VyPy5vcGVuKCkgOiB0aGlzLmRyYXdlcj8uY2xvc2UoKTtcbiAgICAgIGNvbnNvbGUuZGVidWcoJ3RoaXMuZHJhd2VyOicsIHRoaXMuZHJhd2VyKTtcblxuICAgIH0sMCk7XG4gIH1cblxufVxuIiwiPG1hdC1kcmF3ZXItY29udGFpbmVyIFthdXRvc2l6ZV09XCJmYWxzZVwiPlxuICA8bWF0LWRyYXdlciAjZHJhd2VyIG1vZGU9XCJzaWRlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtkcmF3ZXJdPjwvbmctY29udGVudD5cbiAgPC9tYXQtZHJhd2VyPlxuXG4gIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtjb250ZW50c10+PC9uZy1jb250ZW50PlxuICA8L21hdC1kcmF3ZXItY29udGVudD5cbiAgXG48L21hdC1kcmF3ZXItY29udGFpbmVyPiJdfQ==

package/esm2020/frames/line-up/line-up.frame.mjs

@@ -102,10 +102,10 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
         i0.ɵɵproperty("@modeChangeForMain", ctx.mode);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
-    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-VDrO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-VDrO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-VDrO: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-VDrO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-VDrO)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-VDrO)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-kAKO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-kAKO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-kAKO: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-kAKO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-kAKO)}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-kAKO)}[_nghost-%COMP%]   div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
         type: Component,
-        args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-VDrO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-VDrO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-VDrO: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-VDrO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-VDrO)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-VDrO)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
+        args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-kAKO: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-kAKO: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-kAKO: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-kAKO);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-kAKO)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-kAKO)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
     }], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
             type: HostBinding,
             args: ['attr.has-next']

package/esm2020/frames/overlay/overlay.frame.mjs

@@ -20,10 +20,10 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("@hasNext", ctx.hasNext);
-    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-6BsF: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-6BsF: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-6BsF: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-9y2R: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-9y2R: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-9y2R: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-9y2R);--width: var(--width-SCOPED-IN-line-overlay-9y2R);--height: var(--height-SCOPED-IN-line-overlay-9y2R)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-9y2R);--width: var(--width-SCOPED-IN-line-overlay-9y2R);--height: var(--height-SCOPED-IN-line-overlay-9y2R)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
         type: Component,
-        args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-6BsF: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-6BsF: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-6BsF: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:var(--height-SCOPED-IN-line-overlay-6BsF);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-6BsF);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-6BsF);--width: var(--width-SCOPED-IN-line-overlay-6BsF);--height: var(--height-SCOPED-IN-line-overlay-6BsF)}\n"] }]
+        args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n    <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-9y2R: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-9y2R: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-9y2R: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:var(--height-SCOPED-IN-line-overlay-9y2R);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-9y2R);--width: var(--width-SCOPED-IN-line-overlay-9y2R);--height: var(--height-SCOPED-IN-line-overlay-9y2R)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-9y2R);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-9y2R);--width: var(--width-SCOPED-IN-line-overlay-9y2R);--height: var(--height-SCOPED-IN-line-overlay-9y2R)}\n"] }]
     }], null, { hasNext: [{
             type: Input
         }] }); })();

package/esm2020/frames/scroll/scroll.frame.mjs

@@ -14,9 +14,9 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
         i0.ɵɵelementStart(2, "div", 1);
         i0.ɵɵprojection(3, 1);
         i0.ɵɵelementEnd();
-    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-e5hH: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-e5hH: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-e5hH);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-e5hH);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-e5hH) - var(--navigator-height-SCOPED-IN-scroll-e5hH));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-do1c: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-do1c: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-do1c);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-do1c);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-do1c) - var(--navigator-height-SCOPED-IN-scroll-do1c));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
         type: Component,
-        args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-e5hH: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-e5hH: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-e5hH);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-e5hH);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-e5hH) - var(--navigator-height-SCOPED-IN-scroll-e5hH));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+        args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-do1c: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-do1c: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-do1c);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-do1c);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-do1c) - var(--navigator-height-SCOPED-IN-scroll-do1c));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
     }], null, null); })();
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9mcmFtZXMvc2Nyb2xsL3Njcm9sbC5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL3Njcm9sbC9zY3JvbGwuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFuRSxNQUFNLE9BQU8sV0FBVzs7c0VBQVgsV0FBVzs4REFBWCxXQUFXOztRQ1J4Qiw4QkFBMEQ7UUFDeEQsa0JBQTRDO1FBQzlDLGlCQUFNO1FBQ04sOEJBQWdDO1FBQzlCLHFCQUEyQztRQUM3QyxpQkFBTTs7dUZER08sV0FBVztjQU52QixTQUFTOzJCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLXNjcm9sbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGwuZnJhbWUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiIsIjxkaXYgY2xhc3M9XCJuYXZpZ2F0b3ItY29udGFpbmVyXCIgaW9zU2FmYXJpU2Nyb2xsQnVnZ3lmaWxsPlxuICA8bmctY29udGVudCBzZWxlY3Q9W25hdmlnYXRvcl0+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudHMtY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdPjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/frames/smart-menu/smart-menu.frame.mjs

@@ -31,10 +31,10 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
         i0.ɵɵelementStart(3, "div", 2, 3);
         i0.ɵɵprojection(5, 1);
         i0.ɵɵelementEnd();
-    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-nBT4: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-nBT4: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-nBT4: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-nBT4);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-nBT4)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-nBT4)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-LVNa: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-LVNa: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-LVNa: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-LVNa);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-LVNa)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-LVNa)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
         type: Component,
-        args: [{ 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-nBT4: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-nBT4: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-nBT4: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-nBT4);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-nBT4)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-nBT4)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+        args: [{ 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-LVNa: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-LVNa: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-LVNa: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-LVNa);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-LVNa)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-LVNa)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
     }], null, { isMainHidden: [{
             type: HostBinding,
             args: ['attr.is-main-hidden']

package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs

@@ -47,10 +47,10 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
         i0.ɵɵproperty("for", _r0);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.hint);
-    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Nx9H: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i3.MatSuffix, i4.MatInput, i5.MatDatepicker, i5.MatDatepickerInput, i5.MatDatepickerToggle], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-7arv: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Nx9H: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-7arv: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { _control: [{
             type: Input,
             args: ['control']

package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs

@@ -39,10 +39,10 @@ SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Se
         i0.ɵɵproperty("formControl", ctx.control);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.value);
-    } }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-zr2S: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-F1l3: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-zr2S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-F1l3: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }], control: [{

package/esm2020/molecules/smart-column/smart-column.module.mjs

@@ -1,4 +1,4 @@
-import { NgModule, Pipe } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import { MatButtonModule } from '@angular/material/button';
@@ -7,25 +7,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
 import { SmartColumnMolecule } from './smart-column.molecule';
-import { get } from 'lodash';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/clipboard";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/table";
-import * as i5 from "@angular/material/tooltip";
-import * as i6 from "@ng-atomic/common/pipes/smart-exp";
-export class DataAccessorPipe {
-    transform(data, name) {
-        return get(data, name);
-    }
-}
-DataAccessorPipe.ɵfac = function DataAccessorPipe_Factory(t) { return new (t || DataAccessorPipe)(); };
-DataAccessorPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "dataAccessor", type: DataAccessorPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataAccessorPipe, [{
-        type: Pipe,
-        args: [{ name: 'dataAccessor', pure: true }]
-    }], null, null); })();
 export class SmartColumnModule {
 }
 SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
@@ -44,13 +27,13 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
         args: [{
                 declarations: [
                     SmartColumnMolecule,
-                    DataAccessorPipe,
                 ],
                 imports: [
                     CommonModule,
                     ClipboardModule,
                     // Pipes
                     SmartExpModule,
+                    DataAccessorPipe,
                     // Materials
                     MatButtonModule,
                     MatIconModule,
@@ -61,14 +44,14 @@ SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Common
                 bootstrap: [SmartColumnMolecule],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule, DataAccessorPipe], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
         ClipboardModule,
         // Pipes
         SmartExpModule,
+        DataAccessorPipe,
         // Materials
         MatButtonModule,
         MatIconModule,
         MatTableModule,
         MatTooltipModule], exports: [SmartColumnMolecule] }); })();
-i0.ɵɵsetComponentScope(SmartColumnMolecule, [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip], [i6.SmartExpPipe, DataAccessorPipe]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7Ozs7O0FBRzdCLE1BQU0sT0FBTyxnQkFBZ0I7SUFDM0IsU0FBUyxDQUFDLElBQVMsRUFBRSxJQUFZO1FBQy9CLE9BQU8sR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztJQUN6QixDQUFDOztnRkFIVSxnQkFBZ0I7cUZBQWhCLGdCQUFnQjt1RkFBaEIsZ0JBQWdCO2NBRDVCLElBQUk7ZUFBQyxFQUFDLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBQzs7QUEwQnhDLE1BQU0sT0FBTyxpQkFBaUI7O2tGQUFqQixpQkFBaUI7bUVBQWpCLGlCQUFpQixjQUZoQixtQkFBbUI7dUVBWDdCLFlBQVk7UUFDWixlQUFlO1FBQ2YsUUFBUTtRQUNSLGNBQWM7UUFDZCxZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixjQUFjO1FBQ2QsZ0JBQWdCO3VGQUtQLGlCQUFpQjtjQW5CN0IsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixtQkFBbUI7b0JBQ25CLGdCQUFnQjtpQkFDakI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixRQUFRO29CQUNSLGNBQWM7b0JBQ2QsWUFBWTtvQkFDWixlQUFlO29CQUNmLGFBQWE7b0JBQ2IsY0FBYztvQkFDZCxnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2dCQUM5QixTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNqQzs7d0ZBQ1ksaUJBQWlCLG1CQWpCMUIsbUJBQW1CLEVBUlYsZ0JBQWdCLGFBWXpCLFlBQVk7UUFDWixlQUFlO1FBQ2YsUUFBUTtRQUNSLGNBQWM7UUFDZCxZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixjQUFjO1FBQ2QsZ0JBQWdCLGFBRVIsbUJBQW1CO3VCQWQzQixtQkFBbUIseUxBUlYsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIFBpcGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvY2xpcGJvYXJkJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRUYWJsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IFNtYXJ0RXhwTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvc21hcnQtZXhwJztcbmltcG9ydCB7IFNtYXJ0Q29sdW1uTW9sZWN1bGUgfSBmcm9tICcuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZSc7XG5pbXBvcnQgeyBnZXQgfSBmcm9tICdsb2Rhc2gnO1xuXG5AUGlwZSh7bmFtZTogJ2RhdGFBY2Nlc3NvcicsIHB1cmU6IHRydWV9KVxuZXhwb3J0IGNsYXNzIERhdGFBY2Nlc3NvclBpcGUge1xuICB0cmFuc2Zvcm0oZGF0YTogYW55LCBuYW1lOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBnZXQoZGF0YSwgbmFtZSk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU21hcnRDb2x1bW5Nb2xlY3VsZSxcbiAgICBEYXRhQWNjZXNzb3JQaXBlLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENsaXBib2FyZE1vZHVsZSxcbiAgICAvLyBQaXBlc1xuICAgIFNtYXJ0RXhwTW9kdWxlLFxuICAgIC8vIE1hdGVyaWFsc1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTbWFydENvbHVtbk1vbGVjdWxlXSxcbiAgYm9vdHN0cmFwOiBbU21hcnRDb2x1bW5Nb2xlY3VsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQVEsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBcUJ6RSxNQUFNLE9BQU8saUJBQWlCOztrRkFBakIsaUJBQWlCO21FQUFqQixpQkFBaUIsY0FGaEIsbUJBQW1CO3VFQVo3QixZQUFZO1FBQ1osZUFBZTtRQUNmLFFBQVE7UUFDUixjQUFjO1FBRWQsWUFBWTtRQUNaLGVBQWU7UUFDZixhQUFhO1FBQ2IsY0FBYztRQUNkLGdCQUFnQjt1RkFLUCxpQkFBaUI7Y0FuQjdCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixlQUFlO29CQUNmLFFBQVE7b0JBQ1IsY0FBYztvQkFDZCxnQkFBZ0I7b0JBQ2hCLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixhQUFhO29CQUNiLGNBQWM7b0JBQ2QsZ0JBQWdCO2lCQUNqQjtnQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDOUIsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDakM7O3dGQUNZLGlCQUFpQixtQkFqQjFCLG1CQUFtQixhQUduQixZQUFZO1FBQ1osZUFBZTtRQUNmLFFBQVE7UUFDUixjQUFjO1FBQ2QsZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWixlQUFlO1FBQ2YsYUFBYTtRQUNiLGNBQWM7UUFDZCxnQkFBZ0IsYUFFUixtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENsaXBib2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgU21hcnRFeHBNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9zbWFydC1leHAnO1xuaW1wb3J0IHsgU21hcnRDb2x1bW5Nb2xlY3VsZSB9IGZyb20gJy4vc21hcnQtY29sdW1uLm1vbGVjdWxlJztcbmltcG9ydCB7IERhdGFBY2Nlc3NvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9kYXRhLWFjY2Vzc29yJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU21hcnRDb2x1bW5Nb2xlY3VsZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDbGlwYm9hcmRNb2R1bGUsXG4gICAgLy8gUGlwZXNcbiAgICBTbWFydEV4cE1vZHVsZSxcbiAgICBEYXRhQWNjZXNzb3JQaXBlLFxuICAgIC8vIE1hdGVyaWFsc1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTbWFydENvbHVtbk1vbGVjdWxlXSxcbiAgYm9vdHN0cmFwOiBbU21hcnRDb2x1bW5Nb2xlY3VsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9kdWxlIHsgfVxuIl19

package/esm2020/molecules/smart-column/smart-column.molecule.mjs

@@ -1,6 +1,13 @@
 import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';
 import { MatTextColumn } from '@angular/material/table';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/clipboard";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/table";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@ng-atomic/common/pipes/smart-exp";
+import * as i7 from "@ng-atomic/common/pipes/data-accessor";
 function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon", 7);
     i0.ɵɵtext(1, "south");
@@ -42,8 +49,7 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(3, "smartExp");
     i0.ɵɵpipe(4, "dataAccessor");
     i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "smartExp");
-    i0.ɵɵpipe(7, "dataAccessor");
+    i0.ɵɵpipe(6, "dataAccessor");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const data_r6 = ctx.$implicit;
@@ -52,14 +58,11 @@ function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("cdkCopyToClipboard", i0.ɵɵpipeBind2(3, 5, i0.ɵɵpipeBind2(4, 8, data_r6, ctx_r1.name), ctx_r1.name))("matTooltip", ctx_r1.text);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, i0.ɵɵpipeBind2(7, 14, data_r6, ctx_r1.name), ctx_r1.name), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, data_r6, ctx_r1.name), " ");
 } }
 export class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
-        this.dataAccessor = () => {
-            throw new Error('dataAccessor is not allowed');
-        };
         this.sort = 'none';
         this.headerClick = new EventEmitter();
         this.text = 'copy';
@@ -73,15 +76,15 @@ SmartColumnMolecule.ɵfac = /*@__PURE__*/ function () { let ɵSmartColumnMolecul
 SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartColumnMolecule, selectors: [["molecules-smart-column"]], inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 3, "text-align", "click", 4, "matHeaderCellDef"], ["mat-cell", "", 3, "text-align", 4, "matCellDef"], ["mat-header-cell", "", 3, "click"], [1, "nowrap", 2, "display", "flex", "align-items", "center"], [3, "ngSwitch"], ["class", "order", 4, "ngSwitchCase"], [1, "order"], ["mat-cell", ""], ["matTooltipPosition", "below", 1, "nowrap", 3, "cdkCopyToClipboard", "matTooltip", "click"], ["tooltip", "matTooltip"]], template: function SmartColumnMolecule_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, SmartColumnMolecule_th_1_Template, 7, 6, "th", 1);
-        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 8, 17, "td", 2);
+        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 7, 14, "td", 2);
         i0.ɵɵelementContainerEnd();
-    } }, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
+    } }, dependencies: [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip, i6.SmartExpPipe, i7.DataAccessorPipe], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor:name | smartExp:name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{data | dataAccessor:name | smartExp:name}}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
     }], null, { sort: [{
             type: Input
         }], headerClick: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUM3SSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztJQ1NoRCxtQ0FBOEM7SUFBQSxxQkFBSztJQUFBLGlCQUFXOzs7SUFDOUQsbUNBQStDO0lBQUEscUJBQUs7SUFBQSxpQkFBVzs7OztJQVZyRSw2QkFLQztJQURDLDJKQUFTLGVBQUEseUJBQWtCLENBQUEsSUFBQztJQUU1Qiw0QkFBOEQsV0FBQTtJQUN0RCxZQUFjO0lBQUEsaUJBQU87SUFDM0IsZ0NBQWdDO0lBQzlCLG1GQUE4RDtJQUM5RCxtRkFBK0Q7SUFDakUsMEJBQWU7SUFDakIsaUJBQUksRUFBQTs7O0lBVEosNENBQTRCO0lBSXBCLGVBQWM7SUFBZCx1Q0FBYztJQUNOLGVBQWlCO0lBQWpCLHNDQUFpQjtJQUNKLGVBQW1CO0lBQW5CLG9DQUFtQjtJQUNuQixlQUFvQjtJQUFwQixxQ0FBb0I7Ozs7SUFJbkQsNkJBQWlFLGVBQUE7SUFHN0Qsa0xBQVMsZUFBUSxTQUFFLGVBQUEsVUFBYyxDQUFBLElBQUM7OztJQUdsQyxZQUNGOzs7SUFBQSxpQkFBSSxFQUFBOzs7O0lBUDhCLDRDQUE0QjtJQUU1RCxlQUErRDtJQUEvRCxrSEFBK0QsMkJBQUE7SUFJL0QsZUFDRjtJQURFLGdIQUNGOztBRFpKLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUFnQjtJQVA1RDs7UUFRVyxpQkFBWSxHQUFHLEdBQVcsRUFBRTtZQUNuQyxNQUFNLElBQUksS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDO1FBR0YsU0FBSSxHQUE0QixNQUFNLENBQUM7UUFHdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZDLFNBQUksR0FBRyxNQUFNLENBQUM7S0FPZjtJQUxDLE1BQU07UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs7dVBBaEJVLG1CQUFtQixTQUFuQixtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1ZoQyxnQ0FBMkI7UUFDekIsa0VBYUs7UUFDTCxtRUFRSztRQUNQLDBCQUFlOzt1RkRkRixtQkFBbUI7Y0FQL0IsU0FBUzsyQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE9BQU87Z0JBUWhELElBQUk7a0JBREgsS0FBSztZQUlOLFdBQVc7a0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIE9wdGlvbmFsLCBJbmplY3QsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXNtYXJ0LWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRDb2x1bW5Nb2xlY3VsZTxUPiBleHRlbmRzIE1hdFRleHRDb2x1bW48VD4ge1xuICBvdmVycmlkZSBkYXRhQWNjZXNzb3IgPSAoKTogc3RyaW5nID0+IHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ2RhdGFBY2Nlc3NvciBpcyBub3QgYWxsb3dlZCcpO1xuICB9O1xuICBcbiAgQElucHV0KClcbiAgc29ydDogJ2FzYycgfCAnZGVzYycgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgQE91dHB1dCgpXG4gIGhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHRleHQgPSAnY29weSc7XG5cbiAgY29waWVkKCkge1xuICAgIHRoaXMudGV4dCA9ICdjb3BpZWQhJztcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMudGV4dCA9ICdjb3B5JywgMTAwMCk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY+XG4gIDx0aFxuICAgIG1hdC1oZWFkZXItY2VsbFxuICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiXG4gICAgKGNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cbiAgICAgIDxzcGFuPnt7aGVhZGVyVGV4dH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic29ydFwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9tYXQtaWNvbj5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIiAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCI+bm9ydGg8L21hdC1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wPlxuICA8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZGF0YVwiIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIj5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICBbY2RrQ29weVRvQ2xpcGJvYXJkXT1cImRhdGEgfCBkYXRhQWNjZXNzb3I6bmFtZSB8IHNtYXJ0RXhwOm5hbWVcIlxuICAgICAgKGNsaWNrKT1cImNvcGllZCgpOyB0b29sdGlwLnNob3coKVwiXG4gICAgICAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJ0ZXh0XCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYmVsb3dcIlxuICAgID5cbiAgICAgIHt7ZGF0YSB8IGRhdGFBY2Nlc3NvcjpuYW1lIHwgc21hcnRFeHA6bmFtZX19XG4gICAgPC9wPlxuICA8L3RkPlxuPC9uZy1jb250YWluZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUF1QyxNQUFNLGVBQWUsQ0FBQztBQUN4SixPQUFPLEVBQWdCLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7Ozs7O0lDUzlELG1DQUE4QztJQUFBLHFCQUFLO0lBQUEsaUJBQVc7OztJQUM5RCxtQ0FBK0M7SUFBQSxxQkFBSztJQUFBLGlCQUFXOzs7O0lBVnJFLDZCQUtDO0lBREMsMkpBQVMsZUFBQSx5QkFBa0IsQ0FBQSxJQUFDO0lBRTVCLDRCQUE4RCxXQUFBO0lBQ3RELFlBQWM7SUFBQSxpQkFBTztJQUMzQixnQ0FBZ0M7SUFDOUIsbUZBQThEO0lBQzlELG1GQUErRDtJQUNqRSwwQkFBZTtJQUNqQixpQkFBSSxFQUFBOzs7SUFUSiw0Q0FBNEI7SUFJcEIsZUFBYztJQUFkLHVDQUFjO0lBQ04sZUFBaUI7SUFBakIsc0NBQWlCO0lBQ0osZUFBbUI7SUFBbkIsb0NBQW1CO0lBQ25CLGVBQW9CO0lBQXBCLHFDQUFvQjs7OztJQUluRCw2QkFBaUUsZUFBQTtJQUc3RCxrTEFBUyxlQUFRLFNBQUUsZUFBQSxVQUFjLENBQUEsSUFBQzs7O0lBR2xDLFlBQ0Y7O0lBQUEsaUJBQUksRUFBQTs7OztJQVA4Qiw0Q0FBNEI7SUFFNUQsZUFBaUU7SUFBakUsa0hBQWlFLDJCQUFBO0lBSWpFLGVBQ0Y7SUFERSw0RUFDRjs7QURaSixNQUFNLE9BQU8sbUJBQXVCLFNBQVEsYUFBZ0I7SUFQNUQ7O1FBVUUsU0FBSSxHQUE0QixNQUFNLENBQUM7UUFHdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZDLFNBQUksR0FBRyxNQUFNLENBQUM7S0FNZjtJQUpDLE1BQU07UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs7dVBBYlUsbUJBQW1CLFNBQW5CLG1CQUFtQjtzRUFBbkIsbUJBQW1CO1FDVmhDLGdDQUEyQjtRQUN6QixrRUFhSztRQUNMLG1FQVFLO1FBQ1AsMEJBQWU7O3VGRGRGLG1CQUFtQjtjQVAvQixTQUFTOzJCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsT0FBTztnQkFLaEQsSUFBSTtrQkFESCxLQUFLO1lBSU4sV0FBVztrQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgT3B0aW9uYWwsIEluamVjdCwgaW5qZWN0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdENvbHVtbkRlZiwgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXNtYXJ0LWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRDb2x1bW5Nb2xlY3VsZTxUPiBleHRlbmRzIE1hdFRleHRDb2x1bW48VD4ge1xuXG4gIEBJbnB1dCgpXG4gIHNvcnQ6ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnID0gJ25vbmUnO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICB0ZXh0ID0gJ2NvcHknO1xuXG4gIGNvcGllZCgpIHtcbiAgICB0aGlzLnRleHQgPSAnY29waWVkISc7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnRleHQgPSAnY29weScsIDEwMDApO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgPHRoXG4gICAgbWF0LWhlYWRlci1jZWxsXG4gICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJqdXN0aWZ5XCJcbiAgICAoY2xpY2spPVwiaGVhZGVyQ2xpY2suZW1pdCgpXCJcbiAgPlxuICAgIDxwIGNsYXNzPVwibm93cmFwXCIgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyO1wiPlxuICAgICAgPHNwYW4+e3toZWFkZXJUZXh0fX08L3NwYW4+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzb3J0XCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCIgKm5nU3dpdGNoQ2FzZT1cIidhc2MnXCI+c291dGg8L21hdC1pY29uPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbWF0LWljb24+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L3A+XG4gIDwvdGg+XG4gIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBkYXRhXCIgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiPlxuICAgIDxwIGNsYXNzPVwibm93cmFwXCJcbiAgICAgIFtjZGtDb3B5VG9DbGlwYm9hcmRdPVwiZGF0YSB8IGRhdGFBY2Nlc3NvcjogbmFtZSB8IHNtYXJ0RXhwOiBuYW1lXCJcbiAgICAgIChjbGljayk9XCJjb3BpZWQoKTsgdG9vbHRpcC5zaG93KClcIlxuICAgICAgI3Rvb2x0aXA9XCJtYXRUb29sdGlwXCIgW21hdFRvb2x0aXBdPVwidGV4dFwiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImJlbG93XCJcbiAgICA+XG4gICAgICB7eyBkYXRhIHwgZGF0YUFjY2Vzc29yOiBuYW1lIH19XG4gICAgPC9wPlxuICA8L3RkPlxuPC9uZy1jb250YWluZXI+Il19

package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs

@@ -29,10 +29,10 @@ ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 2, "ng-container", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngForOf", ctx.actions)("ngForTrackBy", ctx.trackById);
-    } }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-cMnT: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-cMnT);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-BbRb);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+        args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-cMnT: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-cMnT);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
     }], null, { actions: [{
             type: Input
         }], action: [{

package/esm2020/organisms/back-navigator/back-navigator.organism.mjs

@@ -43,10 +43,10 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
         i0.ɵɵtextInterpolate(ctx.description || "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-3DyF: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-3DyF)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-TeHh: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-TeHh)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-3DyF: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-3DyF)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+        args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-TeHh: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-TeHh)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
     }], null, { canBack: [{
             type: Input
         }], title: [{

package/esm2020/organisms/card-input-section/card-input-section.organism.mjs

@@ -14,10 +14,10 @@ CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ca
         i0.ɵɵelement(0, "molecules-text-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
-    } }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-zr25: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-zr25);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Z8bJ: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Z8bJ);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-zr25: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-zr25);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Z8bJ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Z8bJ);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs

@@ -27,10 +27,10 @@ CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵproperty("control", ctx.form.get("expMonth"))("options", ctx.monthOptions);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("control", ctx.form.get("cvc"));
-    } }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-qRvR: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qRvR);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
+    } }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-aBmW: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-aBmW);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-qRvR: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qRvR);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+        args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-aBmW: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-aBmW);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
     }], null, { form: [{
             type: Input
         }] }); })();

package/esm2020/organisms/date-input-section/date-input-section.organism.mjs

@@ -14,10 +14,10 @@ DateInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Da
         i0.ɵɵelement(0, "molecules-date-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
-    } }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-4M72: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-4M72);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-qiVw: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-qiVw);box-sizing:border-box}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-4M72: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-4M72);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-qiVw: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-qiVw);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

package/esm2020/organisms/heading/heading.organism.mjs

@@ -113,10 +113,10 @@ HeadingOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeadingOrga
         i0.ɵɵproperty("ngSwitchCase", 5);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngSwitchCase", 6);
-    } }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-ZGmV: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-ZGmV)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2Zpx: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2Zpx)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-ZGmV: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-ZGmV)}\n"] }]
+        args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2Zpx: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2Zpx)}\n"] }]
     }], null, { level: [{
             type: Input
         }] }); })();

package/esm2020/organisms/navigation-list/navigation-list.organism.mjs

@@ -27,10 +27,10 @@ NavigationListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navi
         i0.ɵɵproperty("multiple", false);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-WcdQ: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-WcdQ: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-WcdQ: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-WcdQ);color:var(--color-SCOPED-IN-navigation-list-WcdQ);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-WcdQ);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-T2S9: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-T2S9: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-T2S9: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-T2S9);color:var(--color-SCOPED-IN-navigation-list-T2S9);box-sizing:border-box}[_nghost-%COMP%]   .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%]     .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-T2S9);font-size:12px}[_nghost-%COMP%]     .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-WcdQ: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-WcdQ: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-WcdQ: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-WcdQ);color:var(--color-SCOPED-IN-navigation-list-WcdQ);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-WcdQ);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
+        args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let item of items\" \n    [item]=\"item\"\n    (click)=\"action.emit(item)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-T2S9: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-T2S9: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-T2S9: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-T2S9);color:var(--color-SCOPED-IN-navigation-list-T2S9);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-T2S9);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
     }], null, { items: [{
             type: Input
         }], action: [{