@ng-atomic/components 4.14.1 → 4.16.0

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-LuXz: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-LuXz)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-LuXz)}"], changeDetection: 0 });
+    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-o9GY: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-o9GY)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-o9GY)}"], 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-LuXz: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-LuXz)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-LuXz)}\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-o9GY: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-o9GY)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-o9GY)}\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-eMp6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-eMp6: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-eMp6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-eMp6) 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-bdri: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bdri: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bdri);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bdri) 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-eMp6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-eMp6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-eMp6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-eMp6) 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-bdri: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bdri: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bdri);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bdri) 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-KSOY: 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-hKkj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-hKkj: var(--height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-drawer-hKkj)}[_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-KSOY: 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-hKkj: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-hKkj: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-hKkj)}: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-89H1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-89H1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-89H1: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-89H1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-89H1)}[_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-89H1)}[_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-iyti: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-iyti: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-iyti: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-iyti);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-iyti)}[_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-iyti)}[_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-89H1: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-89H1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-89H1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-89H1);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-89H1)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-89H1)}: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-iyti: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-iyti: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-iyti: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-iyti);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-iyti)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-iyti)}: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-VvIl: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-VvIl: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-VvIl: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);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-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-mq95: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-mq95: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-mq95: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);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-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-mq95);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}"], 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-VvIl: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-VvIl: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-VvIl: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);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-VvIl);height:var(--height-SCOPED-IN-line-overlay-VvIl);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvIl);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-VvIl);--width: var(--width-SCOPED-IN-line-overlay-VvIl);--height: var(--height-SCOPED-IN-line-overlay-VvIl)}\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-mq95: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-mq95: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-mq95: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);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-mq95);height:var(--height-SCOPED-IN-line-overlay-mq95);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-mq95);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-mq95);--width: var(--width-SCOPED-IN-line-overlay-mq95);--height: var(--height-SCOPED-IN-line-overlay-mq95)}\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-77n0: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-77n0: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-77n0);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-77n0);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-77n0) - var(--navigator-height-SCOPED-IN-scroll-77n0));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-2Zh6: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-2Zh6: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-2Zh6);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-2Zh6);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-2Zh6) - var(--navigator-height-SCOPED-IN-scroll-2Zh6));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-77n0: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-77n0: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-77n0);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-77n0);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-77n0) - var(--navigator-height-SCOPED-IN-scroll-77n0));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-2Zh6: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-2Zh6: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-2Zh6);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-2Zh6);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-2Zh6) - var(--navigator-height-SCOPED-IN-scroll-2Zh6));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-Q4Kd: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Q4Kd: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Q4Kd: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Q4Kd);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Q4Kd)}[_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-Q4Kd)}[_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-SF5P: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SF5P: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SF5P: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SF5P);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SF5P)}[_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-SF5P)}[_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-Q4Kd: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Q4Kd: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Q4Kd: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Q4Kd);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Q4Kd)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Q4Kd)}: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-SF5P: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SF5P: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SF5P: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SF5P);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SF5P)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-SF5P)}: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-zP8f: 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-IRzJ: 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-zP8f: 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-IRzJ: 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-URis: 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-E4EU: 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-URis: 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-E4EU: 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/molecules/text-input-field/text-input-field.molecule.mjs

@@ -5,14 +5,80 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@angular/material/form-field";
 import * as i4 from "@angular/material/input";
