@ng-atomic/components 4.0.4 → 4.1.1

package/atoms/smart-menu-button/smart-menu-button.atom.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class SmartMenuButtonAtom {
     items: ActionItem[];
     action: EventEmitter<Action<any>>;
+    trackByItemId: (index: number, item: ActionItem) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartMenuButtonAtom, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "items": "items"; }, { "action": "action"; }, never, never, false>;
 }

package/atoms/smart-menu-button/smart-menu-button.atom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smart-menu-button.atom.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAE9D,qBAMa,mBAAmB;IAE9B,KAAK,EAAE,UAAU,EAAE,CAAM;IAGzB,MAAM,4BAA8B;yCALzB,mBAAmB;2CAAnB,mBAAmB;CAM/B"}
+{"version":3,"file":"smart-menu-button.atom.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAE9D,qBAMa,mBAAmB;IAE9B,KAAK,EAAE,UAAU,EAAE,CAAM;IAGzB,MAAM,4BAA8B;IAEpC,aAAa,UAAW,MAAM,QAAQ,UAAU,KAAG,MAAM,CAAY;yCAP1D,mBAAmB;2CAAnB,mBAAmB;CAQ/B"}

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-We3R: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-We3R)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-We3R)}"], changeDetection: 0 });
+    } }, dependencies: [i2.NgIf, i1.MatIcon, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-dM5c: var(--color)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-dM5c)}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]     svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-dM5c)}"], 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-We3R: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-We3R)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-We3R)}\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-dM5c: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-dM5c)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-dM5c)}\n"] }]
     }], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
             type: Input
         }], color: [{

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

@@ -54,10 +54,11 @@ export class SmartMenuButtonAtom {
     constructor() {
         this.items = [];
         this.action = new EventEmitter();
+        this.trackByItemId = (index, item) => item.id;
     }
 }
 SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
-SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) { if (rf & 1) {
+SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 7, vars: 5, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
         i0.ɵɵtemplate(2, SmartMenuButtonAtom_ng_container_2_Template, 4, 1, "ng-container", 1);
@@ -74,14 +75,14 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngSwitchCase", 1);
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, 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%}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackByItemId);
+    } }, 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.OnPush, 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\"\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>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"] }]
     }], null, { items: [{
             type: Input
         }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDOUYsd0JBQStDOzs7O0lBQy9DLDZCQUFnQztJQUM5QixpQ0FBd0Q7SUFBaEMseUtBQVMsZUFBQSxnQ0FBa0IsQ0FBQyxFQUFFLENBQUEsSUFBQztJQUNyRCxnQ0FBVTtJQUFBLFlBQW9CO0lBQUEsaUJBQVcsRUFBQTtJQUU3QywwQkFBZTs7O0lBRkQsZUFBb0I7SUFBcEIsMkVBQW9COzs7SUFJaEMsaUNBQXdFLGVBQUE7SUFDNUQsb0JBQUk7SUFBQSxpQkFBVyxFQUFBOzs7O0lBREgsdUNBQTBCOzs7SUFEcEQsNkJBQStCO0lBQzdCLHlGQUVTO0lBQ1gsMEJBQWU7OztJQUh1QyxlQUFrQjtJQUFsQiwwQ0FBa0I7Ozs7SUFPeEUsaUNBSUM7SUFEQywrTkFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUIsWUFBZTtJQUFBLGlCQUFTOzs7SUFBeEIsZUFBZTtJQUFmLGtDQUFlOztBRFZsQixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUUUsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFHekIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDckM7O3NGQU5ZLG1CQUFtQjtzRUFBbkIsbUJBQW1CO1FDVGhDLGdDQUE4QztRQUM1QyxzRkFBK0M7UUFDL0Msc0ZBSWU7UUFDZixzRkFJZTtRQUNqQiwwQkFBZTtRQUVmLHlDQUEwQjtRQUN4QiwwRUFJeUI7UUFDM0IsaUJBQVc7OztRQXBCRyxrSUFBK0I7UUFDNUIsZUFBZTtRQUFmLGdDQUFlO1FBQ2YsZUFBZTtRQUFmLGdDQUFlO1FBY1gsZUFBUTtRQUFSLG1DQUFROzt1RkRQaEIsbUJBQW1CO2NBTi9CLFNBQVM7MkJBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNO2dCQUkvQyxLQUFLO2tCQURKLEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21zLXNtYXJ0LW1lbnUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LW1lbnUtYnV0dG9uLmF0b20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LW1lbnUtYnV0dG9uLmF0b20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRNZW51QnV0dG9uQXRvbSB7XG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJpdGVtcz8ubGVuZ3RoID8/IDBcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMFwiPjwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIxXCI+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImFjdGlvbi5lbWl0KGl0ZW1zWzBdKVwiPlxuICAgICAgPG1hdC1pY29uPnt7IGl0ZW1zWzBdPy5pY29uIH19PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiICpuZ0lmPVwiaXRlbXMubGVuZ3RoXCI+XG4gICAgICA8bWF0LWljb24+bWVudTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cbiAgPGJ1dHRvbiBcbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgbWF0LW1lbnUtaXRlbSBcbiAgICAoY2xpY2spPVwiYWN0aW9uLmVtaXQoaXRlbSlcIlxuICA+e3sgaXRlbS5uYW1lIH19PC9idXR0b24+XG48L21hdC1tZW51PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDOUYsd0JBQStDOzs7O0lBQy9DLDZCQUFnQztJQUM5QixpQ0FBd0Q7SUFBaEMseUtBQVMsZUFBQSxnQ0FBa0IsQ0FBQyxFQUFFLENBQUEsSUFBQztJQUNyRCxnQ0FBVTtJQUFBLFlBQW9CO0lBQUEsaUJBQVcsRUFBQTtJQUU3QywwQkFBZTs7O0lBRkQsZUFBb0I7SUFBcEIsMkVBQW9COzs7SUFJaEMsaUNBQXdFLGVBQUE7SUFDNUQsb0JBQUk7SUFBQSxpQkFBVyxFQUFBOzs7O0lBREgsdUNBQTBCOzs7SUFEcEQsNkJBQStCO0lBQzdCLHlGQUVTO0lBQ1gsMEJBQWU7OztJQUh1QyxlQUFrQjtJQUFsQiwwQ0FBa0I7Ozs7SUFPeEUsaUNBSUM7SUFEQywrTkFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUIsWUFBZTtJQUFBLGlCQUFTOzs7SUFBeEIsZUFBZTtJQUFmLGtDQUFlOztBRFZsQixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUUUsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFHekIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEMsa0JBQWEsR0FBRyxDQUFDLEtBQWEsRUFBRSxJQUFnQixFQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ3RFOztzRkFSWSxtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1RoQyxnQ0FBOEM7UUFDNUMsc0ZBQStDO1FBQy9DLHNGQUllO1FBQ2Ysc0ZBSWU7UUFDakIsMEJBQWU7UUFFZix5Q0FBMEI7UUFDeEIsMEVBSXlCO1FBQzNCLGlCQUFXOzs7UUFwQkcsa0lBQStCO1FBQzVCLGVBQWU7UUFBZixnQ0FBZTtRQUNmLGVBQWU7UUFBZixnQ0FBZTtRQWNYLGVBQVU7UUFBVixtQ0FBVSxtQ0FBQTs7dUZEUGxCLG1CQUFtQjtjQU4vQixTQUFTOzJCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsT0FBTztnQkFJaEQsS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9tcy1zbWFydC1tZW51LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydE1lbnVCdXR0b25BdG9tIHtcbiAgQElucHV0KClcbiAgaXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICB0cmFja0J5SXRlbUlkID0gKGluZGV4OiBudW1iZXIsIGl0ZW06IEFjdGlvbkl0ZW0pOiBzdHJpbmcgPT4gaXRlbS5pZDtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIml0ZW1zPy5sZW5ndGggPz8gMFwiPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIwXCI+PC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjFcIj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoaXRlbXNbMF0pXCI+XG4gICAgICA8bWF0LWljb24+e3sgaXRlbXNbMF0/Lmljb24gfX08L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgKm5nSWY9XCJpdGVtcy5sZW5ndGhcIj5cbiAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICA8YnV0dG9uIFxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyB0cmFja0J5OiB0cmFja0J5SXRlbUlkXCJcbiAgICBtYXQtbWVudS1pdGVtIFxuICAgIChjbGljayk9XCJhY3Rpb24uZW1pdChpdGVtKVwiXG4gID57eyBpdGVtLm5hbWUgfX08L2J1dHRvbj5cbjwvbWF0LW1lbnU+XG4iXX0=

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-3uLW: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-3uLW: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-3uLW);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-3uLW) 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-rpvw: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-rpvw: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-rpvw);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-rpvw) 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-3uLW: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-3uLW: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-3uLW);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-3uLW) 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-rpvw: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-rpvw: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-rpvw);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-rpvw) 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

