npm - @ng-atomic/components - Versions diffs - 4.15.0 → 4.16.1 - Mend

@ng-atomic/components 4.15.0 → 4.16.1

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 (135) hide show

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

@@ -10,7 +10,7 @@ function NavigatorOrganism_atoms_smart_menu_button_2_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("items", ctx_r0.leftItems);
+    i0.ɵɵproperty("items", ctx_r0.startActions);
 } }
 function NavigatorOrganism_atoms_smart_menu_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -19,18 +19,18 @@ function NavigatorOrganism_atoms_smart_menu_button_5_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("items", ctx_r1.rightItems);
+    i0.ɵɵproperty("items", ctx_r1.endActions);
 } }
 const _c0 = ["*"];
 export class NavigatorOrganism {
     constructor() {
-        this.rightItems = [];
-        this.leftItems = [];
+        this.startActions = [];
+        this.endActions = [];
         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: { 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) {
+NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigatorOrganism, selectors: [["organisms-navigator"]], inputs: { startActions: "startActions", endActions: "endActions" }, 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_atoms_smart_menu_button_2_Template, 1, 1, "atoms-smart-menu-button", 1);
@@ -41,18 +41,18 @@ NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigator
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.leftItems.length);
+        i0.ɵɵproperty("ngIf", ctx.startActions.length);
         i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.rightItems.length);
