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/fesm2015/ng-atomic-components-organisms-navigator.mjs CHANGED Viewed

@@ -4,72 +4,71 @@ import * as i1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/material/button';
+import * as i3 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@ng-atomic/components/atoms/smart-menu-button';
-import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
-function NavigatorOrganism_button_2_Template(rf, ctx) {
+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 _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()();
+        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 = ["*"];
 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) {
+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);
+            i0.ɵɵproperty("ngIf", ctx.rightItems.length);
         }
-    }, 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 });
+    }, 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
             }] });
 })();

package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../libs/components/src/organisms/navigator/navigator.organism.html","../../../../libs/components/src/organisms/navigator/navigator.organism.ts","../../../../libs/components/src/organisms/navigator/navigator.module.ts","../../../../libs/components/src/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["<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","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ~~ActionItem~~, ~~ActionItemEvent~~ } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-navigator',\n templateUrl: './navigator.organism.html',\n styleUrls: ['./navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n @Input()\n ~~canBack~~ = ~~true~~;\n\n @Input()\n ~~title?: string;\n\n @Input()\n description?: string;\n\n @Input()\n actionItems~~: ActionItem[] = [];\n\n @Output()\n ~~backButtonClick~~ = new EventEmitter<~~void~~>();\n~~\n @Output()\n actionItemClick = new EventEmitter<ActionItemEvent>();\n\n~~}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n declarations: [NavigatorOrganism],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;~~QAEI,~~EAAyE~~,CAAA,cAAA,CAAA,CAAA,EAAA,~~QAAA~~,EAAA,CAAA,CAAA,CAAA;~~AAAjC~~,QAAA,EAAA,CAAA,UAAA,CAAA,~~OAAA~~,EAAA,SAAA,~~2DAAA~~,~~GAAA~~,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,~~OAAS~~,~~6BAAsB~~,CAAC,EAAA,CAAA,CAAA;~~AACtE~~,~~QAAA~~,~~EAAU~~,CAAA,~~cAAA~~,CAAA,CAAA,EAAA,~~UAAA~~,CAAA,CAAA~~;AAAA~~,~~QAAA~~,~~EAAU~~,CAAA,~~MAAA~~,CAAA,CAAA,EAAA,~~YAAA~~,CAAA,CAAA;~~AAAA~~,QAAA,EAAA,CAAA,~~YAAA~~,~~EAAW~~,EAAA,CAAA~~;;;MCMxB~~,~~iBAAiB~~,CAAA~~;AAN9B~~,~~IAAA~~,~~WAAA~~,GAAA;~~AASE~~,~~QAAA~~,~~IAAO~~,CAAA,OAAA,~~GAAG~~,~~IAAI~~,~~CAAC~~;~~AASf~~,QAAA,~~IAAW~~,CAAA,~~WAAA~~,GAAiB,EAAE,CAAC;~~AAG/B~~,QAAA,~~IAAA~~,CAAA,~~eAAe~~,~~GAAG~~,~~IAAI~~,~~YAAY,EAAQ,~~CAAC;~~AAG3C~~,QAAA,IAAA,CAAA,~~eAAe~~,GAAG,IAAI,YAAY,~~EAAmB~~,CAAC;~~KAEvD~~;;~~kFApBY~~,iBAAiB,GAAA,CAAA,EAAA,CAAA;oEAAjB,iBAAiB,EAAA,SAAA,EAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,~~OAAA~~,EAAA,~~SAAA~~,EAAA,~~KAAA~~,EAAA,~~OAAA,EAAA,~~WAAA,EAAA,~~aAAA,~~EAAA,~~WAAA~~,EAAA,~~aAAA,~~EAAA,~~EAAA~~,~~OAAA,~~EAAA,~~EAAA~~,~~eAAA,~~EAAA,~~iBAAA,~~EAAA,~~eAAA~~,EAAA,~~iBAAA~~,EAAA,~~EAAA,~~KAAA,EAAA,~~EAAA~~,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,~~iBAAA,EAAA,EAAA,EAAA,~~CAAA,EAAA,OAAA,EAAA,~~CAAA~~,EAAA,~~MAAA,~~CAAA,EAAA,~~CAAA,CAAA,EAAA,~~MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,OAAA,~~CAAA,~~EAAA,~~CAAA~~,CAAA,~~EAAA,aAAA,~~CAAA,EAAA,~~CAAA,CAAA,EAAA,aAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,CAAA,CAAA,EAAA,~~QAAA,EAAA,SAAA,0BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADT9B,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,aAAA,EAAA,CAAA,CAA6B,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA;AAEzB,YAAA,~~EAES~~,CAAA,UAAA,CAAA,CAAA,EAAA,~~mCAAA~~,EAAA,CAAA,EAAA,CAAA,EAAA,~~QAAA~~,EAAA,CAAA,CAAA,CAAA;~~AACT~~,YAAA,~~EAAA~~,CAAA,~~cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAkB,CAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA;AACI,~~YAAA,~~EAAiB,~~CAAA,~~MAAA,~~CAAA,CAAA,CAAA~~,CAAA~~;~~YAAA~~,~~EAAO~~,CAAA,YAAA,EAAA,CAAA;~~YAC5C~~,~~EAA0B~~,CAAA,cAAA,CAAA,CAAA,EAAA,~~MAAA~~,~~EAAA,~~CAAA,CAAA~~,CAAA~~;~~AAAA~~,YAAA,~~EAAuB~~,CAAA,~~MAAA~~,CAAA,CAAA,~~CAAA,CAAA;AAAA,YAAA,~~EAAA,~~CAAA~~,~~YAAA,EAAO,~~EAAA,~~EAAA,~~CAAA~~;AAG5D~~,~~YAAA,~~EAAA,CAAA,~~cAAA,CAAA,CAAA,~~EAAA,~~KAAA,CAAK,CAAA,CAAA,EAAA,~~yBAAA,EAAA,CAAA,CAAA,CAAA;~~YAGD~~,~~EAAA,CAAA,UAAA,CAAA,iBAAA,EAAA,SAAA,6EAAA,CAAA,MAAA,EAAA,EAAA,OAAmB,gCAA4B,CAAC,EAAA,CAAA,CAAA;AACjD,~~YAAA,EAAA,CAAA,YAAA,~~EAA0B~~,EAAA,~~EAAA,~~CAAA;;;~~AAZF~~,YAAA,~~EAAa~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~YAAb~~,~~EAAa~~,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,~~OAAA,CAAA,CAAA;AAIhB,YAAA,EAAiB,CAAA,~~SAAA,CAAA,~~CAAA~~,CAAA,CAAA;~~YAAjB~~,~~EAAiB,CAAA,iBAAA,CAAA,GAAA,CAAA,KAAA,IAAA,EAAA,CAAA,CAAA;AACX,~~YAAA,EAAuB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAvB,EAAuB,CAAA,~~iBAAA~~,CAAA,~~GAAA~~,~~CAAA,WAAA,IAAA,~~EAAA,~~CAAA~~,CAAA~~;AAKjD~~,~~YAAA,EAA2B,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAA3B,EAA2B,CAAA,~~UAAA,CAAA,~~aAAA~~,~~EAAA,GAAA,~~CAAA,~~WAAA,~~CAAA~~,CAAA~~;;;;~~4ECHpB~~,iBAAiB,EAAA,CAAA;kBAN7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~8hBAAA~~,EAAA,MAAA,EAAA,CAAA,~~ufAAA,~~CAAA,EAAA,CAAA;~~oBAK~~/C,~~OAAO~~,EAAA,CAAA;~~sBADN~~,KAAK;gBAIN,~~KAAK~~,EAAA,CAAA;~~sBADJ~~,KAAK;gBAIN,~~WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,~~MAAM~~;gBAIP~~,~~eAAe,~~EAAA,CAAA;~~sBADd~~,MAAM;;;;~~MCFI~~,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;iEAAf,eAAe,EAAA,CAAA,CAAA;AAXjB,eAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;;4EAGU,eAAe,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;wBACf,aAAa;wBACb,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B,CAAA;;;;6EACY,eAAe,EAAA,EAAA,YAAA,EAAA,CAZX,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB,aAEb,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACtB7B;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../libs/components/src/organisms/navigator/navigator.organism.html","../../../../libs/components/src/organisms/navigator/navigator.organism.ts","../../../../libs/components/src/organisms/navigator/navigator.module.ts","../../../../libs/components/src/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["<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","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-navigator',\n templateUrl: './navigator.organism.html',\n styleUrls: ['./navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n @Input()\n rightItems: ActionItem[] = [];\n\n @Input()\n leftItems: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n declarations: [NavigatorOrganism],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-paginator.mjs CHANGED Viewed

@@ -18,7 +18,7 @@ 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) {
+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);
@@ -28,15 +28,15 @@ PaginatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Paginator
         }
         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: [{

package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../libs/components/src/organisms/paginator/paginator.organism.ts","../../../../libs/components/src/organisms/paginator/paginator.organism.html","../../../../libs/components/src/organisms/paginator/paginator.module.ts","../../../../libs/components/src/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-paginator',\n templateUrl: './paginator.organism.html',\n styleUrls: ['./paginator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = '';\n\n @Input()\n page!: PageEvent;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n declarations: [\n PaginatorOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatPaginatorModule,\n // Frames\n AutoLayoutModule,\n // Molecules\n ChipsInputFieldModule,\n ],\n exports: [\n PaginatorOrganism\n ]\n})\nexport class PaginatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAWa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAGtC,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAMjB,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;kFAjBY,iBAAiB,GAAA,CAAA,EAAA,CAAA;oEAAjB,iBAAiB,EAAA,SAAA,EAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,YAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,MAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,0BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCX9B,EAA+B,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,EAAA,CAAA,CAAA,CAAA;YAC7B,~~EAI~~+B,CAAA,SAAA,CAAA,CAAA,EAAA,6BAAA,EAAA,CAAA,CAAA,CAAA;YAC/B,EAK2B,CAAA,cAAA,CAAA,CAAA,EAAA,eAAA,EAAA,CAAA,CAAA,CAAA;YADzB,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,SAAA,wDAAA,CAAA,MAAA,EAAA,EAAA,OAAQ,2BAAuB,CAAC,EAAA,CAAA,CAAA;AAElC,YAAA,EAAA,CAAA,YAAA,EAAgB,EAAA,CAAA;;;~~AAVd~~,YAAA,~~EAAmB~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~YAAnB~~,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,OAAA,~~CAAmB~~,~~wBAAA~~,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;~~AAKnB~~,YAAA,EAAsB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAtB,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAsB,+BAAA,CAAA,iBAAA,EAAA,GAAA,CAAA,eAAA,CAAA,CAAA;;;;~~4EDIb~~,iBAAiB,EAAA,CAAA;kBAP7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,~~ubAAA~~,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,CAAA;oBAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;;MEAI,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;iEAAf,eAAe,EAAA,CAAA,CAAA;AAbjB,eAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;;4EAKU,eAAe,EAAA,CAAA;kBAjB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,kBAAkB;;wBAElB,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;AAClB,qBAAA;iBACF,CAAA;;;;6EACY,eAAe,EAAA,EAAA,YAAA,EAAA,CAfxB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB,aAGrB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACtBrB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../libs/components/src/organisms/paginator/paginator.organism.ts","../../../../libs/components/src/organisms/paginator/paginator.organism.html","../../../../libs/components/src/organisms/paginator/paginator.module.ts","../../../../libs/components/src/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-paginator',\n templateUrl: './paginator.organism.html',\n styleUrls: ['./paginator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = '';\n\n @Input()\n page!: PageEvent;\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n declarations: [\n PaginatorOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatPaginatorModule,\n // Frames\n AutoLayoutModule,\n // Molecules\n ChipsInputFieldModule,\n ],\n exports: [\n PaginatorOrganism\n ]\n})\nexport class PaginatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAWa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAGtC,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAMjB,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;kFAjBY,iBAAiB,GAAA,CAAA,EAAA,CAAA;oEAAjB,iBAAiB,EAAA,SAAA,EAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,YAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,MAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,0BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCX9B,EAA+B,CAAA,cAAA,CAAA,CAAA,EAAA,oBAAA,EAAA,CAAA,CAAA,CAAA;YAC7B,EAO+B,CAAA,SAAA,CAAA,CAAA,EAAA,6BAAA,EAAA,CAAA,CAAA,CAAA;YAC/B,EAK2B,CAAA,cAAA,CAAA,CAAA,EAAA,eAAA,EAAA,CAAA,CAAA,CAAA;YADzB,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,SAAA,wDAAA,CAAA,MAAA,EAAA,EAAA,OAAQ,2BAAuB,CAAC,EAAA,CAAA,CAAA;AAElC,YAAA,EAAA,CAAA,YAAA,EAAgB,EAAA,CAAA;;;AAbd,YAAA,EAAuB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAvB,YAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,QAAA,CAAuB,CAAA,SAAA,EAAA,GAAA,CAAA,OAAA,CAAA,CAAA,YAAA,EAAA,QAAA,CAAA,CAAA,OAAA,EAAA,EAAA,CAAA,CAAA,MAAA,EAAA,EAAA,CAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;AAQvB,YAAA,EAAsB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAAtB,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAsB,+BAAA,CAAA,iBAAA,EAAA,GAAA,CAAA,eAAA,CAAA,CAAA;;;;4EDCb,iBAAiB,EAAA,CAAA;kBAP7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,2fAAA,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,CAAA;oBAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;;MEAI,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;iEAAf,eAAe,EAAA,CAAA,CAAA;AAbjB,eAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;;4EAKU,eAAe,EAAA,CAAA;kBAjB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,kBAAkB;;wBAElB,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;AAClB,qBAAA;iBACF,CAAA;;;;6EACY,eAAe,EAAA,EAAA,YAAA,EAAA,CAfxB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB,aAGrB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACtBrB;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs CHANGED Viewed

@@ -20,11 +20,11 @@ SelectInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         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/fesm2015/ng-atomic-components-organisms-smart-table.mjs CHANGED Viewed

@@ -33,12 +33,12 @@ function SmartTableOrganism_ng_container_1_molecules_actions_column_2_Template(r
     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) {
@@ -95,20 +95,21 @@ 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) {
+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);
@@ -128,11 +129,11 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
             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: [{
@@ -141,7 +142,7 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
                 type: Input
             }], pageSize: [{
                 type: Input
-            }], actionItems: [{
+            }], menuItems: [{
                 type: Input
             }], selectedIdSet: [{
                 type: Input
@@ -149,7 +150,7 @@ SmartTableOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartTab
                 type: Input
             }], sortOrder: [{
                 type: Input
-            }], actionItemClick: [{
+            }], action: [{
                 type: Output
             }], headerClick: [{
                 type: Output

package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/src/organisms/smart-table/smart-table.organism.html","../../../../libs/components/src/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/src/organisms/smart-table/smart-table.module.ts","../../../../libs/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["<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\">データがありません。</div>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input()\n columns: (keyof Item)[] = [];\n\n get displayedColumns(): (keyof Item \| string)[] {\n return [...this.columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n patientsSize: number = 0;\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: 'asc' \| 'desc';\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem, Item]>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-smart-table.mjs","sources":["../../../../libs/components/src/organisms/smart-table/smart-table.organism.html","../../../../libs/components/src/organisms/smart-table/smart-table.organism.ts","../../../../libs/components/src/organisms/smart-table/smart-table.module.ts","../../../../libs/components/src/organisms/smart-table/ng-atomic-components-organisms-smart-table.ts"],"sourcesContent":["<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\">データがありません。</div>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-smart-table',\n templateUrl: './smart-table.organism.html',\n styleUrls: ['./smart-table.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism'}\n})\nexport class SmartTableOrganism<Item extends object> {\n\n @Input()\n columns: (keyof Item)[] = [];\n\n get displayedColumns(): (keyof Item \| string)[] {\n return [...this.columns];\n }\n\n @Input()\n items: Item[] = [];\n\n @Input()\n patientsSize: number = 0;\n\n @Input()\n pageSize: number = 0;\n\n @Input()\n menuItems: ActionItem[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: 'asc' \| 'desc';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n headerClick = new EventEmitter<string>();\n \n @Output()\n checkboxClick = new EventEmitter<[Item, boolean]>();\n\n @Output()\n pageChange = new EventEmitter();\n\n @Output()\n itemCheck = new EventEmitter<[Item, boolean]>();\n \n trackByColumnName = (columnName: string) => columnName;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnModule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnModule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnModule } from '@ng-atomic/components/molecules/smart-column';\n\nimport { SmartTableOrganism } from './smart-table.organism';\n\n@NgModule({\n declarations: [\n SmartTableOrganism,\n ],\n imports: [\n CommonModule,\n // Pipes\n DomainModule,\n // Material\n MatTableModule,\n MatCheckboxModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Molecules\n ActionsColumnModule,\n CheckboxColumnModule,\n SmartColumnModule,\n ],\n exports: [\n SmartTableOrganism\n ]\n})\nexport class SmartTableModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ SocialLoginSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             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
             }] });

package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs CHANGED Viewed

@@ -21,11 +21,11 @@ TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Te
         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-ecYI: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ecYI);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
+    }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-AM8D: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-AM8D);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=\"text\"\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-ecYI: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ecYI);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=\"text\"\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-AM8D: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-AM8D);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }], placeholder: [{