@@ -32,10 +32,10 @@ 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-TcjQ: 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-Uuyc: var(--content-width)}[_nghost-%COMP%]   mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (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-TcjQ: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
+        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-Uuyc: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
     }], null, { drawer: [{
             type: ViewChild,
             args: [MatDrawer]

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-AHOt: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-AHOt: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-AHOt: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-AHOt);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-AHOt)}[_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-AHOt)}[_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-47yl: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-47yl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-47yl: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-47yl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-47yl)}[_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-47yl)}[_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-AHOt: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-AHOt: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-AHOt: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-AHOt);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-AHOt)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-AHOt)}: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-47yl: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-47yl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-47yl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-47yl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-47yl)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-47yl)}: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-BwiA: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-BwiA: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-BwiA: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA);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-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-BwiA);--width: var(--width-SCOPED-IN-line-overlay-BwiA);--height: var(--height-SCOPED-IN-line-overlay-BwiA)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-BwiA);--width: var(--width-SCOPED-IN-line-overlay-BwiA);--height: var(--height-SCOPED-IN-line-overlay-BwiA)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
+    } }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-TeaQ: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-TeaQ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-TeaQ: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ);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-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ);overflow:hidden}[_nghost-%COMP%]   .main[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-TeaQ);--width: var(--width-SCOPED-IN-line-overlay-TeaQ);--height: var(--height-SCOPED-IN-line-overlay-TeaQ)}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:auto}[_nghost-%COMP%]   .next[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-TeaQ);--width: var(--width-SCOPED-IN-line-overlay-TeaQ);--height: var(--height-SCOPED-IN-line-overlay-TeaQ)}"], 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-BwiA: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-BwiA: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-BwiA: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA);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-BwiA);height:var(--height-SCOPED-IN-line-overlay-BwiA);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-BwiA);--width: var(--width-SCOPED-IN-line-overlay-BwiA);--height: var(--height-SCOPED-IN-line-overlay-BwiA)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-BwiA);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-BwiA);--width: var(--width-SCOPED-IN-line-overlay-BwiA);--height: var(--height-SCOPED-IN-line-overlay-BwiA)}\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-TeaQ: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-TeaQ: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-TeaQ: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ);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-TeaQ);height:var(--height-SCOPED-IN-line-overlay-TeaQ);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-TeaQ);--width: var(--width-SCOPED-IN-line-overlay-TeaQ);--height: var(--height-SCOPED-IN-line-overlay-TeaQ)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-TeaQ);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-TeaQ);--width: var(--width-SCOPED-IN-line-overlay-TeaQ);--height: var(--height-SCOPED-IN-line-overlay-TeaQ)}\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-jqOv: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-jqOv: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-jqOv);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-jqOv);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-jqOv) - var(--navigator-height-SCOPED-IN-scroll-jqOv));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+    } }, dependencies: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-4F4M: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-4F4M: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-4F4M);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-4F4M);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-4F4M) - var(--navigator-height-SCOPED-IN-scroll-4F4M));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-jqOv: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-jqOv: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-jqOv);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-jqOv);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-jqOv) - var(--navigator-height-SCOPED-IN-scroll-jqOv));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-4F4M: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-4F4M: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-4F4M);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-4F4M);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-4F4M) - var(--navigator-height-SCOPED-IN-scroll-4F4M));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-yYE7: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-yYE7: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-yYE7: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-yYE7);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-yYE7)}[_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-yYE7)}[_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-Ptij: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Ptij: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Ptij: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Ptij);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Ptij)}[_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-Ptij)}[_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-yYE7: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-yYE7: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-yYE7: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-yYE7);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-yYE7)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-yYE7)}: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-Ptij: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Ptij: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Ptij: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-Ptij);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Ptij)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Ptij)}: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/actions-column/actions-column.molecule.mjs