-    } }, dependencies: [i1.NgIf, i2.MatToolbar, i3.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-eJRi: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-eJRi)}[_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.startActions.length);
+    } }, dependencies: [i1.NgIf, i2.MatToolbar, i3.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-jyuS: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-jyuS)}[_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    <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-eJRi: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-eJRi)}: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: [{
+        args: [{ selector: 'organisms-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\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=\"startActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-jyuS: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-jyuS)}: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, { startActions: [{
             type: Input
-        }], leftItems: [{
+        }], endActions: [{
             type: Input
         }], action: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdG9yL25hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRvci9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDRTVGLGtEQUlDO0lBREMsMk1BQVUsZUFBQSwwQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUEwQjs7O0lBRnpCLHdDQUFtQjs7OztJQU1yQixrREFJQztJQURDLDJNQUFVLGVBQUEsMEJBQW1CLENBQUEsSUFBQztJQUMvQixpQkFBMEI7OztJQUZ6Qix5Q0FBb0I7OztBREgxQixNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBUUUsZUFBVSxHQUFpQixFQUFFLENBQUM7UUFHOUIsY0FBUyxHQUFpQixFQUFFLENBQUM7UUFHN0IsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDckM7O2tGQVRZLGlCQUFpQjtvRUFBakIsaUJBQWlCOztRQ1Q5QixzQ0FBNkIsVUFBQTtRQUV6QiwwR0FJMkI7UUFDM0Isa0JBQXlCO1FBQzNCLGlCQUFNO1FBQ04sMkJBQUs7UUFDSCwwR0FJMkI7UUFDN0IsaUJBQU0sRUFBQTs7UUFaRCxlQUFzQjtRQUF0QiwyQ0FBc0I7UUFRdEIsZUFBdUI7UUFBdkIsNENBQXVCOzt1RkRGakIsaUJBQWlCO2NBTjdCLFNBQVM7MkJBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07Z0JBSS9DLFVBQVU7a0JBRFQsS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb3JnYW5pc21zLW5hdmlnYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRvci5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0b3JPcmdhbmlzbSB7XG4gIEBJbnB1dCgpXG4gIHJpZ2h0SXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGxlZnRJdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xufVxuIiwiPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJsZWZ0SXRlbXMubGVuZ3RoXCJcbiAgICAgIFtpdGVtc109XCJsZWZ0SXRlbXNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9hdG9tcy1zbWFydC1tZW51LWJ1dHRvbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJyaWdodEl0ZW1zLmxlbmd0aFwiXG4gICAgICBbaXRlbXNdPVwicmlnaHRJdGVtc1wiXG4gICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgID48L2F0b21zLXNtYXJ0LW1lbnUtYnV0dG9uPlxuICA8L2Rpdj5cbjwvbWF0LXRvb2xiYXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdG9yL25hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRvci9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDRTVGLGtEQUlDO0lBREMsMk1BQVUsZUFBQSwwQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUEwQjs7O0lBRnpCLDJDQUFzQjs7OztJQU14QixrREFJQztJQURDLDJNQUFVLGVBQUEsMEJBQW1CLENBQUEsSUFBQztJQUMvQixpQkFBMEI7OztJQUZ6Qix5Q0FBb0I7OztBREgxQixNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBUUUsaUJBQVksR0FBYSxFQUFFLENBQUM7UUFHNUIsZUFBVSxHQUFhLEVBQUUsQ0FBQztRQUcxQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUNyQzs7a0ZBVFksaUJBQWlCO29FQUFqQixpQkFBaUI7O1FDVDlCLHNDQUE2QixVQUFBO1FBRXpCLDBHQUkyQjtRQUMzQixrQkFBeUI7UUFDM0IsaUJBQU07UUFDTiwyQkFBSztRQUNILDBHQUkyQjtRQUM3QixpQkFBTSxFQUFBOztRQVpELGVBQXlCO1FBQXpCLDhDQUF5QjtRQVF6QixlQUF5QjtRQUF6Qiw4Q0FBeUI7O3VGREZuQixpQkFBaUI7Y0FON0IsU0FBUzsyQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtnQkFJL0MsWUFBWTtrQkFEWCxLQUFLO1lBSU4sVUFBVTtrQkFEVCxLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtbmF2aWdhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRvci5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdG9yLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRvck9yZ2FuaXNtIHtcbiAgQElucHV0KClcbiAgc3RhcnRBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xufVxuIiwiPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJzdGFydEFjdGlvbnMubGVuZ3RoXCJcbiAgICAgIFtpdGVtc109XCJzdGFydEFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9hdG9tcy1zbWFydC1tZW51LWJ1dHRvbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJzdGFydEFjdGlvbnMubGVuZ3RoXCJcbiAgICAgIFtpdGVtc109XCJlbmRBY3Rpb25zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvZGl2PlxuPC9tYXQtdG9vbGJhcj5cbiJdfQ==

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

package/esm2020/organisms/smart-list/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './smart-list.organism';
+export * from './smart-list.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc21hcnQtbGlzdC5vcmdhbmlzbSc7XG5leHBvcnQgKiBmcm9tICcuL3NtYXJ0LWxpc3QubW9kdWxlJztcbiJdfQ==

package/esm2020/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXNtYXJ0LWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy1zbWFydC1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/organisms/smart-list/smart-list.module.mjs ADDED Viewed

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SmartListOrganism } from './smart-list.organism';
+import { MatListModule } from '@angular/material/list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatRippleModule } from '@angular/material/core';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import * as i0 from "@angular/core";
+export class SmartListModule {
+}
+SmartListModule.ɵfac = function SmartListModule_Factory(t) { return new (t || SmartListModule)(); };
+SmartListModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartListModule });
+SmartListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatListModule,
+        MatIconModule,
+        MatRippleModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    SmartListOrganism,
+                ],
+                imports: [
+                    CommonModule,
+                    MatListModule,
+                    MatIconModule,
+                    MatRippleModule,
+                    DataAccessorPipe,
+                ],
+                exports: [
+                    SmartListOrganism
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartListModule, { declarations: [SmartListOrganism], imports: [CommonModule,
+        MatListModule,
+        MatIconModule,
+        MatRippleModule,
+        DataAccessorPipe], exports: [SmartListOrganism] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L3NtYXJ0LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQWlCekUsTUFBTSxPQUFPLGVBQWU7OzhFQUFmLGVBQWU7aUVBQWYsZUFBZTtxRUFWeEIsWUFBWTtRQUNaLGFBQWE7UUFDYixhQUFhO1FBQ2IsZUFBZTt1RkFPTixlQUFlO2NBZjNCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osaUJBQWlCO2lCQUNsQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixhQUFhO29CQUNiLGFBQWE7b0JBQ2IsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxpQkFBaUI7aUJBQ2xCO2FBQ0Y7O3dGQUNZLGVBQWUsbUJBYnhCLGlCQUFpQixhQUdqQixZQUFZO1FBQ1osYUFBYTtRQUNiLGFBQWE7UUFDYixlQUFlO1FBQ2YsZ0JBQWdCLGFBR2hCLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU21hcnRMaXN0T3JnYW5pc20gfSBmcm9tICcuL3NtYXJ0LWxpc3Qub3JnYW5pc20nO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBEYXRhQWNjZXNzb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZGF0YS1hY2Nlc3Nvcic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdExpc3RNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRSaXBwbGVNb2R1bGUsXG4gICAgRGF0YUFjY2Vzc29yUGlwZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRMaXN0TW9kdWxlIHsgfVxuIl19

package/esm2020/organisms/smart-list/smart-list.organism.mjs ADDED Viewed

@@ -0,0 +1,98 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';
+import { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/list";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/material/divider";
+import * as i5 from "@ng-atomic/common/pipes/data-accessor";
+function SmartListOrganism_ng_container_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "mat-list-item", 2);
+    i0.ɵɵlistener("click", function SmartListOrganism_ng_container_1_ng_container_3_Template_mat_list_item_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const item_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onItemClick(item_r3)); });
+    i0.ɵɵelementStart(2, "span", 3);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "dataAccessor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 3);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "dataAccessor");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(4, 2, item_r3, "__title"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 5, item_r3, "__desc"));
+} }
+function SmartListOrganism_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SmartListOrganism_ng_container_1_ng_container_3_Template, 8, 8, "ng-container", 0);
+    i0.ɵɵelement(4, "mat-divider");
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const status_r1 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", status_r1, "");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.statusMap[status_r1]);
+} }
+export var ActionId;
+(function (ActionId) {
+    ActionId["CLICK_ITEM"] = "[@ng-atomic/components/organisms/smart-list] Click Item";
+})(ActionId || (ActionId = {}));
+export class SmartListOrganism {
+    constructor(dataAccessor) {
+        this.dataAccessor = dataAccessor;
+        this.statusAccessor = (data) => data['status'];
+        this.items = [];
+        this.action = new EventEmitter();
+        this.dataAccessor ?? (this.dataAccessor = defaultDataAccessor);
+    }
+    get statusMap() {
+        return this.items.reduce((acc, item) => {
+            const key = this.dataAccessor(item, '__status');
+            acc[key] ?? (acc[key] = []),
+                acc[key].push(item);
+            return acc;
+        }, {});
+    }
+    get statuses() {
+        return Object.keys(this.statusMap);
+    }
+    onItemClick(item) {
+        this.action.emit({
+            id: ActionId.CLICK_ITEM,
+            payload: item,
+        });
+    }
+}
+SmartListOrganism.ɵfac = function SmartListOrganism_Factory(t) { return new (t || SmartListOrganism)(i0.ɵɵdirectiveInject(DATA_ACCESSOR, 8)); };
+SmartListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartListOrganism, selectors: [["organisms-smart-list"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 2, vars: 1, consts: [[4, "ngFor", "ngForOf"], ["mat-subheader", ""], ["lines", "2", "matRipple", "", 3, "click"], ["mat-line", ""]], template: function SmartListOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-list");
+        i0.ɵɵtemplate(1, SmartListOrganism_ng_container_1_Template, 5, 2, "ng-container", 0);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx.statuses);
+    } }, dependencies: [i1.NgForOf, i2.MatList, i2.MatListItem, i3.MatLine, i2.MatListSubheaderCssMatStyler, i4.MatDivider, i3.MatRipple, i5.DataAccessorPipe], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]{display:block;flex-direction:unset;font-size:14px;height:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListOrganism, [{
+        type: Component,
+        args: [{ selector: 'organisms-smart-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}\n"] }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [DATA_ACCESSOR]
+            }] }]; }, { items: [{
+            type: Input
+        }], action: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbGlzdC5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LWxpc3Qvc21hcnQtbGlzdC5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LWxpc3Qvc21hcnQtbGlzdC5vcmdhbmlzbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsSCxPQUFPLEVBQWdCLGFBQWEsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7Ozs7SUNDckcsNkJBQXFEO0lBQ25ELHdDQUErRDtJQUE1Qix5UEFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUQsK0JBQWU7SUFBQSxZQUFtQzs7SUFBQSxpQkFBTztJQUN6RCwrQkFBZTtJQUFBLFlBQWtDOztJQUFBLGlCQUFPLEVBQUE7SUFFNUQsMEJBQWU7OztJQUhJLGVBQW1DO0lBQW5DLDhEQUFtQztJQUNuQyxlQUFrQztJQUFsQyw2REFBa0M7OztJQUx2RCw2QkFBOEM7SUFDNUMsOEJBQW1CO0lBQUMsWUFBWTtJQUFBLGlCQUFNO0lBQ3RDLG1HQUtlO0lBQ2YsOEJBQTJCO0lBQzdCLDBCQUFlOzs7O0lBUk8sZUFBWTtJQUFaLHlDQUFZO0lBQ0QsZUFBb0I7SUFBcEIscURBQW9COztBREN2RCxNQUFNLENBQU4sSUFBWSxRQUVYO0FBRkQsV0FBWSxRQUFRO0lBQ2xCLGtGQUFzRSxDQUFBO0FBQ3hFLENBQUMsRUFGVyxRQUFRLEtBQVIsUUFBUSxRQUVuQjtBQVFELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsWUFDNkMsWUFBNkI7UUFBN0IsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBSzFFLG1CQUFjLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUcxQyxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBVGxDLElBQUksQ0FBQyxZQUFZLEtBQWpCLElBQUksQ0FBQyxZQUFZLEdBQUssbUJBQW1CLEVBQUM7SUFDNUMsQ0FBQztJQVVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUU7WUFDckMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDaEQsR0FBRyxDQUFDLEdBQUcsTUFBUCxHQUFHLENBQUMsR0FBRyxJQUFNLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNwQixPQUFPLEdBQUcsQ0FBQztRQUNiLENBQUMsRUFBRSxFQUE2QixDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVTLFdBQVcsQ0FBQyxJQUFPO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1lBQ2YsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVO1lBQ3ZCLE9BQU8sRUFBRSxJQUFJO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7a0ZBbENVLGlCQUFpQix1QkFHTixhQUFhO29FQUh4QixpQkFBaUI7UUNkOUIsZ0NBQVU7UUFDUixvRkFTZTtRQUNqQixpQkFBVzs7UUFWd0IsZUFBVztRQUFYLHNDQUFXOzt1RkRhakMsaUJBQWlCO2NBTjdCLFNBQVM7MkJBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU07O3NCQUs1QyxRQUFROztzQkFBSSxNQUFNO3VCQUFDLGFBQWE7d0JBUW5DLEtBQUs7a0JBREosS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcbmltcG9ydCB7IERhdGFBY2Nlc3NvciwgREFUQV9BQ0NFU1NPUiwgZGVmYXVsdERhdGFBY2Nlc3NvciB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2RhdGEtYWNjZXNzb3InO1xuXG5leHBvcnQgZW51bSBBY3Rpb25JZCB7XG4gIENMSUNLX0lURU0gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtbGlzdF0gQ2xpY2sgSXRlbScsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1zbWFydC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWxpc3Qub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWxpc3Qub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydExpc3RPcmdhbmlzbTxUPiB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0FDQ0VTU09SKSBwcml2YXRlIGRhdGFBY2Nlc3NvcjogRGF0YUFjY2Vzc29yPFQ+XG4gICkge1xuICAgIHRoaXMuZGF0YUFjY2Vzc29yID8/PSBkZWZhdWx0RGF0YUFjY2Vzc29yO1xuICB9XG5cbiAgc3RhdHVzQWNjZXNzb3IgPSAoZGF0YSkgPT4gZGF0YVsnc3RhdHVzJ107XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IFRbXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICBnZXQgc3RhdHVzTWFwKCkge1xuICAgIHJldHVybiB0aGlzLml0ZW1zLnJlZHVjZSgoYWNjLCBpdGVtKSA9PiB7XG4gICAgICBjb25zdCBrZXkgPSB0aGlzLmRhdGFBY2Nlc3NvcihpdGVtLCAnX19zdGF0dXMnKTtcbiAgICAgIGFjY1trZXldID8/PSBbXSxcbiAgICAgIGFjY1trZXldLnB1c2goaXRlbSk7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIHsgW2lkOiBzdHJpbmddOiBhbnlbXSB9KTtcbiAgfVxuXG4gIGdldCBzdGF0dXNlcygpIHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXModGhpcy5zdGF0dXNNYXApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uSXRlbUNsaWNrKGl0ZW06IFQpIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHtcbiAgICAgIGlkOiBBY3Rpb25JZC5DTElDS19JVEVNLFxuICAgICAgcGF5bG9hZDogaXRlbSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPG1hdC1saXN0PlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGF0dXMgb2Ygc3RhdHVzZXNcIj5cbiAgICA8ZGl2IG1hdC1zdWJoZWFkZXI+IHt7IHN0YXR1cyB9fTwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc3RhdHVzTWFwW3N0YXR1c11cIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIGxpbmVzPVwiMlwiIG1hdFJpcHBsZSAoY2xpY2spPVwib25JdGVtQ2xpY2soaXRlbSlcIj5cbiAgICAgICAgPHNwYW4gbWF0LWxpbmU+e3sgaXRlbSB8IGRhdGFBY2Nlc3NvcjonX190aXRsZScgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdC1saW5lPnt7IGl0ZW0gfCBkYXRhQWNjZXNzb3I6J19fZGVzYycgfX08L3NwYW4+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9tYXQtbGlzdD5cbiJdfQ==

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

@@ -22,7 +22,7 @@ function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template(r
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("items", ctx_r6.menuItems)("itemActions", ctx_r6.itemActions);
+    i0.ɵɵproperty("itemActions", ctx_r6.itemActions);
 } }
 function SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -33,12 +33,12 @@ function SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template(rf,
 } if (rf & 2) {
     const name_r4 = i0.ɵɵnextContext().$implicit;
     const ctx_r7 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("name", name_r4)("headerText", i0.ɵɵpipeBind1(1, 3, name_r4))("sort", ctx_r7.sortKey === name_r4 ? ctx_r7.sortOrder : "none");
+    i0.ɵɵproperty("name", name_r4)("headerText", i0.ɵɵpipeBind1(1, 3, name_r4))("sort", (ctx_r7.sort == null ? null : ctx_r7.sort.key) === name_r4 ? ctx_r7.sort == null ? null : ctx_r7.sort.order : "none");
 } }
 function SmartTableOrganism_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0, 5);
     i0.ɵɵtemplate(1, SmartTableOrganism_ng_container_1_molecules_checkbox_column_1_Template, 1, 1, "molecules-checkbox-column", 6);