package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ TextareaSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tex
         if (rf & 2) {
             i0.ɵɵproperty("label", ctx.label);
         }
-    }, directives: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Jxql: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Jxql);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    }, directives: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-7hHm: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-7hHm);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-Jxql: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Jxql);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-7hHm: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-7hHm);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], null, { label: [{
                 type: Input
             }] });

package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs CHANGED Viewed

@@ -9,37 +9,37 @@ import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-bu
 class TopNavigatorOrganism {
     constructor() {
-        this.actionItems = [];
-        this.actionItemClick = new EventEmitter();
+        this.items = [];
+        this.action = new EventEmitter();
         this.id = (item) => item.id;
     }
 }
 TopNavigatorOrganism.ɵfac = function TopNavigatorOrganism_Factory(t) { return new (t || TopNavigatorOrganism)(); };
-TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNavigatorOrganism, selectors: [["organisms-top-navigator"]], inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 5, vars: 2, consts: [["color", "primary"], [1, "title-container"], [3, "actionItems", "actionItemClick"]], template: function TopNavigatorOrganism_Template(rf, ctx) {
+TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNavigatorOrganism, selectors: [["organisms-top-navigator"]], inputs: { title: "title", items: "items" }, outputs: { action: "action" }, decls: 5, vars: 2, consts: [["color", "primary"], [1, "title-container"], [3, "items", "action"]], template: function TopNavigatorOrganism_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "div", 1);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "div")(4, "atoms-smart-menu-button", 2);
-            i0.ɵɵlistener("actionItemClick", function TopNavigatorOrganism_Template_atoms_smart_menu_button_actionItemClick_4_listener($event) { return ctx.actionItemClick.emit($event); });
+            i0.ɵɵlistener("action", function TopNavigatorOrganism_Template_atoms_smart_menu_button_action_4_listener($event) { return ctx.action.emit($event); });
             i0.ɵɵelementEnd()()();
         }
         if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.title || "", " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("actionItems", ctx.actionItems);