@@ -15,15 +15,16 @@ function ActionsColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("action", function ActionsColumnMolecule_td_2_Template_atoms_smart_menu_button_action_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.action.emit({ id: $event.id, payload: item_r2 })); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    const item_r2 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("items", ctx_r1.items);
+    i0.ɵɵproperty("items", ctx_r1.itemActions(item_r2));
 } }
 export class ActionsColumnMolecule {
     constructor(_table, _options) {
         this._table = _table;
         this._options = _options;
-        this.items = [];
+        this.itemActions = () => [];
         this.action = new EventEmitter();
         this._options ?? (this._options = {});
     }
@@ -63,7 +64,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
-    } }, inputs: { name: "name", items: "items" }, outputs: { action: "action" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "items", "action"]], template: function ActionsColumnMolecule_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { name: "name", itemActions: "itemActions" }, outputs: { action: "action" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "items", "action"]], template: function ActionsColumnMolecule_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
         i0.ɵɵtemplate(2, ActionsColumnMolecule_td_2_Template, 2, 1, "td", 2);
@@ -71,7 +72,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
     } }, dependencies: [i2.MatHeaderCellDef, i2.MatColumnDef, i2.MatCellDef, i2.MatHeaderCell, i2.MatCell, i3.SmartMenuButtonAtom], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
         type: Component,