-    i0.ɵɵtemplate(2, SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template, 1, 2, "molecules-actions-column", 7);
+    i0.ɵɵtemplate(2, SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template, 1, 1, "molecules-actions-column", 7);
     i0.ɵɵtemplate(3, SmartTableOrganism_ng_container_1_molecules_smart_column_3_Template, 2, 5, "molecules-smart-column", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -62,13 +62,12 @@ function SmartTableOrganism_div_4_Template(rf, ctx) { if (rf & 1) {
 } }
 export class SmartTableOrganism {
     constructor() {
-        this.columns = [];
+        this._columns = [];
         this.items = [];
         this.itemActions = () => [];
-        this.patientsSize = 0;
         this.pageSize = 0;
-        this.menuItems = [];
         this.selectedIdSet = new Set();
+        this.sort = {};
         this.action = new EventEmitter();
         this.headerClick = new EventEmitter();
         this.checkboxClick = new EventEmitter();
@@ -76,12 +75,12 @@ export class SmartTableOrganism {
         this.itemCheck = new EventEmitter();
         this.trackByColumnName = (columnName) => columnName;
     }
-    get displayedColumns() {
-        return [...this.columns];
+    get columns() {
+        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", itemActions: "itemActions", 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: 7, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["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", "itemActions", "action", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "items", "itemActions", "action"], [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", "_columns"], items: "items", itemActions: "itemActions", pageSize: "pageSize", selectedIdSet: "selectedIdSet", sort: "sort" }, outputs: { action: "action", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, decls: 5, vars: 7, consts: [["mat-table", "", "matSort", "", "matSortDisableClear", "", "matSortDirection", "desc", 3, "dataSource"], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["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, "itemActions", "action", 4, "ngSwitchCase"], [3, "name", "headerText", "sort", "headerClick", 4, "ngSwitchDefault"], ["name", "__checkbox", 3, "selectedIdSet", "checkboxClick"], ["name", "__actions", 3, "itemActions", "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);
@@ -91,34 +90,29 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
     } if (rf & 2) {
         i0.ɵɵproperty("dataSource", ctx.items);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.displayedColumns)("ngForTrackBy", ctx.trackByColumnName);
+        i0.ɵɵproperty("ngForOf", ctx.columns)("ngForTrackBy", ctx.trackByColumnName);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("matHeaderRowDef", ctx.displayedColumns)("matHeaderRowDefSticky", true);
+        i0.ɵɵproperty("matHeaderRowDef", ctx.columns)("matHeaderRowDefSticky", true);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
+        i0.ɵɵproperty("matRowDefColumns", ctx.columns);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.items == null ? null : ctx.items.length));
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: 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-7DvK)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.MatTable, i2.MatHeaderRowDef, i2.MatRowDef, i2.MatHeaderRow, i2.MatRow, i3.ActionsColumnMolecule, i4.CheckboxColumnMolecule, i5.SmartColumnMolecule, i6.DomainPipe], styles: ["[_nghost-%COMP%]{--width: 100%;--width-SCOPED-IN-smart-table-DmhX: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-DmhX: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-DmhX: 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-DmhX)}[_nghost-%COMP%]   .no-data-message[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-DmhX) - var(--cell-SCOPED-IN-smart-table-DmhX) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-DmhX) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-DmhX) * 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; trackBy: trackByColumnName\" [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      [itemActions]=\"itemActions\"\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-7DvK: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-7DvK: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-7DvK: 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-7DvK)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-7DvK) - var(--cell-SCOPED-IN-smart-table-7DvK) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-7DvK) * 2)}\n"] }]
-    }], null, { columns: [{
-            type: Input
+        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 columns; trackBy: trackByColumnName\" [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      [itemActions]=\"itemActions\"\n      (action)=\"action.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sort?.key === name ? sort?.order : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: columns;\"></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-DmhX: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-DmhX: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-DmhX: 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-DmhX)}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-DmhX) - var(--cell-SCOPED-IN-smart-table-DmhX) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-DmhX) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-DmhX) * 2)}\n"] }]
+    }], null, { _columns: [{
+            type: Input,
+            args: ['columns']
         }], items: [{
             type: Input
         }], itemActions: [{
             type: Input
-        }], patientsSize: [{
-            type: Input
         }], pageSize: [{
             type: Input
-        }], menuItems: [{
-            type: Input
         }], selectedIdSet: [{
             type: Input
-        }], sortKey: [{
-            type: Input
-        }], sortOrder: [{
+        }], sort: [{
             type: Input
         }], action: [{
             type: Output
@@ -131,4 +125,4 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
         }], itemCheck: [{
             type: Output
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtdGFibGUub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC10YWJsZS9zbWFydC10YWJsZS5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LXRhYmxlL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztJQ0U1RixvREFLQztJQURDLDhPQUFpQixlQUFBLGlDQUEwQixDQUFBLElBQUM7SUFDN0MsaUJBQTRCOzs7SUFGM0Isb0RBQStCOzs7O0lBR2pDLG9EQU1DO0lBREMsZ09BQVUsZUFBQSwyQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUEyQjs7O0lBSDFCLHdDQUFtQixtQ0FBQTs7OztJQUlyQixrREFNQztJQURDLDZRQUFlLGVBQUEsaUNBQXNCLENBQUEsSUFBQzs7SUFDdkMsaUJBQXlCOzs7O0lBSnhCLDhCQUFhLDZDQUFBLGdFQUFBOzs7SUFoQmpCLGdDQUFrRztJQUNoRyw4SEFLNkI7SUFDN0IsNEhBTTRCO0lBQzVCLHdIQU0wQjtJQUM1QiwwQkFBZTs7O0lBckJpRSxrQ0FBaUI7SUFFNUYsZUFBMEI7SUFBMUIsMkNBQTBCO0lBTTFCLGVBQXlCO0lBQXpCLDBDQUF5Qjs7O0lBZTlCLHlCQUEwRTs7O0lBQzFFLHlCQUFtRTs7O0lBRXJFLCtCQUFvRDtJQUFBLDRFQUFVO0lBQUEsaUJBQU07O0FEaEJwRSxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBVUUsWUFBTyxHQUFtQixFQUFFLENBQUM7UUFPN0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUduQixnQkFBVyxHQUFpQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFHckQsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFHekIsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUdyQixjQUFTLEdBQWlCLEVBQUUsQ0FBQztRQUc3QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFTbEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHcEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3pDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFHcEQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHaEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBRWhELHNCQUFpQixHQUFHLENBQUMsVUFBa0IsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDO0tBQ3hEO0lBNUNDLElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMzQixDQUFDOztvRkFQVSxrQkFBa0I7cUVBQWxCLGtCQUFrQjtRQ1gvQixnQ0FBMEY7UUFDeEYscUZBcUJlO1FBRWYsaUVBQTBFO1FBQzFFLGlFQUFtRTtRQUNyRSxpQkFBUTtRQUNSLG1FQUFvRTs7UUEzQm5ELHNDQUFvQjtRQUNKLGVBQXFCO1FBQXJCLDhDQUFxQix1Q0FBQTtRQXVCaEMsZUFBbUM7UUFBbkMsc0RBQW1DLCtCQUFBO1FBQ3JCLGVBQTBCO1FBQTFCLHVEQUEwQjtRQUV4RCxlQUFvQjtRQUFwQixxRUFBb0I7O3VGRGhCYixrQkFBa0I7Y0FQOUIsU0FBUzsyQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDO2dCQUt6QixPQUFPO2tCQUROLEtBQUs7WUFRTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixZQUFZO2tCQURYLEtBQUs7WUFJTixRQUFRO2tCQURQLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixhQUFhO2tCQURaLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU07WUFJUCxXQUFXO2tCQURWLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxVQUFVO2tCQURULE1BQU07WUFJUCxTQUFTO2tCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb3JnYW5pc21zLXNtYXJ0LXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC10YWJsZS5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdvcmdhbmlzbSd9XG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0VGFibGVPcmdhbmlzbTxJdGVtIGV4dGVuZHMgb2JqZWN0PiB7XG5cbiAgQElucHV0KClcbiAgY29sdW1uczogKGtleW9mIEl0ZW0pW10gPSBbXTtcblxuICBnZXQgZGlzcGxheWVkQ29sdW1ucygpOiAoa2V5b2YgSXRlbSB8IHN0cmluZylbXSB7XG4gICAgcmV0dXJuIFsuLi50aGlzLmNvbHVtbnNdO1xuICB9XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IEl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1BY3Rpb25zOiAoaXRlbTogSXRlbSkgPT4gQWN0aW9uSXRlbVtdID0gKCkgPT4gW107XG5cbiAgQElucHV0KClcbiAgcGF0aWVudHNTaXplOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIG1lbnVJdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogJ2FzYycgfCAnZGVzYyc7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBcbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFtJdGVtLCBib29sZWFuXT4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgaXRlbUNoZWNrID0gbmV3IEV2ZW50RW1pdHRlcjxbSXRlbSwgYm9vbGVhbl0+KCk7XG4gIFxuICB0cmFja0J5Q29sdW1uTmFtZSA9IChjb2x1bW5OYW1lOiBzdHJpbmcpID0+IGNvbHVtbk5hbWU7XG59XG4iLCI8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cIml0ZW1zXCIgbWF0U29ydCBtYXRTb3J0RGlzYWJsZUNsZWFyIG1hdFNvcnREaXJlY3Rpb249XCJkZXNjXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5hbWUgb2YgZGlzcGxheWVkQ29sdW1uczsgdHJhY2tCeTogdHJhY2tCeUNvbHVtbk5hbWVcIiBbbmdTd2l0Y2hdPVwibmFtZVwiPlxuICAgIDxtb2xlY3VsZXMtY2hlY2tib3gtY29sdW1uXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiJ19fY2hlY2tib3gnXCJcbiAgICAgIG5hbWU9XCJfX2NoZWNrYm94XCJcbiAgICAgIFtzZWxlY3RlZElkU2V0XT1cInNlbGVjdGVkSWRTZXRcIlxuICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgID48L21vbGVjdWxlcy1jaGVja2JveC1jb2x1bW4+XG4gICAgPG1vbGVjdWxlcy1hY3Rpb25zLWNvbHVtbiBcbiAgICAgICpuZ1N3aXRjaENhc2U9XCInX19hY3Rpb25zJ1wiIFxuICAgICAgbmFtZT1cIl9fYWN0aW9uc1wiIFxuICAgICAgW2l0ZW1zXT1cIm1lbnVJdGVtc1wiXG4gICAgICBbaXRlbUFjdGlvbnNdPVwiaXRlbUFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9tb2xlY3VsZXMtYWN0aW9ucy1jb2x1bW4+XG4gICAgPG1vbGVjdWxlcy1zbWFydC1jb2x1bW5cbiAgICAgICpuZ1N3aXRjaERlZmF1bHRcbiAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgW2hlYWRlclRleHRdPVwibmFtZSB8IERcIlxuICAgICAgW3NvcnRdPVwic29ydEtleSA9PT0gbmFtZSA/IHNvcnRPcmRlciA6ICdub25lJ1wiXG4gICAgICAoaGVhZGVyQ2xpY2spPVwiaGVhZGVyQ2xpY2suZW1pdChuYW1lKVwiXG4gICAgPjwvbW9sZWN1bGVzLXNtYXJ0LWNvbHVtbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5ZWRDb2x1bW5zOyBzdGlja3k6IHRydWVcIj48L3RyPlxuICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IGl0ZW07IGNvbHVtbnM6IGRpc3BsYXllZENvbHVtbnM7XCI+PC90cj5cbjwvdGFibGU+XG48ZGl2ICpuZ0lmPVwiIWl0ZW1zPy5sZW5ndGhcIiBjbGFzcz1cIm5vLWRhdGEtbWVzc2FnZVwiPuODh+ODvOOCv+OBjOOBguOCiuOBvuOBm+OCk+OAgjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtdGFibGUub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC10YWJsZS9zbWFydC10YWJsZS5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LXRhYmxlL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztJQ0U1RixvREFLQztJQURDLDhPQUFpQixlQUFBLGlDQUEwQixDQUFBLElBQUM7SUFDN0MsaUJBQTRCOzs7SUFGM0Isb0RBQStCOzs7O0lBR2pDLG9EQUtDO0lBREMsZ09BQVUsZUFBQSwyQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUEyQjs7O0lBRjFCLGdEQUEyQjs7OztJQUc3QixrREFNQztJQURDLDZRQUFlLGVBQUEsaUNBQXNCLENBQUEsSUFBQzs7SUFDdkMsaUJBQXlCOzs7O0lBSnhCLDhCQUFhLDZDQUFBLDhIQUFBOzs7SUFmakIsZ0NBQXlGO0lBQ3ZGLDhIQUs2QjtJQUM3Qiw0SEFLNEI7SUFDNUIsd0hBTTBCO0lBQzVCLDBCQUFlOzs7SUFwQndELGtDQUFpQjtJQUVuRixlQUEwQjtJQUExQiwyQ0FBMEI7SUFNMUIsZUFBeUI7SUFBekIsMENBQXlCOzs7SUFhOUIseUJBQWlFOzs7SUFDakUseUJBQTBEOzs7SUFFNUQsK0JBQW9EO0lBQUEsNEVBQVU7SUFBQSxpQkFBTTs7QURWcEUsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVVFLGFBQVEsR0FBbUIsRUFBRSxDQUFDO1FBTzlCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsZ0JBQVcsR0FBWSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFHaEMsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUdyQixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFHbEMsU0FBSSxHQUFTLEVBQUUsQ0FBQztRQUdoQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUdwQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHekMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQztRQUdwRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdoQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFFdEMsc0JBQWlCLEdBQUcsQ0FBQyxVQUFrQixFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUM7S0FDbEU7SUFuQ0MsSUFBSSxPQUFPO1FBQ1QsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7O29GQVBVLGtCQUFrQjtxRUFBbEIsa0JBQWtCO1FDZi9CLGdDQUEwRjtRQUN4RixxRkFvQmU7UUFDZixpRUFBaUU7UUFDakUsaUVBQTBEO1FBQzVELGlCQUFRO1FBQ1IsbUVBQW9FOztRQXpCbkQsc0NBQW9CO1FBQ0osZUFBWTtRQUFaLHFDQUFZLHVDQUFBO1FBcUJ2QixlQUEwQjtRQUExQiw2Q0FBMEIsK0JBQUE7UUFDWixlQUFpQjtRQUFqQiw4Q0FBaUI7UUFFL0MsZUFBb0I7UUFBcEIscUVBQW9COzt1RkRWYixrQkFBa0I7Y0FQOUIsU0FBUzsyQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDO2dCQUt6QixRQUFRO2tCQURQLEtBQUs7bUJBQUMsU0FBUztZQVFoQixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixRQUFRO2tCQURQLEtBQUs7WUFJTixhQUFhO2tCQURaLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU07WUFJUCxXQUFXO2tCQURWLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxVQUFVO2tCQURULE1BQU07WUFJUCxTQUFTO2tCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbnMsIEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbmludGVyZmFjZSBTb3J0IHtcbiAga2V5Pzogc3RyaW5nO1xuICBvcmRlcj86ICdkZXNjJyB8ICdhc2MnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtc21hcnQtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtdGFibGUub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LXRhYmxlLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ29yZ2FuaXNtJ31cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRUYWJsZU9yZ2FuaXNtPEl0ZW0gZXh0ZW5kcyBvYmplY3Q+IHtcblxuICBASW5wdXQoJ2NvbHVtbnMnKVxuICBfY29sdW1uczogKGtleW9mIEl0ZW0pW10gPSBbXTtcblxuICBnZXQgY29sdW1ucygpOiAoa2V5b2YgSXRlbSB8IHN0cmluZylbXSB7XG4gICAgcmV0dXJuIFsuLi50aGlzLl9jb2x1bW5zXTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBJdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBpdGVtQWN0aW9uczogQWN0aW9ucyA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHNlbGVjdGVkSWRTZXQgPSBuZXcgU2V0PHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICBzb3J0OiBTb3J0ID0ge307XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBcbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFtJdGVtLCBib29sZWFuXT4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgaXRlbUNoZWNrID0gbmV3IEV2ZW50RW1pdHRlcjxbSXRlbSwgYm9vbGVhbl0+KCk7XG4gIFxuICBwcm90ZWN0ZWQgdHJhY2tCeUNvbHVtbk5hbWUgPSAoY29sdW1uTmFtZTogc3RyaW5nKSA9PiBjb2x1bW5OYW1lO1xufVxuIiwiPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJpdGVtc1wiIG1hdFNvcnQgbWF0U29ydERpc2FibGVDbGVhciBtYXRTb3J0RGlyZWN0aW9uPVwiZGVzY1wiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBuYW1lIG9mIGNvbHVtbnM7IHRyYWNrQnk6IHRyYWNrQnlDb2x1bW5OYW1lXCIgW25nU3dpdGNoXT1cIm5hbWVcIj5cbiAgICA8bW9sZWN1bGVzLWNoZWNrYm94LWNvbHVtblxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIidfX2NoZWNrYm94J1wiXG4gICAgICBuYW1lPVwiX19jaGVja2JveFwiXG4gICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgIChjaGVja2JveENsaWNrKT1cImNoZWNrYm94Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9tb2xlY3VsZXMtY2hlY2tib3gtY29sdW1uPlxuICAgIDxtb2xlY3VsZXMtYWN0aW9ucy1jb2x1bW4gXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiJ19fYWN0aW9ucydcIiBcbiAgICAgIG5hbWU9XCJfX2FjdGlvbnNcIlxuICAgICAgW2l0ZW1BY3Rpb25zXT1cIml0ZW1BY3Rpb25zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvbW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uPlxuICAgIDxtb2xlY3VsZXMtc21hcnQtY29sdW1uXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgIFtoZWFkZXJUZXh0XT1cIm5hbWUgfCBEXCJcbiAgICAgIFtzb3J0XT1cInNvcnQ/LmtleSA9PT0gbmFtZSA/IHNvcnQ/Lm9yZGVyIDogJ25vbmUnXCJcbiAgICAgIChoZWFkZXJDbGljayk9XCJoZWFkZXJDbGljay5lbWl0KG5hbWUpXCJcbiAgICA+PC9tb2xlY3VsZXMtc21hcnQtY29sdW1uPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zOyBzdGlja3k6IHRydWVcIj48L3RyPlxuICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IGl0ZW07IGNvbHVtbnM6IGNvbHVtbnM7XCI+PC90cj5cbjwvdGFibGU+XG48ZGl2ICpuZ0lmPVwiIWl0ZW1zPy5sZW5ndGhcIiBjbGFzcz1cIm5vLWRhdGEtbWVzc2FnZVwiPuODh+ODvOOCv+OBjOOBguOCiuOBvuOBm+OCk+OAgjwvZGl2PiJdfQ==

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();
-    } }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-U116: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-U116);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:56px}"], changeDetection: 0 });
+    } }, dependencies: [i1.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-SWAF: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-SWAF);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-U116: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-U116);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-SWAF: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-SWAF);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
     }], null, { signInWithGoogleButtonClick: [{
             type: Output
         }] }); })();

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

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

