npm - @ng-atomic/components - Versions diffs - 3.5.0 → 3.6.0 - Mend

@ng-atomic/components 3.5.0 → 3.6.0

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

Files changed (161) hide show

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

@@ -6,7 +6,7 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "button", 1);
-    i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.actionItemClick.emit([item_r1]); });
+    i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.action.emit(item_r1); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -17,23 +17,23 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf
 } }
 export class ActionButtonsSectionOrganism {
     constructor() {
-        this.actionItems = [];
-        this.actionItemClick = new EventEmitter();
+        this.items = [];
+        this.action = new EventEmitter();
         this.trackById = (item) => item.id;
     }
 }
 ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
+ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { items: "items" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 1, "ng-container", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("ngForOf", ctx.actionItems)("ngForTrackBy", ctx.trackById);
-    } }, directives: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-2bby: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-2bby);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+        i0.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackById);
+    } }, directives: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-gk6G: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-gk6G);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 actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-2bby: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-2bby);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
-    }], null, { actionItems: [{
+        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-gk6G: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-gk6G);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+    }], null, { items: [{
             type: Input
-        }], actionItemClick: [{
+        }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0FoRyw2QkFBbUU7SUFDakUsaUNBQWlGO0lBQXZDLDZPQUFTLHNDQUE0QixJQUFDO0lBQUMsWUFBZ0I7SUFBQSxpQkFBUztJQUM1RywwQkFBZTs7O0lBRG9FLGVBQWdCO0lBQWhCLDJEQUFnQjs7QURTbkcsTUFBTSxPQUFPLDRCQUE0QjtJQVB6QztRQVNFLGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBRW5ELGNBQVMsR0FBRyxDQUFDLElBQWdCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7S0FDM0M7O3dHQVJZLDRCQUE0QjsrRUFBNUIsNEJBQTRCO1FDVnpDLCtGQUVlOztRQUZnQix5Q0FBZ0IsK0JBQUE7O3VGRFVsQyw0QkFBNEI7Y0FQeEMsU0FBUzsyQkFDRSxrQ0FBa0MsbUJBRzNCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsa0JBQWtCLEVBQUM7Z0JBSWpDLFdBQVc7a0JBRFYsS0FBSztZQUlOLGVBQWU7a0JBRGQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b25zLXNlY3Rpb24ub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b25zLXNlY3Rpb24ub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnb3JnYW5pc20gc2VjdGlvbid9LFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtIHtcbiAgQElucHV0KClcbiAgYWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb25JdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFtBY3Rpb25JdGVtXT4oKTtcblxuICB0cmFja0J5SWQgPSAoaXRlbTogQWN0aW9uSXRlbSkgPT4gaXRlbS5pZDtcbn1cbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgYWN0aW9uSXRlbXM7IHRyYWNrQnk6IHRyYWNrQnlJZFwiPlxuICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJhY3Rpb25JdGVtQ2xpY2suZW1pdChbaXRlbV0pXCI+e3sgaXRlbT8ubmFtZSB9fTwvYnV0dG9uPlxuPC9uZy1jb250YWluZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0FoRyw2QkFBNkQ7SUFDM0QsaUNBQXNFO0lBQTVCLDZPQUFTLDJCQUFpQixJQUFDO0lBQUMsWUFBZ0I7SUFBQSxpQkFBUztJQUNqRywwQkFBZTs7O0lBRHlELGVBQWdCO0lBQWhCLDJEQUFnQjs7QURTeEYsTUFBTSxPQUFPLDRCQUE0QjtJQVB6QztRQVNFLFVBQUssR0FBaUIsRUFBRSxDQUFDO1FBR3pCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXBDLGNBQVMsR0FBRyxDQUFDLElBQWdCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7S0FDM0M7O3dHQVJZLDRCQUE0QjsrRUFBNUIsNEJBQTRCO1FDVnpDLCtGQUVlOztRQUZnQixtQ0FBVSwrQkFBQTs7dUZEVTVCLDRCQUE0QjtjQVB4QyxTQUFTOzJCQUNFLGtDQUFrQyxtQkFHM0IsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxrQkFBa0IsRUFBQztnQkFJakMsS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9ucy1zZWN0aW9uLm9yZ2FuaXNtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYnV0dG9ucy1zZWN0aW9uLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ29yZ2FuaXNtIHNlY3Rpb24nfSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSB7XG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgdHJhY2tCeUlkID0gKGl0ZW06IEFjdGlvbkl0ZW0pID0+IGl0ZW0uaWQ7XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyB0cmFja0J5OiB0cmFja0J5SWRcIj5cbiAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiYWN0aW9uLmVtaXQoaXRlbSlcIj57eyBpdGVtPy5uYW1lIH19PC9idXR0b24+XG48L25nLWNvbnRhaW5lcj4iXX0=

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

@@ -16,13 +16,13 @@ function BackNavigatorOrganism_button_2_Template(rf, ctx) { if (rf & 1) {
 export class BackNavigatorOrganism {
     constructor() {
         this.canBack = true;
-        this.actionItems = [];
+        this.items = [];
         this.backButtonClick = new EventEmitter();
-        this.actionItemClick = new EventEmitter();
+        this.action = new EventEmitter();
     }
 }
 BackNavigatorOrganism.ɵfac = function BackNavigatorOrganism_Factory(t) { return new (t || BackNavigatorOrganism)(); };
-BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackNavigatorOrganism, selectors: [["organisms-back-navigator"]], inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, decls: 10, vars: 4, consts: [["color", "primary"], ["mat-icon-button", "", 3, "click", 4, "ngIf"], [1, "text"], [1, "title"], [1, "description"], [3, "actionItems", "actionItemClick"], ["mat-icon-button", "", 3, "click"]], template: function BackNavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
+BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackNavigatorOrganism, selectors: [["organisms-back-navigator"]], inputs: { canBack: "canBack", title: "title", description: "description", items: "items" }, outputs: { backButtonClick: "backButtonClick", action: "action" }, decls: 10, vars: 4, consts: [["color", "primary"], ["mat-icon-button", "", 3, "click", 4, "ngIf"], [1, "text"], [1, "title"], [1, "description"], [3, "items", "action"], ["mat-icon-button", "", 3, "click"]], template: function BackNavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "div");
         i0.ɵɵtemplate(2, BackNavigatorOrganism_button_2_Template, 3, 0, "button", 1);
         i0.ɵɵelementStart(3, "div", 2)(4, "span", 3);
@@ -32,7 +32,7 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
         i0.ɵɵtext(7);
         i0.ɵɵelementEnd()()();
         i0.ɵɵelementStart(8, "div")(9, "atoms-smart-menu-button", 5);
-        i0.ɵɵlistener("actionItemClick", function BackNavigatorOrganism_Template_atoms_smart_menu_button_actionItemClick_9_listener($event) { return ctx.actionItemClick.emit($event); });
+        i0.ɵɵlistener("action", function BackNavigatorOrganism_Template_atoms_smart_menu_button_action_9_listener($event) { return ctx.action.emit($event); });
         i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵadvance(2);
@@ -42,22 +42,22 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate(ctx.description || "");
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.MatToolbar, i2.NgIf, i3.MatButton, i4.MatIcon, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-81Kg: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-81Kg)}[_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 });
+        i0.ɵɵproperty("items", ctx.items);
+    } }, directives: [i1.MatToolbar, i2.NgIf, i3.MatButton, i4.MatIcon, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-RrMU: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-RrMU)}[_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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-81Kg: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-81Kg)}: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-RrMU: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-RrMU)}: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: [{
             type: Input
         }], description: [{
             type: Input
-        }], actionItems: [{
+        }], items: [{
             type: Input
         }], backButtonClick: [{
             type: Output
-        }], actionItemClick: [{
+        }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay1uYXZpZ2F0b3Iub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9iYWNrLW5hdmlnYXRvci9iYWNrLW5hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2JhY2stbmF2aWdhdG9yL2JhY2stbmF2aWdhdG9yLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0lDRTVGLGlDQUF5RTtJQUFqQyxxS0FBUyw2QkFBc0IsSUFBQztJQUN0RSxnQ0FBVTtJQUFBLDBCQUFVO0lBQUEsaUJBQVcsRUFBQTs7QURNckMsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVNFLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFTZixnQkFBVyxHQUFpQixFQUFFLENBQUM7UUFHL0Isb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzNDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7S0FFdkQ7OzBGQXBCWSxxQkFBcUI7d0VBQXJCLHFCQUFxQjtRQ1RsQyxzQ0FBNkIsVUFBQTtRQUV6Qiw0RUFFUztRQUNULDhCQUFrQixjQUFBO1FBQ0ksWUFBaUI7UUFBQSxpQkFBTztRQUM1QywrQkFBMEI7UUFBQSxZQUF1QjtRQUFBLGlCQUFPLEVBQUEsRUFBQTtRQUc1RCwyQkFBSyxpQ0FBQTtRQUdELDZJQUFtQixnQ0FBNEIsSUFBQztRQUNqRCxpQkFBMEIsRUFBQSxFQUFBOztRQVpGLGVBQWE7UUFBYixrQ0FBYTtRQUloQixlQUFpQjtRQUFqQixxQ0FBaUI7UUFDWCxlQUF1QjtRQUF2QiwyQ0FBdUI7UUFLakQsZUFBMkI7UUFBM0IsNkNBQTJCOzt1RkRIcEIscUJBQXFCO2NBTmpDLFNBQVM7MkJBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNO2dCQUsvQyxPQUFPO2tCQUROLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixlQUFlO2tCQURkLE1BQU07WUFJUCxlQUFlO2tCQURkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbkl0ZW0sIEFjdGlvbkl0ZW1FdmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1iYWNrLW5hdmlnYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWNrLW5hdmlnYXRvci5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFjay1uYXZpZ2F0b3Iub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFja05hdmlnYXRvck9yZ2FuaXNtIHtcblxuICBASW5wdXQoKVxuICBjYW5CYWNrID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICB0aXRsZT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBhY3Rpb25JdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uSXRlbUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb25JdGVtRXZlbnQ+KCk7XG5cbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgPGRpdj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAqbmdJZj1cImNhbkJhY2tcIiAoY2xpY2spPVwiYmFja0J1dHRvbkNsaWNrLmVtaXQoKVwiPlxuICAgICAgPG1hdC1pY29uPmFycm93X2JhY2s8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGUgfHwgJycgfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfHwgJycgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgW2FjdGlvbkl0ZW1zXT1cImFjdGlvbkl0ZW1zXCJcbiAgICAgIChhY3Rpb25JdGVtQ2xpY2spPVwiYWN0aW9uSXRlbUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvZGl2PlxuPC9tYXQtdG9vbGJhcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay1uYXZpZ2F0b3Iub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9iYWNrLW5hdmlnYXRvci9iYWNrLW5hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2JhY2stbmF2aWdhdG9yL2JhY2stbmF2aWdhdG9yLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0lDRTVGLGlDQUF5RTtJQUFqQyxxS0FBUyw2QkFBc0IsSUFBQztJQUN0RSxnQ0FBVTtJQUFBLDBCQUFVO0lBQUEsaUJBQVcsRUFBQTs7QURNckMsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVNFLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFTZixVQUFLLEdBQWlCLEVBQUUsQ0FBQztRQUd6QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHM0MsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FFckM7OzBGQXBCWSxxQkFBcUI7d0VBQXJCLHFCQUFxQjtRQ1RsQyxzQ0FBNkIsVUFBQTtRQUV6Qiw0RUFFUztRQUNULDhCQUFrQixjQUFBO1FBQ0ksWUFBaUI7UUFBQSxpQkFBTztRQUM1QywrQkFBMEI7UUFBQSxZQUF1QjtRQUFBLGlCQUFPLEVBQUEsRUFBQTtRQUc1RCwyQkFBSyxpQ0FBQTtRQUdELDJIQUFVLHVCQUFtQixJQUFDO1FBQy9CLGlCQUEwQixFQUFBLEVBQUE7O1FBWkYsZUFBYTtRQUFiLGtDQUFhO1FBSWhCLGVBQWlCO1FBQWpCLHFDQUFpQjtRQUNYLGVBQXVCO1FBQXZCLDJDQUF1QjtRQUtqRCxlQUFlO1FBQWYsaUNBQWU7O3VGREhSLHFCQUFxQjtjQU5qQyxTQUFTOzJCQUNFLDBCQUEwQixtQkFHbkIsdUJBQXVCLENBQUMsTUFBTTtnQkFLL0MsT0FBTztrQkFETixLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sZUFBZTtrQkFEZCxNQUFNO1lBSVAsTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtYmFjay1uYXZpZ2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFjay1uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhY2stbmF2aWdhdG9yLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhY2tOYXZpZ2F0b3JPcmdhbmlzbSB7XG5cbiAgQElucHV0KClcbiAgY2FuQmFjayA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBiYWNrQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG59XG4iLCI8bWF0LXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCI+XG4gIDxkaXY+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKm5nSWY9XCJjYW5CYWNrXCIgKGNsaWNrKT1cImJhY2tCdXR0b25DbGljay5lbWl0KClcIj5cbiAgICAgIDxtYXQtaWNvbj5hcnJvd19iYWNrPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2IGNsYXNzPVwidGV4dFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIHx8ICcnIH19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJkZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIHx8ICcnIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8YXRvbXMtc21hcnQtbWVudS1idXR0b25cbiAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgID48L2F0b21zLXNtYXJ0LW1lbnUtYnV0dG9uPlxuICA8L2Rpdj5cbjwvbWF0LXRvb2xiYXI+XG4iXX0=

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

@@ -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);
-    } }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-TwXW: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-TwXW);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-s4B2: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-s4B2);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-TwXW: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-TwXW);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-s4B2: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-s4B2);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
     }], null, { control: [{
             type: Input
         }], label: [{

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

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

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

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

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

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

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

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

package/esm2020/organisms/navigator/navigator.organism.mjs CHANGED Viewed

@@ -2,62 +2,57 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/toolbar";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@ng-atomic/components/atoms/smart-menu-button";
-function NavigatorOrganism_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function NavigatorOrganism_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.backButtonClick.emit(); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "arrow_back");
-    i0.ɵɵelementEnd()();
+import * as i3 from "@ng-atomic/components/atoms/smart-menu-button";
+function NavigatorOrganism_atoms_smart_menu_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "atoms-smart-menu-button", 2);
+    i0.ɵɵlistener("action", function NavigatorOrganism_atoms_smart_menu_button_2_Template_atoms_smart_menu_button_action_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.action.emit($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("items", ctx_r0.leftItems);
 } }
+function NavigatorOrganism_atoms_smart_menu_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "atoms-smart-menu-button", 2);
+    i0.ɵɵlistener("action", function NavigatorOrganism_atoms_smart_menu_button_5_Template_atoms_smart_menu_button_action_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.action.emit($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("items", ctx_r1.rightItems);
+} }
+const _c0 = ["*"];
 export class NavigatorOrganism {
     constructor() {
-        this.canBack = true;
-        this.actionItems = [];
-        this.backButtonClick = new EventEmitter();
-        this.actionItemClick = new EventEmitter();
+        this.rightItems = [];
+        this.leftItems = [];
+        this.action = new EventEmitter();
     }
 }
 NavigatorOrganism.ɵfac = function NavigatorOrganism_Factory(t) { return new (t || NavigatorOrganism)(); };
-NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigatorOrganism, selectors: [["organisms-navigator"]], inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, decls: 10, vars: 4, consts: [["color", "primary"], ["mat-icon-button", "", 3, "click", 4, "ngIf"], [1, "text"], [1, "title"], [1, "description"], [3, "actionItems", "actionItemClick"], ["mat-icon-button", "", 3, "click"]], template: function NavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
+NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigatorOrganism, selectors: [["organisms-navigator"]], inputs: { rightItems: "rightItems", leftItems: "leftItems" }, outputs: { action: "action" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [["color", "primary"], [3, "items", "action", 4, "ngIf"], [3, "items", "action"]], template: function NavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "div");
-        i0.ɵɵtemplate(2, NavigatorOrganism_button_2_Template, 3, 0, "button", 1);
-        i0.ɵɵelementStart(3, "div", 2)(4, "span", 3);
-        i0.ɵɵtext(5);
+        i0.ɵɵtemplate(2, NavigatorOrganism_atoms_smart_menu_button_2_Template, 1, 1, "atoms-smart-menu-button", 1);
+        i0.ɵɵprojection(3);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "span", 4);
-        i0.ɵɵtext(7);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(8, "div")(9, "atoms-smart-menu-button", 5);
-        i0.ɵɵlistener("actionItemClick", function NavigatorOrganism_Template_atoms_smart_menu_button_actionItemClick_9_listener($event) { return ctx.actionItemClick.emit($event); });
-        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(4, "div");
+        i0.ɵɵtemplate(5, NavigatorOrganism_atoms_smart_menu_button_5_Template, 1, 1, "atoms-smart-menu-button", 1);
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.canBack);
+        i0.ɵɵproperty("ngIf", ctx.leftItems.length);
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(ctx.title || "");
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx.description || "");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.MatToolbar, i2.NgIf, i3.MatButton, i4.MatIcon, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-rfcI: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-rfcI)}[_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 });
+        i0.ɵɵproperty("ngIf", ctx.rightItems.length);
+    } }, directives: [i1.MatToolbar, i2.NgIf, i3.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-e5uk: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-e5uk)}[_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(NavigatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-rfcI: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-rfcI)}: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: [{
+        args: [{ selector: 'organisms-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"leftItems.length\"\n      [items]=\"leftItems\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"rightItems.length\"\n      [items]=\"rightItems\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-e5uk: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-e5uk)}: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, { rightItems: [{
             type: Input
-        }], title: [{
+        }], leftItems: [{
             type: Input
-        }], description: [{
-            type: Input
-        }], actionItems: [{
-            type: Input
-        }], backButtonClick: [{
-            type: Output
-        }], actionItemClick: [{
+        }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdG9yL25hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRvci9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7SUNFNUYsaUNBQXlFO0lBQWpDLGlLQUFTLDZCQUFzQixJQUFDO0lBQ3RFLGdDQUFVO0lBQUEsMEJBQVU7SUFBQSxpQkFBVyxFQUFBOztBRE1yQyxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBU0UsWUFBTyxHQUFHLElBQUksQ0FBQztRQVNmLGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHM0Msb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQztLQUV2RDs7a0ZBcEJZLGlCQUFpQjtvRUFBakIsaUJBQWlCO1FDVDlCLHNDQUE2QixVQUFBO1FBRXpCLHdFQUVTO1FBQ1QsOEJBQWtCLGNBQUE7UUFDSSxZQUFpQjtRQUFBLGlCQUFPO1FBQzVDLCtCQUEwQjtRQUFBLFlBQXVCO1FBQUEsaUJBQU8sRUFBQSxFQUFBO1FBRzVELDJCQUFLLGlDQUFBO1FBR0QseUlBQW1CLGdDQUE0QixJQUFDO1FBQ2pELGlCQUEwQixFQUFBLEVBQUE7O1FBWkYsZUFBYTtRQUFiLGtDQUFhO1FBSWhCLGVBQWlCO1FBQWpCLHFDQUFpQjtRQUNYLGVBQXVCO1FBQXZCLDJDQUF1QjtRQUtqRCxlQUEyQjtRQUEzQiw2Q0FBMkI7O3VGREhwQixpQkFBaUI7Y0FON0IsU0FBUzsyQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtnQkFLL0MsT0FBTztrQkFETixLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sZUFBZTtrQkFEZCxNQUFNO1lBSVAsZUFBZTtrQkFEZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25JdGVtLCBBY3Rpb25JdGVtRXZlbnQgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtbmF2aWdhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRvci5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdG9yLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRvck9yZ2FuaXNtIHtcblxuICBASW5wdXQoKVxuICBjYW5CYWNrID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICB0aXRsZT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBhY3Rpb25JdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uSXRlbUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb25JdGVtRXZlbnQ+KCk7XG5cbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgPGRpdj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAqbmdJZj1cImNhbkJhY2tcIiAoY2xpY2spPVwiYmFja0J1dHRvbkNsaWNrLmVtaXQoKVwiPlxuICAgICAgPG1hdC1pY29uPmFycm93X2JhY2s8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGUgfHwgJycgfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfHwgJycgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgW2FjdGlvbkl0ZW1zXT1cImFjdGlvbkl0ZW1zXCJcbiAgICAgIChhY3Rpb25JdGVtQ2xpY2spPVwiYWN0aW9uSXRlbUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvZGl2PlxuPC9tYXQtdG9vbGJhcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdG9yL25hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRvci9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDRTVGLGtEQUlDO0lBREMsMk1BQVUsMEJBQW1CLElBQUM7SUFDL0IsaUJBQTBCOzs7SUFGekIsd0NBQW1COzs7O0lBTXJCLGtEQUlDO0lBREMsMk1BQVUsMEJBQW1CLElBQUM7SUFDL0IsaUJBQTBCOzs7SUFGekIseUNBQW9COzs7QURIMUIsTUFBTSxPQUFPLGlCQUFpQjtJQU45QjtRQVFFLGVBQVUsR0FBaUIsRUFBRSxDQUFDO1FBRzlCLGNBQVMsR0FBaUIsRUFBRSxDQUFDO1FBRzdCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBQ3JDOztrRkFUWSxpQkFBaUI7b0VBQWpCLGlCQUFpQjs7UUNUOUIsc0NBQTZCLFVBQUE7UUFFekIsMEdBSTJCO1FBQzNCLGtCQUF5QjtRQUMzQixpQkFBTTtRQUNOLDJCQUFLO1FBQ0gsMEdBSTJCO1FBQzdCLGlCQUFNLEVBQUE7O1FBWkQsZUFBc0I7UUFBdEIsMkNBQXNCO1FBUXRCLGVBQXVCO1FBQXZCLDRDQUF1Qjs7dUZERmpCLGlCQUFpQjtjQU43QixTQUFTOzJCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNO2dCQUkvQyxVQUFVO2tCQURULEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1uYXZpZ2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdG9yLm9yZ2FuaXNtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0b3Iub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdG9yT3JnYW5pc20ge1xuICBASW5wdXQoKVxuICByaWdodEl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBsZWZ0SXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcbn1cbiIsIjxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgPGRpdj5cbiAgICA8YXRvbXMtc21hcnQtbWVudS1idXR0b25cbiAgICAgICpuZ0lmPVwibGVmdEl0ZW1zLmxlbmd0aFwiXG4gICAgICBbaXRlbXNdPVwibGVmdEl0ZW1zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8YXRvbXMtc21hcnQtbWVudS1idXR0b25cbiAgICAgICpuZ0lmPVwicmlnaHRJdGVtcy5sZW5ndGhcIlxuICAgICAgW2l0ZW1zXT1cInJpZ2h0SXRlbXNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9hdG9tcy1zbWFydC1tZW51LWJ1dHRvbj5cbiAgPC9kaXY+XG48L21hdC10b29sYmFyPlxuIl19

package/esm2020/organisms/paginator/paginator.organism.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ export class PaginatorOrganism {
     }
 }
 PaginatorOrganism.ɵfac = function PaginatorOrganism_Factory(t) { return new (t || PaginatorOrganism)(); };
-PaginatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginatorOrganism, selectors: [["organisms-paginator"]], hostAttrs: [1, "organism"], inputs: { control: "control", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, decls: 3, vars: 6, consts: [["horizontal", ""], [3, "control", "appearance", "placeholder"], ["aria-label", "Select page", 3, "length", "pageSize", "pageSizeOptions", "page"]], template: function PaginatorOrganism_Template(rf, ctx) { if (rf & 1) {
+PaginatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginatorOrganism, selectors: [["organisms-paginator"]], hostAttrs: [1, "organism"], inputs: { control: "control", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, decls: 3, vars: 9, consts: [["horizontal", ""], [3, "appearance", "control", "floatLabel", "label", "hint", "placeholder"], ["aria-label", "Select page", 3, "length", "pageSize", "pageSizeOptions", "page"]], template: function PaginatorOrganism_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "frames-auto-layout", 0);
         i0.ɵɵelement(1, "molecules-chips-input-field", 1);
         i0.ɵɵelementStart(2, "mat-paginator", 2);
@@ -22,13 +22,13 @@ PaginatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Paginator
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("control", ctx.control)("appearance", "legacy")("placeholder", ctx.placeholder);
+        i0.ɵɵproperty("appearance", "legacy")("control", ctx.control)("floatLabel", "always")("label", "")("hint", "")("placeholder", ctx.placeholder);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("length", ctx.page.length)("pageSize", ctx.page.pageSize)("pageSizeOptions", ctx.pageSizeOptions);
-    } }, directives: [i1.AutoLayoutFrame, i2.ChipsInputFieldMolecule, i3.MatPaginator], styles: ["[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--vertical-padding: 0;justify-content:space-between}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   molecules-chips-input-field[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   mat-paginator[_ngcontent-%COMP%]{min-width:400px}"], changeDetection: 0 });
+    } }, directives: [i1.AutoLayoutFrame, i2.ChipsInputFieldMolecule, i3.MatPaginator], styles: ["[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--vertical-padding: 0;justify-content:space-between}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   molecules-chips-input-field[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   mat-paginator[_ngcontent-%COMP%]{min-width:440px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-paginator', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [appearance]=\"'legacy'\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n", styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:400px}\n"] }]
+        args: [{ selector: 'organisms-paginator', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [appearance]=\"'legacy'\"\n    [control]=\"control\"\n    [floatLabel]=\"'always'\"\n    [label]=\"''\"\n    [hint]=\"''\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n", styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
     }], null, { control: [{
             type: Input
         }], placeholder: [{
@@ -40,4 +40,4 @@ PaginatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Paginator
         }], pageChange: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvcGFnaW5hdG9yL3BhZ2luYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3BhZ2luYXRvci9wYWdpbmF0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBU3JELE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFVRSxZQUFPLEdBQUcsSUFBSSxXQUFXLENBQVMsRUFBRSxDQUFDLENBQUM7UUFHdEMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFNakIsb0JBQWUsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRzdDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO0tBRTVDOztrRkFqQlksaUJBQWlCO29FQUFqQixpQkFBaUI7UUNYOUIsNkNBQStCO1FBQzdCLGlEQUkrQjtRQUMvQix3Q0FLMkI7UUFEekIseUdBQVEsMkJBQXVCLElBQUM7UUFFbEMsaUJBQWdCLEVBQUE7O1FBVmQsZUFBbUI7UUFBbkIscUNBQW1CLHdCQUFBLGdDQUFBO1FBS25CLGVBQXNCO1FBQXRCLHdDQUFzQiwrQkFBQSx3Q0FBQTs7dUZESWIsaUJBQWlCO2NBUDdCLFNBQVM7MkJBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDO2dCQUt6QixPQUFPO2tCQUROLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFJTixlQUFlO2tCQURkLEtBQUs7WUFJTixVQUFVO2tCQURULE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0BuZ25lYXQvcmVhY3RpdmUtZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtcGFnaW5hdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRvci5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdG9yLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ29yZ2FuaXNtJ30sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2luYXRvck9yZ2FuaXNtIHtcblxuICBASW5wdXQoKVxuICBjb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgcGFnZSE6IFBhZ2VFdmVudDtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG59XG4iLCI8ZnJhbWVzLWF1dG8tbGF5b3V0IGhvcml6b250YWw+XG4gIDxtb2xlY3VsZXMtY2hpcHMtaW5wdXQtZmllbGRcbiAgICBbY29udHJvbF09XCJjb250cm9sXCJcbiAgICBbYXBwZWFyYW5jZV09XCInbGVnYWN5J1wiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgPjwvbW9sZWN1bGVzLWNoaXBzLWlucHV0LWZpZWxkPlxuICA8bWF0LXBhZ2luYXRvciBcbiAgICBbbGVuZ3RoXT1cInBhZ2UubGVuZ3RoXCJcbiAgICBbcGFnZVNpemVdPVwicGFnZS5wYWdlU2l6ZVwiXG4gICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgIChwYWdlKT1cInBhZ2VDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICBhcmlhLWxhYmVsPVwiU2VsZWN0IHBhZ2VcIj5cbiAgPC9tYXQtcGFnaW5hdG9yPlxuPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvcGFnaW5hdG9yL3BhZ2luYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3BhZ2luYXRvci9wYWdpbmF0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBU3JELE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFVRSxZQUFPLEdBQUcsSUFBSSxXQUFXLENBQVMsRUFBRSxDQUFDLENBQUM7UUFHdEMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFNakIsb0JBQWUsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRzdDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO0tBRTVDOztrRkFqQlksaUJBQWlCO29FQUFqQixpQkFBaUI7UUNYOUIsNkNBQStCO1FBQzdCLGlEQU8rQjtRQUMvQix3Q0FLMkI7UUFEekIseUdBQVEsMkJBQXVCLElBQUM7UUFFbEMsaUJBQWdCLEVBQUE7O1FBYmQsZUFBdUI7UUFBdkIscUNBQXVCLHdCQUFBLHdCQUFBLGFBQUEsWUFBQSxnQ0FBQTtRQVF2QixlQUFzQjtRQUF0Qix3Q0FBc0IsK0JBQUEsd0NBQUE7O3VGRENiLGlCQUFpQjtjQVA3QixTQUFTOzJCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLFVBQVUsRUFBQztnQkFLekIsT0FBTztrQkFETixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBSU4sZUFBZTtrQkFEZCxLQUFLO1lBSU4sVUFBVTtrQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb3JnYW5pc21zLXBhZ2luYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0b3Iub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRvci5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdvcmdhbmlzbSd9LFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0b3JPcmdhbmlzbSB7XG5cbiAgQElucHV0KClcbiAgY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KCcnKTtcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlciA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2UhOiBQYWdlRXZlbnQ7XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXSA9IFs1LCAxMCwgMjUsIDEwMF07XG5cbiAgQE91dHB1dCgpXG4gIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VFdmVudD4oKTtcblxufVxuIiwiPGZyYW1lcy1hdXRvLWxheW91dCBob3Jpem9udGFsPlxuICA8bW9sZWN1bGVzLWNoaXBzLWlucHV0LWZpZWxkXG4gICAgW2FwcGVhcmFuY2VdPVwiJ2xlZ2FjeSdcIlxuICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtmbG9hdExhYmVsXT1cIidhbHdheXMnXCJcbiAgICBbbGFiZWxdPVwiJydcIlxuICAgIFtoaW50XT1cIicnXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICA+PC9tb2xlY3VsZXMtY2hpcHMtaW5wdXQtZmllbGQ+XG4gIDxtYXQtcGFnaW5hdG9yIFxuICAgIFtsZW5ndGhdPVwicGFnZS5sZW5ndGhcIlxuICAgIFtwYWdlU2l6ZV09XCJwYWdlLnBhZ2VTaXplXCJcbiAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgKHBhZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgIGFyaWEtbGFiZWw9XCJTZWxlY3QgcGFnZVwiPlxuICA8L21hdC1wYWdpbmF0b3I+XG48L2ZyYW1lcy1hdXRvLWxheW91dD5cbiJdfQ==

package/esm2020/organisms/select-input-section/select-input-section.organism.mjs CHANGED Viewed

@@ -14,10 +14,10 @@ SelectInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵelement(0, "molecules-select-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("label", ctx.label)("control", ctx.control)("options", ctx.options);
-    } }, directives: [i1.SelectInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-9SXg: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-9SXg);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, directives: [i1.SelectInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-joqV: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-joqV);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-9SXg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-9SXg);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-joqV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-joqV);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }], control: [{

package/esm2020/organisms/smart-table/smart-table.organism.mjs CHANGED Viewed

@@ -18,11 +18,11 @@ function SmartTableOrganism_ng_container_1_molecules_checkbox_column_1_Template(
 function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "molecules-actions-column", 10);
-    i0.ɵɵlistener("actionItemClick", function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template_molecules_actions_column_actionItemClick_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.actionItemClick.emit($event); });
+    i0.ɵɵlistener("action", function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template_molecules_actions_column_action_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.action.emit($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("actionItems", ctx_r6.actionItems);
+    i0.ɵɵproperty("items", ctx_r6.menuItems);
 } }
 function SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -66,20 +66,21 @@ export class SmartTableOrganism {
         this.items = [];
         this.patientsSize = 0;
         this.pageSize = 0;
-        this.actionItems = [];
+        this.menuItems = [];
         this.selectedIdSet = new Set();
-        this.actionItemClick = new EventEmitter();
+        this.action = new EventEmitter();
         this.headerClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
         this.pageChange = new EventEmitter();
         this.itemCheck = new EventEmitter();
+        this.trackByColumnName = (columnName) => columnName;
     }
     get displayedColumns() {
         return [...this.columns];
     }
 }
 SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTableOrganism, selectors: [["organisms-smart-table"]], hostAttrs: [1, "organism"], inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, decls: 5, vars: 6, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], ["mat-header-row", "", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", 4, "matRowDef", "matRowDefColumns"], ["class", "no-data-message", 4, "ngIf"], [3, "ngSwitch"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick", 4, "ngSwitchCase"], ["name", "__actions", 3, "actionItems", "actionItemClick", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "actionItems", "actionItemClick"], [3, "name", "headerText", "sort", "headerClick"], ["mat-header-row", ""], ["mat-row", ""], [1, "no-data-message"]], template: function SmartTableOrganism_Template(rf, ctx) { if (rf & 1) {
+SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTableOrganism, selectors: [["organisms-smart-table"]], hostAttrs: [1, "organism"], inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", menuItems: "menuItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, decls: 5, vars: 6, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], ["mat-header-row", "", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", 4, "matRowDef", "matRowDefColumns"], ["class", "no-data-message", 4, "ngIf"], [3, "ngSwitch"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick", 4, "ngSwitchCase"], ["name", "__actions", 3, "items", "action", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "items", "action"], [3, "name", "headerText", "sort", "headerClick"], ["mat-header-row", ""], ["mat-row", ""], [1, "no-data-message"]], template: function SmartTableOrganism_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "table", 0);
         i0.ɵɵtemplate(1, SmartTableOrganism_ng_container_1_Template, 4, 3, "ng-container", 1);
         i0.ɵɵtemplate(2, SmartTableOrganism_tr_2_Template, 1, 0, "tr", 2);