-        args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit({id: $event.id, payload: item})\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n" }]
+        args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [items]=\"itemActions(item)\"\n      (action)=\"action.emit({id: $event.id, payload: item})\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n" }]
     }], function () { return [{ type: i1.CdkTable, decorators: [{
                 type: Optional
             }] }, { type: undefined, decorators: [{
@@ -81,7 +82,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
                 args: [TEXT_COLUMN_OPTIONS]
             }] }]; }, { name: [{
             type: Input
-        }], items: [{
+        }], itemActions: [{
             type: Input
         }], action: [{
             type: Output
@@ -95,4 +96,4 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
             type: ViewChild,
             args: [CdkHeaderCellDef, { static: true }]
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy9hY3Rpb25zLWNvbHVtbi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2FjdGlvbnMtY29sdW1uL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFxQixtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xJLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0E5SSw2QkFBc0M7SUFBQSw0QkFBRTtJQUFBLGlCQUFLOzs7O0lBQzdDLDZCQUFvQyxpQ0FBQTtJQUdoQyxxUEFBVSxlQUFBLHVEQUEyQyxDQUFBLElBQUM7SUFDdkQsaUJBQTBCLEVBQUE7OztJQUZ6QixlQUFlO0lBQWYsb0NBQWU7O0FET3JCLE1BQU0sT0FBTyxxQkFBcUI7SUEwQmhDLFlBQ3NCLE1BQW1CLEVBQ1UsUUFBOEI7UUFEM0QsV0FBTSxHQUFOLE1BQU0sQ0FBYTtRQUNVLGFBQVEsR0FBUixRQUFRLENBQXNCO1FBaEJqRixVQUFLLEdBQWlCLEVBQUUsQ0FBQztRQUd6QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQWVsQyxJQUFJLENBQUMsUUFBUSxLQUFiLElBQUksQ0FBQyxRQUFRLEdBQUssRUFBRSxFQUFDO0lBQ3ZCLENBQUM7SUE5QkQsSUFDSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFJLElBQUksQ0FBQyxJQUFZO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUF5QkQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBRTFCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDaEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUM1QyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUM3QztJQUNILENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7U0FDakM7SUFDSCxDQUFDOzswRkFyRFUscUJBQXFCLDZEQTRCVixtQkFBbUI7d0VBNUI5QixxQkFBcUI7dUJBaUJyQixZQUFZO3VCQUdaLFVBQVU7dUJBR1YsZ0JBQWdCOzs7Ozs7O1FDbEM3QixnQ0FBMkI7UUFDekIsb0VBQTZDO1FBQzdDLG9FQUtLO1FBQ1AsMEJBQWU7O3VGREdGLHFCQUFxQjtjQVBqQyxTQUFTOzJCQUNFLDBCQUEwQixpQkFHckIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsT0FBTzs7c0JBNkI3QyxRQUFROztzQkFDUixRQUFROztzQkFBSSxNQUFNO3VCQUFDLG1CQUFtQjt3QkExQnJDLElBQUk7a0JBRFAsS0FBSztZQVdOLEtBQUs7a0JBREosS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTTtZQUlQLFNBQVM7a0JBRFIsU0FBUzttQkFBQyxZQUFZLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO1lBSXZDLElBQUk7a0JBREgsU0FBUzttQkFBQyxVQUFVLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO1lBSXJDLFVBQVU7a0JBRFQsU0FBUzttQkFBQyxnQkFBZ0IsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtDZWxsRGVmLCBDZGtDb2x1bW5EZWYsIENka0hlYWRlckNlbGxEZWYsIENka1RhYmxlLCBUZXh0Q29sdW1uT3B0aW9ucywgVEVYVF9DT0xVTU5fT1BUSU9OUyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90YWJsZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1hY3Rpb25zLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbnNDb2x1bW5Nb2xlY3VsZTxUPiB7XG4gIEBJbnB1dCgpXG4gIGdldCBuYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX25hbWU7XG4gIH1cbiAgc2V0IG5hbWUobmFtZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fbmFtZSA9IG5hbWU7XG4gICAgdGhpcy5fc3luY0NvbHVtbkRlZk5hbWUoKTtcbiAgfVxuICBfbmFtZSE6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBWaWV3Q2hpbGQoQ2RrQ29sdW1uRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgY29sdW1uRGVmITogQ2RrQ29sdW1uRGVmO1xuICBcbiAgQFZpZXdDaGlsZChDZGtDZWxsRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgY2VsbCE6IENka0NlbGxEZWY7XG5cbiAgQFZpZXdDaGlsZChDZGtIZWFkZXJDZWxsRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgaGVhZGVyQ2VsbCE6IENka0hlYWRlckNlbGxEZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgcHJpdmF0ZSBfdGFibGU6IENka1RhYmxlPFQ+LFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoVEVYVF9DT0xVTU5fT1BUSU9OUykgcHJpdmF0ZSBfb3B0aW9uczogVGV4dENvbHVtbk9wdGlvbnM8VD4sXG4gICkge1xuICAgIHRoaXMuX29wdGlvbnMgPz89IHt9O1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fc3luY0NvbHVtbkRlZk5hbWUoKTtcblxuICAgIGlmICh0aGlzLl90YWJsZSkge1xuICAgICAgdGhpcy5jb2x1bW5EZWYuY2VsbCA9IHRoaXMuY2VsbDtcbiAgICAgIHRoaXMuY29sdW1uRGVmLmhlYWRlckNlbGwgPSB0aGlzLmhlYWRlckNlbGw7XG4gICAgICB0aGlzLl90YWJsZS5hZGRDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLl90YWJsZSkge1xuICAgICAgdGhpcy5fdGFibGUucmVtb3ZlQ29sdW1uRGVmKHRoaXMuY29sdW1uRGVmKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zeW5jQ29sdW1uRGVmTmFtZSgpIHtcbiAgICBpZiAodGhpcy5jb2x1bW5EZWYpIHtcbiAgICAgIHRoaXMuY29sdW1uRGVmLm5hbWUgPSB0aGlzLm5hbWU7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj7mk43kvZw8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoe2lkOiAkZXZlbnQuaWQsIHBheWxvYWQ6IGl0ZW19KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvdGQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy9hY3Rpb25zLWNvbHVtbi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2FjdGlvbnMtY29sdW1uL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFxQixtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xJLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0E5SSw2QkFBc0M7SUFBQSw0QkFBRTtJQUFBLGlCQUFLOzs7O0lBQzdDLDZCQUFvQyxpQ0FBQTtJQUdoQyxxUEFBVSxlQUFBLHVEQUEyQyxDQUFBLElBQUM7SUFDdkQsaUJBQTBCLEVBQUE7Ozs7SUFGekIsZUFBMkI7SUFBM0IsbURBQTJCOztBRE9qQyxNQUFNLE9BQU8scUJBQXFCO0lBMEJoQyxZQUNzQixNQUFtQixFQUNVLFFBQThCO1FBRDNELFdBQU0sR0FBTixNQUFNLENBQWE7UUFDVSxhQUFRLEdBQVIsUUFBUSxDQUFzQjtRQWhCakYsZ0JBQVcsR0FBOEIsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBR2xELFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBZWxDLElBQUksQ0FBQyxRQUFRLEtBQWIsSUFBSSxDQUFDLFFBQVEsR0FBSyxFQUFFLEVBQUM7SUFDdkIsQ0FBQztJQTlCRCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLElBQVk7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQXlCRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFFMUIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztZQUNoQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQzVDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztTQUNqQztJQUNILENBQUM7OzBGQXJEVSxxQkFBcUIsNkRBNEJWLG1CQUFtQjt3RUE1QjlCLHFCQUFxQjt1QkFpQnJCLFlBQVk7dUJBR1osVUFBVTt1QkFHVixnQkFBZ0I7Ozs7Ozs7UUNsQzdCLGdDQUEyQjtRQUN6QixvRUFBNkM7UUFDN0Msb0VBS0s7UUFDUCwwQkFBZTs7dUZER0YscUJBQXFCO2NBUGpDLFNBQVM7MkJBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxPQUFPOztzQkE2QjdDLFFBQVE7O3NCQUNSLFFBQVE7O3NCQUFJLE1BQU07dUJBQUMsbUJBQW1CO3dCQTFCckMsSUFBSTtrQkFEUCxLQUFLO1lBV04sV0FBVztrQkFEVixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNO1lBSVAsU0FBUztrQkFEUixTQUFTO21CQUFDLFlBQVksRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7WUFJdkMsSUFBSTtrQkFESCxTQUFTO21CQUFDLFVBQVUsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7WUFJckMsVUFBVTtrQkFEVCxTQUFTO21CQUFDLGdCQUFnQixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0NlbGxEZWYsIENka0NvbHVtbkRlZiwgQ2RrSGVhZGVyQ2VsbERlZiwgQ2RrVGFibGUsIFRleHRDb2x1bW5PcHRpb25zLCBURVhUX0NPTFVNTl9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbHVtbk1vbGVjdWxlPFQ+IHtcbiAgQElucHV0KClcbiAgZ2V0IG5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fbmFtZTtcbiAgfVxuICBzZXQgbmFtZShuYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9uYW1lID0gbmFtZTtcbiAgICB0aGlzLl9zeW5jQ29sdW1uRGVmTmFtZSgpO1xuICB9XG4gIF9uYW1lITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1BY3Rpb25zOiAoaXRlbTogVCkgPT4gQWN0aW9uSXRlbVtdID0gKCkgPT4gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBWaWV3Q2hpbGQoQ2RrQ29sdW1uRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgY29sdW1uRGVmITogQ2RrQ29sdW1uRGVmO1xuICBcbiAgQFZpZXdDaGlsZChDZGtDZWxsRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgY2VsbCE6IENka0NlbGxEZWY7XG5cbiAgQFZpZXdDaGlsZChDZGtIZWFkZXJDZWxsRGVmLCB7c3RhdGljOiB0cnVlfSlcbiAgaGVhZGVyQ2VsbCE6IENka0hlYWRlckNlbGxEZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgcHJpdmF0ZSBfdGFibGU6IENka1RhYmxlPFQ+LFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoVEVYVF9DT0xVTU5fT1BUSU9OUykgcHJpdmF0ZSBfb3B0aW9uczogVGV4dENvbHVtbk9wdGlvbnM8VD4sXG4gICkge1xuICAgIHRoaXMuX29wdGlvbnMgPz89IHt9O1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5fc3luY0NvbHVtbkRlZk5hbWUoKTtcblxuICAgIGlmICh0aGlzLl90YWJsZSkge1xuICAgICAgdGhpcy5jb2x1bW5EZWYuY2VsbCA9IHRoaXMuY2VsbDtcbiAgICAgIHRoaXMuY29sdW1uRGVmLmhlYWRlckNlbGwgPSB0aGlzLmhlYWRlckNlbGw7XG4gICAgICB0aGlzLl90YWJsZS5hZGRDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLl90YWJsZSkge1xuICAgICAgdGhpcy5fdGFibGUucmVtb3ZlQ29sdW1uRGVmKHRoaXMuY29sdW1uRGVmKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zeW5jQ29sdW1uRGVmTmFtZSgpIHtcbiAgICBpZiAodGhpcy5jb2x1bW5EZWYpIHtcbiAgICAgIHRoaXMuY29sdW1uRGVmLm5hbWUgPSB0aGlzLm5hbWU7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj7mk43kvZw8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgW2l0ZW1zXT1cIml0ZW1BY3Rpb25zKGl0ZW0pXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoe2lkOiAkZXZlbnQuaWQsIHBheWxvYWQ6IGl0ZW19KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvdGQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

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-IYDS: 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-BqxK: 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-IYDS: 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-BqxK: 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-tAYR: 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-2h5D: 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-tAYR: 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-2h5D: 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,42 +1,74 @@
-import { NgModule } from '@angular/core';
+import { NgModule, Pipe } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ClipboardModule } from '@angular/cdk/clipboard';
+import { MatButtonModule } from '@angular/material/button';
 import { MatTableModule } from '@angular/material/table';
 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 * 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)(); };
 SmartColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartColumnModule, bootstrap: [SmartColumnMolecule] });
 SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        ClipboardModule,
         // Pipes
         SmartExpModule,
         // Materials