-function TextInputFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+function TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-hint");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r3.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 4);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_1_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r0.name)("formControl", ctx_r0.control)("placeholder", ctx_r0.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r0.hint);
+    i0.ɵɵtextInterpolate(ctx_r4.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 6);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_2_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r1.name)("formControl", ctx_r1.control)("placeholder", ctx_r1.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r5.hint);
+} }
+function TextInputFieldMolecule_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-form-field", 3)(1, "mat-label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "input", 7);
+    i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_form_field_3_mat_hint_4_Template, 2, 1, "mat-hint", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r2.name)("formControl", ctx_r2.control)("placeholder", ctx_r2.placeholder);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.hint);
 } }
 export class TextInputFieldMolecule {
     constructor() {
@@ -23,24 +89,22 @@ export class TextInputFieldMolecule {
     }
 }
 TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
-TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 5, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "name", "type", "formControl", "placeholder"], [4, "ngIf"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
-        i0.ɵɵtext(2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "input", 1);
-        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
-        i0.ɵɵelementEnd();
+TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 4, vars: 3, consts: [[3, "ngSwitch"], ["appearance", "outline", 4, "ngSwitchDefault"], ["appearance", "outline", 4, "ngSwitchCase"], ["appearance", "outline"], ["matInput", "", "type", "string", 3, "name", "formControl", "placeholder"], [4, "ngIf"], ["matInput", "", "type", "number", 3, "name", "formControl", "placeholder"], ["matInput", "", "type", "password", 3, "name", "formControl", "placeholder"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, TextInputFieldMolecule_mat_form_field_1_Template, 5, 5, "mat-form-field", 1);
+        i0.ɵɵtemplate(2, TextInputFieldMolecule_mat_form_field_2_Template, 5, 5, "mat-form-field", 2);
+        i0.ɵɵtemplate(3, TextInputFieldMolecule_mat_form_field_3_Template, 5, 5, "mat-form-field", 2);
+        i0.ɵɵelementContainerEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("ngSwitch", ctx.type);
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx.label);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("name", ctx.name)("type", ctx.type)("formControl", ctx.control)("placeholder", ctx.placeholder);
+        i0.ɵɵproperty("ngSwitchCase", "number");
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.hint);
-    } }, dependencies: [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngSwitchCase", "password");
+    } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatHint, i3.MatLabel, i4.MatInput], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<!-- ATTENTION(nontangent): <input matInput is not worked [type]=\"type\"> -->\n<ng-container [ngSwitch]=\"type\">\n  <mat-form-field *ngSwitchDefault appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"string\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"number\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n  <mat-form-field *ngSwitchCase=\"'password'\" appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n      <input matInput [name]=\"name\" type=\"password\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n    <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n  </mat-form-field>\n</ng-container>\n", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
     }], null, { type: [{
             type: Input
         }], name: [{
@@ -54,4 +118,4 @@ TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Text
         }], hint: [{
             type: Input
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztJQ0duRCxnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixlQUFVO0lBQVYsaUNBQVU7O0FETW5DLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFVRSxTQUFJLEdBQW1DLE1BQU0sQ0FBQztRQU05QyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBR2hCLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBbUIsQ0FBQztRQUc3QyxnQkFBVyxHQUFHLGFBQWEsQ0FBQztLQUs3Qjs7NEZBcEJZLHNCQUFzQjt5RUFBdEIsc0JBQXNCO1FDVm5DLHlDQUFxQyxnQkFBQTtRQUN4QixZQUFXO1FBQUEsaUJBQVk7UUFDbEMsMkJBQWdHO1FBRWhHLGlGQUE0QztRQUM5QyxpQkFBaUI7O1FBSkosZUFBVztRQUFYLCtCQUFXO1FBQ04sZUFBYTtRQUFiLCtCQUFhLGtCQUFBLDRCQUFBLGdDQUFBO1FBRWxCLGVBQVU7UUFBViwrQkFBVTs7dUZETVYsc0JBQXNCO2NBUGxDLFNBQVM7MkJBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDO2dCQUsvQixJQUFJO2tCQURILEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdtb2xlY3VsZSBmaWVsZCd9LFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICB0eXBlOiAndGV4dCcgfCAnbnVtYmVyJyB8ICdwYXNzd29yZCcgPSAndGV4dCc7XG5cbiAgQElucHV0KClcbiAgbmFtZT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmcgfCBudW1iZXI+KCk7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAncGxhY2Vob2xkZXInO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBzdHJpbmc7XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gIDxpbnB1dCBtYXRJbnB1dCBbbmFtZV09XCJuYW1lXCIgW3R5cGVdPVwidHlwZVwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCI+XG4gIDwhLS0gPG1hdC1pY29uIG1hdFN1ZmZpeD5zZW50aW1lbnRfdmVyeV9zYXRpc2ZpZWQ8L21hdC1pY29uPiAtLT5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiaGludFwiPnt7IGhpbnQgfX08L21hdC1oaW50PlxuPC9tYXQtZm9ybS1maWVsZD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztJQ0tqRCxnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixlQUFVO0lBQVYsaUNBQVU7OztJQUpuQyx5Q0FBc0QsZ0JBQUE7SUFDekMsWUFBVztJQUFBLGlCQUFZO0lBQ2hDLDJCQUFnRztJQUVsRyxrR0FBNEM7SUFDOUMsaUJBQWlCOzs7SUFKSixlQUFXO0lBQVgsa0NBQVc7SUFDSixlQUFhO0lBQWIsa0NBQWEsK0JBQUEsbUNBQUE7SUFFcEIsZUFBVTtJQUFWLGtDQUFVOzs7SUFNckIsZ0NBQXVCO0lBQUEsWUFBVTtJQUFBLGlCQUFXOzs7SUFBckIsZUFBVTtJQUFWLGlDQUFVOzs7SUFKbkMseUNBQThELGdCQUFBO0lBQ2pELFlBQVc7SUFBQSxpQkFBWTtJQUNoQywyQkFBZ0c7SUFFbEcsa0dBQTRDO0lBQzlDLGlCQUFpQjs7O0lBSkosZUFBVztJQUFYLGtDQUFXO0lBQ0osZUFBYTtJQUFiLGtDQUFhLCtCQUFBLG1DQUFBO0lBRXBCLGVBQVU7SUFBVixrQ0FBVTs7O0lBTXJCLGdDQUF1QjtJQUFBLFlBQVU7SUFBQSxpQkFBVzs7O0lBQXJCLGVBQVU7SUFBVixpQ0FBVTs7O0lBSm5DLHlDQUFnRSxnQkFBQTtJQUNuRCxZQUFXO0lBQUEsaUJBQVk7SUFDaEMsMkJBQWtHO0lBRXBHLGtHQUE0QztJQUM5QyxpQkFBaUI7OztJQUpKLGVBQVc7SUFBWCxrQ0FBVztJQUNKLGVBQWE7SUFBYixrQ0FBYSwrQkFBQSxtQ0FBQTtJQUVwQixlQUFVO0lBQVYsa0NBQVU7O0FEUnpCLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFVRSxTQUFJLEdBQW1DLE1BQU0sQ0FBQztRQU05QyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBR2hCLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBbUIsQ0FBQztRQUc3QyxnQkFBVyxHQUFHLGFBQWEsQ0FBQztLQUs3Qjs7NEZBcEJZLHNCQUFzQjt5RUFBdEIsc0JBQXNCO1FDVG5DLGdDQUFnQztRQUM5Qiw2RkFLaUI7UUFDakIsNkZBS2lCO1FBQ2pCLDZGQUtpQjtRQUNuQiwwQkFBZTs7UUFuQkQsbUNBQWlCO1FBT1osZUFBc0I7UUFBdEIsdUNBQXNCO1FBTXRCLGVBQXdCO1FBQXhCLHlDQUF3Qjs7dUZESjlCLHNCQUFzQjtjQVBsQyxTQUFTOzJCQUNFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQztnQkFLL0IsSUFBSTtrQkFESCxLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sT0FBTztrQkFETixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQG5nbmVhdC9yZWFjdGl2ZS1mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10ZXh0LWlucHV0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgZmllbGQnfSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0RmllbGRNb2xlY3VsZSB7XG5cbiAgQElucHV0KClcbiAgdHlwZTogJ3RleHQnIHwgJ251bWJlcicgfCAncGFzc3dvcmQnID0gJ3RleHQnO1xuXG4gIEBJbnB1dCgpXG4gIG5hbWU/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGFiZWwgPSAnbGFiZWwnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nIHwgbnVtYmVyPigpO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJ3BsYWNlaG9sZGVyJztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG59XG4iLCI8IS0tIEFUVEVOVElPTihub250YW5nZW50KTogPGlucHV0IG1hdElucHV0IGlzIG5vdCB3b3JrZWQgW3R5cGVdPVwidHlwZVwiPiAtLT5cbjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgPG1hdC1mb3JtLWZpZWxkICpuZ1N3aXRjaERlZmF1bHQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXQgbWF0SW5wdXQgW25hbWVdPVwibmFtZVwiIHR5cGU9XCJzdHJpbmdcIiBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiPlxuICAgIDwhLS0gPG1hdC1pY29uIG1hdFN1ZmZpeD5zZW50aW1lbnRfdmVyeV9zYXRpc2ZpZWQ8L21hdC1pY29uPiAtLT5cbiAgICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxtYXQtZm9ybS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ251bWJlcidcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICAgIDxpbnB1dCBtYXRJbnB1dCBbbmFtZV09XCJuYW1lXCIgdHlwZT1cIm51bWJlclwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCI+XG4gICAgPCEtLSA8bWF0LWljb24gbWF0U3VmZml4PnNlbnRpbWVudF92ZXJ5X3NhdGlzZmllZDwvbWF0LWljb24+IC0tPlxuICAgIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj57eyBoaW50IH19PC9tYXQtaGludD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1mb3JtLWZpZWxkICpuZ1N3aXRjaENhc2U9XCIncGFzc3dvcmQnXCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXQgbWF0SW5wdXQgW25hbWVdPVwibmFtZVwiIHR5cGU9XCJwYXNzd29yZFwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCI+XG4gICAgPCEtLSA8bWF0LWljb24gbWF0U3VmZml4PnNlbnRpbWVudF92ZXJ5X3NhdGlzZmllZDwvbWF0LWljb24+IC0tPlxuICAgIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj57eyBoaW50IH19PC9tYXQtaGludD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvbmctY29udGFpbmVyPlxuIl19