+            i0.ɵɵproperty("items", ctx.items);
         }
-    }, directives: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-f9pX: 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-f9pX);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 });
+    }, directives: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-5UJb: 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-5UJb);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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-f9pX: 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-f9pX);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-5UJb: 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-5UJb);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
-            }], actionItems: [{
+            }], items: [{
                 type: Input
-            }], actionItemClick: [{
+            }], action: [{
                 type: Output
             }] });
 })();

package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../libs/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-top-navigator',\n templateUrl: './top-navigator.organism.html',\n styleUrls: ['./top-navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n @Input()\n title?: string;\n\n @Input()\n ~~actionItems~~: ActionItem[] = [];\n\n @Output()\n ~~actionItemClick~~ = new EventEmitter<ActionItem>();\n \n id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title \|\| '' }}\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n declarations: [\n TopNavigatorOrganism\n ],\n imports: [\n CommonModule,\n // Material\n MatToolbarModule,\n MatMenuModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n TopNavigatorOrganism\n ]\n})\nexport class TopNavigatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYE,QAAA,~~IAAW~~,CAAA,~~WAAA~~,GAAiB,EAAE,CAAC;~~AAG/B~~,QAAA,IAAA,CAAA,~~eAAe~~,GAAG,IAAI,YAAY,EAAc,CAAC;~~QAEjD~~,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;wFAbY,oBAAoB,GAAA,CAAA,EAAA,CAAA;uEAApB,oBAAoB,EAAA,SAAA,EAAA,CAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,~~WAAA~~,EAAA,~~aAAA~~,EAAA,EAAA,OAAA,EAAA,EAAA,~~eAAA~~,EAAA,~~iBAAA~~,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,CAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,CAAA,EAAA,~~aAAA~~,EAAA,~~iBAAA~~,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,6BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ACVjC,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,aAAA,EAAA,CAAA,CAA6B,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAEzB,YAAA,EACF,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;YAAA,EAAM,CAAA,YAAA,EAAA,CAAA;AACN,YAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,CAAK,CAAA,CAAA,EAAA,yBAAA,EAAA,CAAA,CAAA,CAAA;YAGD,EAAA,CAAA,UAAA,CAAA,~~iBAAA~~,EAAA,SAAA,~~gFAAA~~,CAAA,MAAA,EAAA,EAAA,~~OAAmB~~,~~gCAA4B~~,CAAC,EAAA,CAAA,CAAA;~~AACjD~~,YAAA,EAAA,CAAA,YAAA,EAA0B,EAAA,EAAA,CAAA;;;AAN3B,YAAA,EACF,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AADE,YAAA,EACF,CAAA,kBAAA,CAAA,GAAA,EAAA,GAAA,CAAA,KAAA,IAAA,EAAA,EAAA,GAAA,CAAA,CAAA;AAGI,YAAA,~~EAA2B~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~YAA3B~~,~~EAA2B~~,CAAA,UAAA,CAAA,~~aAAA~~,EAAA,GAAA,CAAA,~~WAAA~~,CAAA,CAAA;;;;~~4EDIpB~~,oBAAoB,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~wSAAA~~,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;oBAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,~~WAAW~~,EAAA,CAAA;~~sBADV~~,KAAK;gBAIN,~~eAAe~~,EAAA,CAAA;~~sBADd~~,MAAM;;;;MEMI,kBAAkB,CAAA;;oFAAlB,kBAAkB,GAAA,CAAA,EAAA,CAAA;oEAAlB,kBAAkB,EAAA,CAAA,CAAA;AAZpB,kBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;YAChB,aAAa;;YAEb,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;;4EAKU,kBAAkB,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,aAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;;6EACY,kBAAkB,EAAA,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;YAEZ,gBAAgB;YAChB,aAAa;;YAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACrBxB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../libs/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n\n@Component({\n selector: 'organisms-top-navigator',\n templateUrl: './top-navigator.organism.html',\n styleUrls: ['./top-navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n @Input()\n title?: string;\n\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<ActionItem>();\n \n id = (item: {id: string}) => item.id;\n\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n declarations: [\n TopNavigatorOrganism\n ],\n imports: [\n CommonModule,\n // Material\n MatToolbarModule,\n MatMenuModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n TopNavigatorOrganism\n ]\n})\nexport class TopNavigatorModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -48,7 +48,7 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
-EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, decls: 8, vars: 3, consts: [["vertical", ""], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control", 4, "ngIf"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control", 4, "ngIf"], [3, "actionItems"], [3, "signInWithGoogleButtonClick"], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control"]], template: function EntranceTemplate_Template(rf, ctx) {
+EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, decls: 8, vars: 3, consts: [["vertical", ""], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control", 4, "ngIf"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control", 4, "ngIf"], [3, "items"], [3, "signInWithGoogleButtonClick"], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control"]], template: function EntranceTemplate_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "frames-card")(1, "frames-auto-layout", 0)(2, "organisms-heading");
             i0.ɵɵtext(3, "\u30ED\u30B0\u30A4\u30F3");
@@ -66,13 +66,13 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("actionItems", ctx.actionItems);
+            i0.ɵɵproperty("items", ctx.actionItems);
         }
-    }, directives: [i1.CardFrame, i2.AutoLayoutFrame, i3.HeadingOrganism, i4.NgIf, i5.TextInputSectionOrganism, i6.ActionButtonsSectionOrganism, i7.SocialLoginSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-FycM: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-FycM: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-FycM);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-FycM)}"], changeDetection: 0 });
+    }, directives: [i1.CardFrame, i2.AutoLayoutFrame, i3.HeadingOrganism, i4.NgIf, i5.TextInputSectionOrganism, i6.ActionButtonsSectionOrganism, i7.SocialLoginSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-o0cc: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-o0cc: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-o0cc);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-o0cc)}"], 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      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-FycM: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-FycM: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-FycM);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-FycM)}\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 [items]=\"actionItems\"></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-o0cc: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-o0cc: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-o0cc);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-o0cc)}\n"] }]
         }], null, { form: [{
                 type: Input
             }], isEmailSectionShown: [{