+        MatButtonModule,
         MatIconModule,
-        MatTableModule] });
+        MatTableModule,
+        MatTooltipModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnModule, [{
         type: NgModule,
         args: [{
                 declarations: [
                     SmartColumnMolecule,
+                    DataAccessorPipe,
                 ],
                 imports: [
                     CommonModule,
+                    ClipboardModule,
                     // Pipes
                     SmartExpModule,
                     // Materials
+                    MatButtonModule,
                     MatIconModule,
                     MatTableModule,
+                    MatTooltipModule,
                 ],
                 exports: [SmartColumnMolecule],
                 bootstrap: [SmartColumnMolecule],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule, DataAccessorPipe], imports: [CommonModule,
+        ClipboardModule,
         // Pipes
         SmartExpModule,
         // Materials
+        MatButtonModule,
         MatIconModule,
-        MatTableModule], exports: [SmartColumnMolecule] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGlCQUFpQjs7a0ZBQWpCLGlCQUFpQjttRUFBakIsaUJBQWlCLGNBRmhCLG1CQUFtQjt1RUFSN0IsWUFBWTtRQUNaLFFBQVE7UUFDUixjQUFjO1FBQ2QsWUFBWTtRQUNaLGFBQWE7UUFDYixjQUFjO3VGQUtMLGlCQUFpQjtjQWY3QixRQUFRO2VBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLG1CQUFtQjtpQkFDcEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osUUFBUTtvQkFDUixjQUFjO29CQUNkLFlBQVk7b0JBQ1osYUFBYTtvQkFDYixjQUFjO2lCQUNmO2dCQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2dCQUM5QixTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNqQzs7d0ZBQ1ksaUJBQWlCLG1CQWIxQixtQkFBbUIsYUFHbkIsWUFBWTtRQUNaLFFBQVE7UUFDUixjQUFjO1FBQ2QsWUFBWTtRQUNaLGFBQWE7UUFDYixjQUFjLGFBRU4sbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUYWJsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IFNtYXJ0RXhwTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvc21hcnQtZXhwJztcbmltcG9ydCB7IFNtYXJ0Q29sdW1uTW9sZWN1bGUgfSBmcm9tICcuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU21hcnRDb2x1bW5Nb2xlY3VsZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBQaXBlc1xuICAgIFNtYXJ0RXhwTW9kdWxlLFxuICAgIC8vIE1hdGVyaWFsc1xuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTbWFydENvbHVtbk1vbGVjdWxlXSxcbiAgYm9vdHN0cmFwOiBbU21hcnRDb2x1bW5Nb2xlY3VsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9kdWxlIHsgfVxuIl19
+        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

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

@@ -1,13 +1,6 @@
 import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';
 import { MatTextColumn } from '@angular/material/table';
-// TODO(nontangent): 依存を引き剥がす
-import { toObject } from '@ng-atomic/common/utils';
-import { flatten } from 'flat';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/table";
-import * as i4 from "@ng-atomic/common/pipes/smart-exp";
 function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon", 7);
     i0.ɵɵtext(1, "south");
@@ -43,40 +36,52 @@ function SmartColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngSwitchCase", "desc");
 } }
 function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 8)(1, "p", 9);