@@ -96,10 +97,10 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
         i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.items == null ? null : ctx.items.length));
-    } }, directives: [i1.MatTable, i2.NgForOf, i2.NgSwitch, i2.NgSwitchCase, i3.CheckboxColumnMolecule, i4.ActionsColumnMolecule, i2.NgSwitchDefault, i5.SmartColumnMolecule, i1.MatHeaderRowDef, i1.MatHeaderRow, i1.MatRowDef, i1.MatRow, i2.NgIf], pipes: [i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-LkyB: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-LkyB: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-LkyB: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-LkyB)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-LkyB) - var(--cell-SCOPED-IN-smart-table-LkyB) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-LkyB) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-LkyB) * 2)}"], changeDetection: 0 });
+    } }, directives: [i1.MatTable, i2.NgForOf, i2.NgSwitch, i2.NgSwitchCase, i3.CheckboxColumnMolecule, i4.ActionsColumnMolecule, i2.NgSwitchDefault, i5.SmartColumnMolecule, i1.MatHeaderRowDef, i1.MatHeaderRow, i1.MatRowDef, i1.MatRow, i2.NgIf], pipes: [i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-DjBO: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-DjBO: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-DjBO: var(--column-vertical-padding)}[_nghost-%COMP%]{position:relative;width:100%;height:100%;overflow:scroll}[_nghost-%COMP%]::-webkit-scrollbar{display:none}[_nghost-%COMP%]   table[_ngcontent-%COMP%]{width:100%;max-height:100%}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   .nowrap[_ngcontent-%COMP%]{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]   table[_ngcontent-%COMP%]     th, [_nghost-%COMP%]   table[_ngcontent-%COMP%]     td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-DjBO)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-DjBO) - var(--cell-SCOPED-IN-smart-table-DjBO) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-DjBO) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-DjBO) * 2)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-LkyB: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-LkyB: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-LkyB: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-LkyB)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-LkyB) - var(--cell-SCOPED-IN-smart-table-LkyB) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-LkyB) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-LkyB) * 2)}\n"] }]
+        args: [{ selector: 'organisms-smart-table', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [items]=\"menuItems\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-DjBO: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-DjBO: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-DjBO: var(--column-vertical-padding)}:host{position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-DjBO)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-DjBO) - var(--cell-SCOPED-IN-smart-table-DjBO) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-DjBO) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-DjBO) * 2)}\n"] }]
     }], null, { columns: [{
             type: Input
         }], items: [{
@@ -108,7 +109,7 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
             type: Input
         }], pageSize: [{
             type: Input
-        }], actionItems: [{
+        }], menuItems: [{
             type: Input
         }], selectedIdSet: [{
             type: Input
@@ -116,7 +117,7 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
             type: Input
         }], sortOrder: [{
             type: Input
-        }], actionItemClick: [{
+        }], action: [{
             type: Output
         }], headerClick: [{
             type: Output
@@ -127,4 +128,4 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
         }], itemCheck: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtdGFibGUub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC10YWJsZS9zbWFydC10YWJsZS5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LXRhYmxlL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztJQ0U1RixvREFLQztJQURDLDhPQUFpQixpQ0FBMEIsSUFBQztJQUM3QyxpQkFBNEI7OztJQUYzQixvREFBK0I7Ozs7SUFHakMsb0RBS0M7SUFEQyxrUEFBbUIsb0NBQTRCLElBQUM7SUFDakQsaUJBQTJCOzs7SUFGMUIsZ0RBQTJCOzs7O0lBRzdCLGtEQU1DO0lBREMsNlFBQWUsaUNBQXNCLElBQUM7O0lBQ3ZDLGlCQUF5Qjs7OztJQUp4Qiw4QkFBYSw2Q0FBQSxnRUFBQTs7O0lBZmpCLGdDQUFzRTtJQUNwRSw4SEFLNkI7SUFDN0IsNEhBSzRCO0lBQzVCLHdIQU0wQjtJQUM1QiwwQkFBZTs7O0lBcEJxQyxrQ0FBaUI7SUFFaEUsZUFBMEI7SUFBMUIsMkNBQTBCO0lBTTFCLGVBQXlCO0lBQXpCLDBDQUF5Qjs7O0lBYzlCLHlCQUEwRTs7O0lBQzFFLHlCQUFtRTs7O0lBRXJFLCtCQUFvRDtJQUFBLDRFQUFVO0lBQUEsaUJBQU07O0FEZnBFLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFVRSxZQUFPLEdBQW1CLEVBQUUsQ0FBQztRQU83QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBR25CLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBR3pCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFHckIsZ0JBQVcsR0FBaUIsRUFBRSxDQUFDO1FBRy9CLGtCQUFhLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztRQVNsQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFzQixDQUFDO1FBR3pELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUd6QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBR3BELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQztLQUVqRDtJQXhDQyxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7b0ZBUFUsa0JBQWtCO3FFQUFsQixrQkFBa0I7UUNYL0IsZ0NBQTBGO1FBQ3hGLHFGQW9CZTtRQUVmLGlFQUEwRTtRQUMxRSxpRUFBbUU7UUFDckUsaUJBQVE7UUFDUixtRUFBb0U7O1FBMUJuRCxzQ0FBb0I7UUFDSixlQUFtQjtRQUFuQiw4Q0FBbUI7UUFzQjlCLGVBQW1DO1FBQW5DLHNEQUFtQywrQkFBQTtRQUNyQixlQUEwQjtRQUExQix1REFBMEI7UUFFeEQsZUFBb0I7UUFBcEIscUVBQW9COzt1RkRmYixrQkFBa0I7Y0FQOUIsU0FBUzsyQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDO2dCQUt6QixPQUFPO2tCQUROLEtBQUs7WUFRTixLQUFLO2tCQURKLEtBQUs7WUFJTixZQUFZO2tCQURYLEtBQUs7WUFJTixRQUFRO2tCQURQLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixhQUFhO2tCQURaLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixlQUFlO2tCQURkLE1BQU07WUFJUCxXQUFXO2tCQURWLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxVQUFVO2tCQURULE1BQU07WUFJUCxTQUFTO2tCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1zbWFydC10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC10YWJsZS5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtdGFibGUub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnb3JnYW5pc20nfVxufSlcbmV4cG9ydCBjbGFzcyBTbWFydFRhYmxlT3JnYW5pc208SXRlbSBleHRlbmRzIG9iamVjdD4ge1xuXG4gIEBJbnB1dCgpXG4gIGNvbHVtbnM6IChrZXlvZiBJdGVtKVtdID0gW107XG5cbiAgZ2V0IGRpc3BsYXllZENvbHVtbnMoKTogKGtleW9mIEl0ZW0gfCBzdHJpbmcpW10ge1xuICAgIHJldHVybiBbLi4udGhpcy5jb2x1bW5zXTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBJdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBwYXRpZW50c1NpemU6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemU6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KClcbiAgYWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHNlbGVjdGVkSWRTZXQgPSBuZXcgU2V0PHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICBzb3J0S2V5Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRPcmRlcj86ICdhc2MnIHwgJ2Rlc2MnO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb25JdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFtBY3Rpb25JdGVtLCBJdGVtXT4oKTtcblxuICBAT3V0cHV0KClcbiAgaGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgXG4gIEBPdXRwdXQoKVxuICBjaGVja2JveENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxbSXRlbSwgYm9vbGVhbl0+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIGl0ZW1DaGVjayA9IG5ldyBFdmVudEVtaXR0ZXI8W0l0ZW0sIGJvb2xlYW5dPigpO1xuICBcbn1cbiIsIjx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwiaXRlbXNcIiBtYXRTb3J0IG1hdFNvcnREaXNhYmxlQ2xlYXIgbWF0U29ydERpcmVjdGlvbj1cImRlc2NcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbmFtZSBvZiBkaXNwbGF5ZWRDb2x1bW5zXCIgW25nU3dpdGNoXT1cIm5hbWVcIj5cbiAgICA8bW9sZWN1bGVzLWNoZWNrYm94LWNvbHVtblxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIidfX2NoZWNrYm94J1wiXG4gICAgICBuYW1lPVwiX19jaGVja2JveFwiXG4gICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgIChjaGVja2JveENsaWNrKT1cImNoZWNrYm94Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9tb2xlY3VsZXMtY2hlY2tib3gtY29sdW1uPlxuICAgIDxtb2xlY3VsZXMtYWN0aW9ucy1jb2x1bW4gXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiJ19fYWN0aW9ucydcIiBcbiAgICAgIG5hbWU9XCJfX2FjdGlvbnNcIiBcbiAgICAgIFthY3Rpb25JdGVtc109XCJhY3Rpb25JdGVtc1wiXG4gICAgICAoYWN0aW9uSXRlbUNsaWNrKT1cImFjdGlvbkl0ZW1DbGljay5lbWl0KCRldmVudClcIlxuICAgID48L21vbGVjdWxlcy1hY3Rpb25zLWNvbHVtbj5cbiAgICA8bW9sZWN1bGVzLXNtYXJ0LWNvbHVtblxuICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICBbaGVhZGVyVGV4dF09XCJuYW1lIHwgRFwiXG4gICAgICBbc29ydF09XCJzb3J0S2V5ID09PSBuYW1lID8gc29ydE9yZGVyIDogJ25vbmUnXCJcbiAgICAgIChoZWFkZXJDbGljayk9XCJoZWFkZXJDbGljay5lbWl0KG5hbWUpXCJcbiAgICA+PC9tb2xlY3VsZXMtc21hcnQtY29sdW1uPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRpc3BsYXllZENvbHVtbnM7IHN0aWNreTogdHJ1ZVwiPjwvdHI+XG4gIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgaXRlbTsgY29sdW1uczogZGlzcGxheWVkQ29sdW1ucztcIj48L3RyPlxuPC90YWJsZT5cbjxkaXYgKm5nSWY9XCIhaXRlbXM/Lmxlbmd0aFwiIGNsYXNzPVwibm8tZGF0YS1tZXNzYWdlXCI+44OH44O844K/44GM44GC44KK44G+44Gb44KT44CCPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtdGFibGUub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC10YWJsZS9zbWFydC10YWJsZS5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LXRhYmxlL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztJQ0U1RixvREFLQztJQURDLDhPQUFpQixpQ0FBMEIsSUFBQztJQUM3QyxpQkFBNEI7OztJQUYzQixvREFBK0I7Ozs7SUFHakMsb0RBS0M7SUFEQyxnT0FBVSwyQkFBbUIsSUFBQztJQUMvQixpQkFBMkI7OztJQUYxQix3Q0FBbUI7Ozs7SUFHckIsa0RBTUM7SUFEQyw2UUFBZSxpQ0FBc0IsSUFBQzs7SUFDdkMsaUJBQXlCOzs7O0lBSnhCLDhCQUFhLDZDQUFBLGdFQUFBOzs7SUFmakIsZ0NBQXNFO0lBQ3BFLDhIQUs2QjtJQUM3Qiw0SEFLNEI7SUFDNUIsd0hBTTBCO0lBQzVCLDBCQUFlOzs7SUFwQnFDLGtDQUFpQjtJQUVoRSxlQUEwQjtJQUExQiwyQ0FBMEI7SUFNMUIsZUFBeUI7SUFBekIsMENBQXlCOzs7SUFjOUIseUJBQTBFOzs7SUFDMUUseUJBQW1FOzs7SUFFckUsK0JBQW9EO0lBQUEsNEVBQVU7SUFBQSxpQkFBTTs7QURmcEUsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVVFLFlBQU8sR0FBbUIsRUFBRSxDQUFDO1FBTzdCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFHekIsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUdyQixjQUFTLEdBQWlCLEVBQUUsQ0FBQztRQUc3QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFTbEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHcEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3pDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFHcEQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHaEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBRWhELHNCQUFpQixHQUFHLENBQUMsVUFBa0IsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDO0tBQ3hEO0lBekNDLElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMzQixDQUFDOztvRkFQVSxrQkFBa0I7cUVBQWxCLGtCQUFrQjtRQ1gvQixnQ0FBMEY7UUFDeEYscUZBb0JlO1FBRWYsaUVBQTBFO1FBQzFFLGlFQUFtRTtRQUNyRSxpQkFBUTtRQUNSLG1FQUFvRTs7UUExQm5ELHNDQUFvQjtRQUNKLGVBQW1CO1FBQW5CLDhDQUFtQjtRQXNCOUIsZUFBbUM7UUFBbkMsc0RBQW1DLCtCQUFBO1FBQ3JCLGVBQTBCO1FBQTFCLHVEQUEwQjtRQUV4RCxlQUFvQjtRQUFwQixxRUFBb0I7O3VGRGZiLGtCQUFrQjtjQVA5QixTQUFTOzJCQUNFLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUM7Z0JBS3pCLE9BQU87a0JBRE4sS0FBSztZQVFOLEtBQUs7a0JBREosS0FBSztZQUlOLFlBQVk7a0JBRFgsS0FBSztZQUlOLFFBQVE7a0JBRFAsS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLGFBQWE7a0JBRFosS0FBSztZQUlOLE9BQU87a0JBRE4sS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTTtZQUlQLFdBQVc7a0JBRFYsTUFBTTtZQUlQLGFBQWE7a0JBRFosTUFBTTtZQUlQLFVBQVU7a0JBRFQsTUFBTTtZQUlQLFNBQVM7a0JBRFIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtc21hcnQtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtdGFibGUub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ29yZ2FuaXNtJ31cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRUYWJsZU9yZ2FuaXNtPEl0ZW0gZXh0ZW5kcyBvYmplY3Q+IHtcblxuICBASW5wdXQoKVxuICBjb2x1bW5zOiAoa2V5b2YgSXRlbSlbXSA9IFtdO1xuXG4gIGdldCBkaXNwbGF5ZWRDb2x1bW5zKCk6IChrZXlvZiBJdGVtIHwgc3RyaW5nKVtdIHtcbiAgICByZXR1cm4gWy4uLnRoaXMuY29sdW1uc107XG4gIH1cblxuICBASW5wdXQoKVxuICBpdGVtczogSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgcGF0aWVudHNTaXplOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIG1lbnVJdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogJ2FzYycgfCAnZGVzYyc7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBcbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFtJdGVtLCBib29sZWFuXT4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgaXRlbUNoZWNrID0gbmV3IEV2ZW50RW1pdHRlcjxbSXRlbSwgYm9vbGVhbl0+KCk7XG4gIFxuICB0cmFja0J5Q29sdW1uTmFtZSA9IChjb2x1bW5OYW1lOiBzdHJpbmcpID0+IGNvbHVtbk5hbWU7XG59XG4iLCI8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cIml0ZW1zXCIgbWF0U29ydCBtYXRTb3J0RGlzYWJsZUNsZWFyIG1hdFNvcnREaXJlY3Rpb249XCJkZXNjXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5hbWUgb2YgZGlzcGxheWVkQ29sdW1uc1wiIFtuZ1N3aXRjaF09XCJuYW1lXCI+XG4gICAgPG1vbGVjdWxlcy1jaGVja2JveC1jb2x1bW5cbiAgICAgICpuZ1N3aXRjaENhc2U9XCInX19jaGVja2JveCdcIlxuICAgICAgbmFtZT1cIl9fY2hlY2tib3hcIlxuICAgICAgW3NlbGVjdGVkSWRTZXRdPVwic2VsZWN0ZWRJZFNldFwiXG4gICAgICAoY2hlY2tib3hDbGljayk9XCJjaGVja2JveENsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvbW9sZWN1bGVzLWNoZWNrYm94LWNvbHVtbj5cbiAgICA8bW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uIFxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIidfX2FjdGlvbnMnXCIgXG4gICAgICBuYW1lPVwiX19hY3Rpb25zXCIgXG4gICAgICBbaXRlbXNdPVwibWVudUl0ZW1zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvbW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uPlxuICAgIDxtb2xlY3VsZXMtc21hcnQtY29sdW1uXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgIFtoZWFkZXJUZXh0XT1cIm5hbWUgfCBEXCJcbiAgICAgIFtzb3J0XT1cInNvcnRLZXkgPT09IG5hbWUgPyBzb3J0T3JkZXIgOiAnbm9uZSdcIlxuICAgICAgKGhlYWRlckNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQobmFtZSlcIlxuICAgID48L21vbGVjdWxlcy1zbWFydC1jb2x1bW4+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDx0ciBtYXQtaGVhZGVyLXJvdyAqbWF0SGVhZGVyUm93RGVmPVwiZGlzcGxheWVkQ29sdW1uczsgc3RpY2t5OiB0cnVlXCI+PC90cj5cbiAgPHRyIG1hdC1yb3cgKm1hdFJvd0RlZj1cImxldCBpdGVtOyBjb2x1bW5zOiBkaXNwbGF5ZWRDb2x1bW5zO1wiPjwvdHI+XG48L3RhYmxlPlxuPGRpdiAqbmdJZj1cIiFpdGVtcz8ubGVuZ3RoXCIgY2xhc3M9XCJuby1kYXRhLW1lc3NhZ2VcIj7jg4fjg7zjgr/jgYzjgYLjgorjgb7jgZvjgpPjgII8L2Rpdj4iXX0=

package/esm2020/organisms/social-login-section/social-login-section.organism.mjs CHANGED Viewed

@@ -12,10 +12,10 @@ SocialLoginSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵlistener("click", function SocialLoginSectionOrganism_Template_button_click_0_listener() { return ctx.signInWithGoogleButtonClick.emit(); });
         i0.ɵɵtext(1, "Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3");
         i0.ɵɵelementEnd();
-    } }, directives: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2Ro9: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2Ro9);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
+    } }, directives: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-GG63: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-GG63);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SocialLoginSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2Ro9: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2Ro9);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+        args: [{ selector: 'organisms-social-login-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-GG63: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-GG63);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
     }], null, { signInWithGoogleButtonClick: [{
             type: Output
         }] }); })();