package/esm2020/organisms/textarea-section/textarea-section.organism.mjs CHANGED Viewed

@@ -11,10 +11,10 @@ TextareaSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tex
         i0.ɵɵelement(0, "molecules-textarea-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("label", ctx.label);
-    } }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-dXm7: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-dXm7);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Wkub: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Wkub);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-dXm7: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-dXm7);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Wkub: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Wkub);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }] }); })();

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

@@ -22,10 +22,10 @@ TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNav
         i0.ɵɵtextInterpolate1(" ", ctx.title || "", " ");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-guf4: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-guf4);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
+    } }, dependencies: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-xpGk: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-xpGk);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\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{--primary-500-SCOPED-IN-top-navigator-guf4: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-guf4);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+        args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\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{--primary-500-SCOPED-IN-top-navigator-xpGk: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-xpGk);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
     }], null, { title: [{
             type: Input
         }], items: [{

package/esm2020/templates/entrance/entrance.template.mjs CHANGED Viewed

@@ -72,10 +72,10 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
         i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("actions", ctx.actions);
-    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-cLAi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-cLAi: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-cLAi);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-cLAi)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-xxO8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-xxO8: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-xxO8);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-xxO8)}\n"] }]
+        args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-cLAi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-cLAi: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-cLAi);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-cLAi)}\n"] }]
     }], null, { form: [{
             type: Input
         }], isEmailSectionShown: [{

package/esm2020/templates/menu/menu.template.mjs CHANGED Viewed

@@ -23,10 +23,10 @@ MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate,
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-w232: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-w232: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-w232: var(--width);--height: 100%;--height-SCOPED-IN-menu-w232: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-w232);height:var(--height-SCOPED-IN-menu-w232);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-w232)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-w232);--secondary-color: var(--secondary-color-SCOPED-IN-menu-w232)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-tThv: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-tThv: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-tThv: var(--width);--height: 100%;--height-SCOPED-IN-menu-tThv: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-tThv);height:var(--height-SCOPED-IN-menu-tThv);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-tThv)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-tThv);--secondary-color: var(--secondary-color-SCOPED-IN-menu-tThv)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-w232: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-w232: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-w232: var(--width);--height: 100%;--height-SCOPED-IN-menu-w232: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-w232);height:var(--height-SCOPED-IN-menu-w232);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-w232)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-w232);--secondary-color: var(--secondary-color-SCOPED-IN-menu-w232)}\n"] }]
+        args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-tThv: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-tThv: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-tThv: var(--width);--height: 100%;--height-SCOPED-IN-menu-tThv: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-tThv);height:var(--height-SCOPED-IN-menu-tThv);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-tThv)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-tThv);--secondary-color: var(--secondary-color-SCOPED-IN-menu-tThv)}\n"] }]
     }], null, { items: [{
             type: Input
         }], action: [{