-    i0.ɵɵtext(2);
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 8)(1, "p", 9, 10);
+    i0.ɵɵlistener("click", function SmartColumnMolecule_td_2_Template_p_click_1_listener() { i0.ɵɵrestoreView(_r9); const _r7 = i0.ɵɵreference(2); const ctx_r8 = i0.ɵɵnextContext(); ctx_r8.copied(); return i0.ɵɵresetView(_r7.show()); });
     i0.ɵɵpipe(3, "smartExp");
+    i0.ɵɵpipe(4, "dataAccessor");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "smartExp");
+    i0.ɵɵpipe(7, "dataAccessor");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const data_r6 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("text-align", ctx_r1.justify);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 3, ctx_r1.dataAccessor(data_r6, ctx_r1.name), ctx_r1.name));
+    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), " ");
 } }
 export class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
-        this.dataAccessor = (data, name) => {
-            return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];
+        this.dataAccessor = () => {
+            throw new Error('dataAccessor is not allowed');
         };
         this.sort = 'none';
         this.headerClick = new EventEmitter();
+        this.text = 'copy';
+    }
+    copied() {
+        this.text = 'copied!';
+        setTimeout(() => this.text = 'copy', 1000);
     }
 }
 SmartColumnMolecule.ɵfac = /*@__PURE__*/ function () { let ɵSmartColumnMolecule_BaseFactory; return function SmartColumnMolecule_Factory(t) { return (ɵSmartColumnMolecule_BaseFactory || (ɵSmartColumnMolecule_BaseFactory = i0.ɵɵgetInheritedFactory(SmartColumnMolecule)))(t || SmartColumnMolecule); }; }();
-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", ""], [1, "nowrap"]], template: function SmartColumnMolecule_Template(rf, ctx) { if (rf & 1) {
+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, 4, 6, "td", 2);
+        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 8, 17, "td", 2);
         i0.ɵɵelementContainerEnd();
-    } }, dependencies: [i1.NgSwitch, i1.NgSwitchCase, i2.MatIcon, i3.MatHeaderCellDef, i3.MatColumnDef, i3.MatCellDef, i3.MatHeaderCell, i3.MatCell, i4.SmartExpPipe], 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 });
+    } }, 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\">{{dataAccessor(data, name) | smartExp:name}}</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 | 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"] }]
     }], null, { sort: [{
             type: Input
         }], headerClick: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCw2QkFBNkI7QUFDN0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7SUNNdkIsbUNBQThDO0lBQUEscUJBQUs7SUFBQSxpQkFBVzs7O0lBQzlELG1DQUErQztJQUFBLHFCQUFLO0lBQUEsaUJBQVc7Ozs7SUFWckUsNkJBS0M7SUFEQywySkFBUyxlQUFBLHlCQUFrQixDQUFBLElBQUM7SUFFNUIsNEJBQThELFdBQUE7SUFDdEQsWUFBYztJQUFBLGlCQUFPO0lBQzNCLGdDQUFnQztJQUM5QixtRkFBOEQ7SUFDOUQsbUZBQStEO0lBQ2pFLDBCQUFlO0lBQ2pCLGlCQUFJLEVBQUE7OztJQVRKLDRDQUE0QjtJQUlwQixlQUFjO0lBQWQsdUNBQWM7SUFDTixlQUFpQjtJQUFqQixzQ0FBaUI7SUFDSixlQUFtQjtJQUFuQixvQ0FBbUI7SUFDbkIsZUFBb0I7SUFBcEIscUNBQW9COzs7SUFJbkQsNkJBQWlFLFdBQUE7SUFDN0MsWUFBNEM7O0lBQUEsaUJBQUksRUFBQTs7OztJQURoQyw0Q0FBNEI7SUFDNUMsZUFBNEM7SUFBNUMsa0dBQTRDOztBREhsRSxNQUFNLE9BQU8sbUJBQXVCLFNBQVEsYUFBZ0I7SUFQNUQ7O1FBUVcsaUJBQVksR0FBRyxDQUFDLElBQVMsRUFBRSxJQUFZLEVBQVUsRUFBRTtZQUMxRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBYyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxRixDQUFDLENBQUE7UUFHRCxTQUFJLEdBQTRCLE1BQU0sQ0FBQztRQUd2QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FFeEM7O3VQQVhZLG1CQUFtQixTQUFuQixtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ2JoQyxnQ0FBMkI7UUFDekIsa0VBYUs7UUFDTCxrRUFFSztRQUNQLDBCQUFlOzt1RkRMRixtQkFBbUI7Y0FQL0IsU0FBUzsyQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE9BQU87Z0JBUWhELElBQUk7a0JBREgsS0FBSztZQUlOLFdBQVc7a0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFRleHRDb2x1bW4gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG4vLyBUT0RPKG5vbnRhbmdlbnQpOiDkvp3lrZjjgpLlvJXjgY3liaXjgYzjgZlcbmltcG9ydCB7IHRvT2JqZWN0IH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vdXRpbHMnO1xuaW1wb3J0IHsgZmxhdHRlbiB9IGZyb20gJ2ZsYXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtc21hcnQtY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtY29sdW1uLm1vbGVjdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydENvbHVtbk1vbGVjdWxlPFQ+IGV4dGVuZHMgTWF0VGV4dENvbHVtbjxUPiB7XG4gIG92ZXJyaWRlIGRhdGFBY2Nlc3NvciA9IChkYXRhOiBhbnksIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgcmV0dXJuIG5hbWUuaW5jbHVkZXMoJy4nKSA/IGZsYXR0ZW48b2JqZWN0LCBhbnk+KHRvT2JqZWN0KGRhdGEpKT8uW25hbWVdIDogZGF0YT8uW25hbWVdO1xuICB9XG4gIFxuICBASW5wdXQoKVxuICBzb3J0OiAnYXNjJyB8ICdkZXNjJyB8ICdub25lJyA9ICdub25lJztcblxuICBAT3V0cHV0KClcbiAgaGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbn1cbiIsIjxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPlxuICA8dGhcbiAgICBtYXQtaGVhZGVyLWNlbGxcbiAgICAqbWF0SGVhZGVyQ2VsbERlZlxuICAgIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIlxuICAgIChjbGljayk9XCJoZWFkZXJDbGljay5lbWl0KClcIlxuICA+XG4gICAgPHAgY2xhc3M9XCJub3dyYXBcIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7XCI+XG4gICAgICA8c3Bhbj57e2hlYWRlclRleHR9fTwvc3Bhbj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInNvcnRcIj5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIiAqbmdTd2l0Y2hDYXNlPVwiJ2FzYydcIj5zb3V0aDwvbWF0LWljb24+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCIgKm5nU3dpdGNoQ2FzZT1cIidkZXNjJ1wiPm5vcnRoPC9tYXQtaWNvbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvcD5cbiAgPC90aD5cbiAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGRhdGFcIiBbc3R5bGUudGV4dC1hbGlnbl09XCJqdXN0aWZ5XCI+XG4gICAgPHAgY2xhc3M9XCJub3dyYXBcIj57e2RhdGFBY2Nlc3NvcihkYXRhLCBuYW1lKSB8IHNtYXJ0RXhwOm5hbWV9fTwvcD5cbiAgPC90ZD5cbjwvbmctY29udGFpbmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUM3SSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztJQ1NoRCxtQ0FBOEM7SUFBQSxxQkFBSztJQUFBLGlCQUFXOzs7SUFDOUQsbUNBQStDO0lBQUEscUJBQUs7SUFBQSxpQkFBVzs7OztJQVZyRSw2QkFLQztJQURDLDJKQUFTLGVBQUEseUJBQWtCLENBQUEsSUFBQztJQUU1Qiw0QkFBOEQsV0FBQTtJQUN0RCxZQUFjO0lBQUEsaUJBQU87SUFDM0IsZ0NBQWdDO0lBQzlCLG1GQUE4RDtJQUM5RCxtRkFBK0Q7SUFDakUsMEJBQWU7SUFDakIsaUJBQUksRUFBQTs7O0lBVEosNENBQTRCO0lBSXBCLGVBQWM7SUFBZCx1Q0FBYztJQUNOLGVBQWlCO0lBQWpCLHNDQUFpQjtJQUNKLGVBQW1CO0lBQW5CLG9DQUFtQjtJQUNuQixlQUFvQjtJQUFwQixxQ0FBb0I7Ozs7SUFJbkQsNkJBQWlFLGVBQUE7SUFHN0Qsa0xBQVMsZUFBUSxTQUFFLGVBQUEsVUFBYyxDQUFBLElBQUM7OztJQUdsQyxZQUNGOzs7SUFBQSxpQkFBSSxFQUFBOzs7O0lBUDhCLDRDQUE0QjtJQUU1RCxlQUErRDtJQUEvRCxrSEFBK0QsMkJBQUE7SUFJL0QsZUFDRjtJQURFLGdIQUNGOztBRFpKLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUFnQjtJQVA1RDs7UUFRVyxpQkFBWSxHQUFHLEdBQVcsRUFBRTtZQUNuQyxNQUFNLElBQUksS0FBSyxDQUFDLDZCQUE2QixDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDO1FBR0YsU0FBSSxHQUE0QixNQUFNLENBQUM7UUFHdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZDLFNBQUksR0FBRyxNQUFNLENBQUM7S0FPZjtJQUxDLE1BQU07UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs7dVBBaEJVLG1CQUFtQixTQUFuQixtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1ZoQyxnQ0FBMkI7UUFDekIsa0VBYUs7UUFDTCxtRUFRSztRQUNQLDBCQUFlOzt1RkRkRixtQkFBbUI7Y0FQL0IsU0FBUzsyQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE9BQU87Z0JBUWhELElBQUk7a0JBREgsS0FBSztZQUlOLFdBQVc7a0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIE9wdGlvbmFsLCBJbmplY3QsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXNtYXJ0LWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRDb2x1bW5Nb2xlY3VsZTxUPiBleHRlbmRzIE1hdFRleHRDb2x1bW48VD4ge1xuICBvdmVycmlkZSBkYXRhQWNjZXNzb3IgPSAoKTogc3RyaW5nID0+IHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ2RhdGFBY2Nlc3NvciBpcyBub3QgYWxsb3dlZCcpO1xuICB9O1xuICBcbiAgQElucHV0KClcbiAgc29ydDogJ2FzYycgfCAnZGVzYycgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgQE91dHB1dCgpXG4gIGhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHRleHQgPSAnY29weSc7XG5cbiAgY29waWVkKCkge1xuICAgIHRoaXMudGV4dCA9ICdjb3BpZWQhJztcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMudGV4dCA9ICdjb3B5JywgMTAwMCk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY+XG4gIDx0aFxuICAgIG1hdC1oZWFkZXItY2VsbFxuICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiXG4gICAgKGNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cbiAgICAgIDxzcGFuPnt7aGVhZGVyVGV4dH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic29ydFwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9tYXQtaWNvbj5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIiAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCI+bm9ydGg8L21hdC1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wPlxuICA8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZGF0YVwiIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIj5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICBbY2RrQ29weVRvQ2xpcGJvYXJkXT1cImRhdGEgfCBkYXRhQWNjZXNzb3I6bmFtZSB8IHNtYXJ0RXhwOm5hbWVcIlxuICAgICAgKGNsaWNrKT1cImNvcGllZCgpOyB0b29sdGlwLnNob3coKVwiXG4gICAgICAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJ0ZXh0XCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYmVsb3dcIlxuICAgID5cbiAgICAgIHt7ZGF0YSB8IGRhdGFBY2Nlc3NvcjpuYW1lIHwgc21hcnRFeHA6bmFtZX19XG4gICAgPC9wPlxuICA8L3RkPlxuPC9uZy1jb250YWluZXI+Il19

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

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

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

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

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

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