@ng-atomic/components 2.0.1 → 3.2.0

package/fesm2020/ng-atomic-components-frames-overlay.mjs

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import '@angular/router';
+import { trigger, transition, query, style, animate, animateChild } from '@angular/animations';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+const slideInAnimation = trigger('routeAnimations', [
+    transition('IndexPage => NextPage', [
+        query(':enter', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':enter', [style({ left: '100%' })]),
+        query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),
+        query(':enter', animateChild()),
+    ]),
+    transition('NextPage => IndexPage', [
+        query(':leave', [
+            style({
+                position: 'absolute',
+                top: '0px',
+                left: '0px'
+            })
+        ]),
+        query(':leave', [style({ left: '0%' })]),
+        query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),
+        query(':leave', animateChild()),
+    ])
+]);
+
+function OverlayFrame_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "mat-spinner");
+    i0.ɵɵelementEnd();
+} }
+const _c0 = [[["", "mainPage", ""]], [["", "nextPage", ""]]];
+const _c1 = ["[mainPage]", "[nextPage]"];
+class OverlayFrame {
+    constructor() {
+        this.outlet = null;
+        this.isLoading = false;
+    }
+    prepareRoute(outlet) {
+        return outlet?.activatedRouteData?.['page'];
+    }
+}
+OverlayFrame.ɵfac = function OverlayFrame_Factory(t) { return new (t || OverlayFrame)(); };
+OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame, selectors: [["frames-overlay"]], inputs: { outlet: "outlet", isLoading: "isLoading" }, ngContentSelectors: _c1, decls: 5, vars: 2, consts: [["class", "loading", 4, "ngIf"], [1, "main", "page"], [1, "next", "page"], [1, "loading"]], template: function OverlayFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵtemplate(0, OverlayFrame_div_0_Template, 2, 0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵprojection(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "div", 2);
+        i0.ɵɵprojection(4, 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.isLoading);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("@routeAnimations", ctx.prepareRoute(ctx.outlet));
+    } }, directives: [i1.NgIf, i2.MatProgressSpinner], styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-Oobm: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Oobm: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Oobm: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm)}[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%]   .main.page[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm);overflow:hidden}[_nghost-%COMP%]   .main.page[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-Oobm);--width: var(--width-SCOPED-IN-line-overlay-Oobm);--height: var(--height-SCOPED-IN-line-overlay-Oobm)}[_nghost-%COMP%]   .next.page[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:auto}[_nghost-%COMP%]   .next.page[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-Oobm);--width: var(--width-SCOPED-IN-line-overlay-Oobm);--height: var(--height-SCOPED-IN-line-overlay-Oobm)}"], data: { animation: [slideInAnimation] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-overlay', animations: [slideInAnimation], template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-Oobm: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Oobm: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Oobm: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm);justify-content:center;align-items:center;background-color:#0006}:host .main.page{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:var(--height-SCOPED-IN-line-overlay-Oobm);overflow:hidden}:host .main.page *{--cell: var(--cell-SCOPED-IN-line-overlay-Oobm);--width: var(--width-SCOPED-IN-line-overlay-Oobm);--height: var(--height-SCOPED-IN-line-overlay-Oobm)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Oobm);height:auto}:host .next.page *{--cell: var(--cell-SCOPED-IN-line-overlay-Oobm);--width: var(--width-SCOPED-IN-line-overlay-Oobm);--height: var(--height-SCOPED-IN-line-overlay-Oobm)}\n"] }]
+    }], null, { outlet: [{
+            type: Input
+        }], isLoading: [{
+            type: Input
+        }] }); })();
+
+class OverlayModule {
+}
+OverlayModule.ɵfac = function OverlayModule_Factory(t) { return new (t || OverlayModule)(); };
+OverlayModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: OverlayModule });
+OverlayModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [OverlayFrame],
+                imports: [
+                    CommonModule,
+                    MatProgressSpinnerModule
+                ],
+                exports: [
+                    OverlayFrame
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(OverlayModule, { declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OverlayFrame, OverlayModule };
+//# sourceMappingURL=ng-atomic-components-frames-overlay.mjs.map

package/fesm2020/ng-atomic-components-frames-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-overlay.mjs","sources":["../../../../libs/components/src/frames/overlay/overlay.animations.ts","../../../../libs/components/src/frames/overlay/overlay.frame.html","../../../../libs/components/src/frames/overlay/overlay.frame.ts","../../../../libs/components/src/frames/overlay/overlay.module.ts","../../../../libs/components/src/frames/overlay/ng-atomic-components-frames-overlay.ts"],"sourcesContent":["import { trigger, transition, style, query, group, animateChild, animate } from '@angular/animations';\n\nexport const slideInAnimation = trigger('routeAnimations', [\n  transition('IndexPage => NextPage', [\n    query(':enter', [\n      style({\n        position: 'absolute',\n        top: '0px',\n        left: '0px'\n      })\n    ]),\n    query(':enter', [style({ left: '100%' })]),\n    query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n    query(':enter', animateChild()),\n  ]),\n\n  transition('NextPage => IndexPage', [\n      query(':leave', [\n        style({\n          position: 'absolute',\n          top: '0px',\n          left: '0px'\n        })\n      ]),\n      query(':leave', [style({ left: '0%' })]),\n      query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n      query(':leave', animateChild()),\n  ])\n\n]);","<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>","import { Component, Input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { slideInAnimation } from './overlay.animations';\n\n@Component({\n  selector: 'frames-overlay',\n  templateUrl: './overlay.frame.html',\n  styleUrls: ['./overlay.frame.scss'],\n  animations: [slideInAnimation],\n})\nexport class OverlayFrame {\n  \n  @Input()\n  outlet?: RouterOutlet | null = null;\n\n  @Input()\n  isLoading: boolean = false;\n\n  prepareRoute(outlet: RouterOutlet | null | undefined) {\n    return outlet?.activatedRouteData?.['page'];\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { OverlayFrame } from './overlay.frame';\n\n@NgModule({\n  declarations: [OverlayFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    OverlayFrame\n  ]\n})\nexport class OverlayModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-frames-scroll.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@ng-atomic/common/directives/ios-safari-scroll-buggyfill';
+import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives/ios-safari-scroll-buggyfill';
+import { CommonModule } from '@angular/common';
+
+const _c0 = [[["", "navigator", ""]], [["", "contents", ""]]];
+const _c1 = ["[navigator]", "[contents]"];
+class ScrollFrame {
+}
+ScrollFrame.ɵfac = function ScrollFrame_Factory(t) { return new (t || ScrollFrame)(); };
+ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, selectors: [["frames-scroll"]], ngContentSelectors: _c1, decls: 4, vars: 0, consts: [["iosSafariScrollBuggyfill", "", 1, "navigator-container"], [1, "contents-container"]], template: function ScrollFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵprojection(1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "div", 1);
+        i0.ɵɵprojection(3, 1);
+        i0.ɵɵelementEnd();
+    } }, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-kd4K: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-kd4K: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-kd4K);overflow:hidden}[_nghost-%COMP%]   .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-kd4K);overflow:hidden;touch-action:none}[_nghost-%COMP%]   .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-kd4K) - var(--navigator-height-SCOPED-IN-scroll-kd4K));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-kd4K: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-kd4K: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-kd4K);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-kd4K);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-kd4K) - var(--navigator-height-SCOPED-IN-scroll-kd4K));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+    }], null, null); })();
+
+class ScrollModule {
+}
+ScrollModule.ɵfac = function ScrollModule_Factory(t) { return new (t || ScrollModule)(); };
+ScrollModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ScrollModule });
+ScrollModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            IosSafariScrollBuggyfillModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ScrollFrame
+                ],
+                imports: [
+                    CommonModule,
+                    IosSafariScrollBuggyfillModule,
+                ],
+                exports: [
+                    ScrollFrame
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ScrollModule, { declarations: [ScrollFrame], imports: [CommonModule,
+        IosSafariScrollBuggyfillModule], exports: [ScrollFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollFrame, ScrollModule };
+//# sourceMappingURL=ng-atomic-components-frames-scroll.mjs.map

package/fesm2020/ng-atomic-components-frames-scroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-scroll.mjs","sources":["../../../../libs/components/src/frames/scroll/scroll.frame.ts","../../../../libs/components/src/frames/scroll/scroll.frame.html","../../../../libs/components/src/frames/scroll/scroll.module.ts","../../../../libs/components/src/frames/scroll/ng-atomic-components-frames-scroll.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-scroll',\n  templateUrl: './scroll.frame.html',\n  styleUrls: ['./scroll.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollFrame { }\n","<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives/ios-safari-scroll-buggyfill';\nimport { ScrollFrame } from './scroll.frame';\n\n\n@NgModule({\n  declarations: [\n    ScrollFrame\n  ],\n  imports: [\n    CommonModule,\n    IosSafariScrollBuggyfillModule,\n  ],\n  exports: [\n    ScrollFrame\n  ]\n})\nexport class ScrollModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAQa,WAAW,CAAA;;sEAAX,WAAW,GAAA,CAAA,EAAA,CAAA;8DAAX,WAAW,EAAA,SAAA,EAAA,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,0BAAA,EAAA,EAAA,EAAA,CAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,oBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;QCRxB,EAA0D,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QACxD,EAA4C,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAC9C,EAAM,CAAA,YAAA,EAAA,CAAA;QACN,EAAgC,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QAC9B,EAA2C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC7C,EAAM,CAAA,YAAA,EAAA,CAAA;;uFDGO,WAAW,EAAA,CAAA;cANvB,SAAS;2BACE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,igBAAA,CAAA,EAAA,CAAA;;;MEYpC,YAAY,CAAA;;wEAAZ,YAAY,GAAA,CAAA,EAAA,CAAA;8DAAZ,YAAY,EAAA,CAAA,CAAA;AARd,YAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,8BAA8B;AAC/B,SAAA,CAAA,EAAA,CAAA,CAAA;uFAKU,YAAY,EAAA,CAAA;cAZxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,WAAW;AACZ,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,8BAA8B;AAC/B,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,WAAW;AACZ,iBAAA;AACF,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAVrB,WAAW,CAAA,EAAA,OAAA,EAAA,CAGX,YAAY;AACZ,QAAA,8BAA8B,aAG9B,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACff;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-frames-smart-menu.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, NgModule } from '@angular/core';
+import '@angular/router';
+import { CommonModule } from '@angular/common';
+
+const _c0 = ["next"];
+const _c1 = [[["", "menu", ""]], [["", "contents", ""]]];
+const _c2 = ["[menu]", "[contents]"];
+class SmartMenuFrame {
+    constructor() {
+        this.isMainHidden = false;
+        this.label = 'root';
+        this.minNextWidth = 360;
+    }
+    get page() {
+        const page = this.outlet?.activatedRouteData?.['page'];
+        return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
+    }
+}
+SmartMenuFrame.ɵfac = function SmartMenuFrame_Factory(t) { return new (t || SmartMenuFrame)(); };
+SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFrame, selectors: [["frames-smart-menu"]], viewQuery: function SmartMenuFrame_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.next = _t.first);
+    } }, hostVars: 1, hostBindings: function SmartMenuFrame_HostBindings(rf, ctx) { if (rf & 2) {
+        i0.ɵɵattribute("is-main-hidden", ctx.isMainHidden);
+    } }, inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, ngContentSelectors: _c2, decls: 6, vars: 0, consts: [[1, "menu"], ["menu", ""], [1, "contents"], ["contents", ""]], template: function SmartMenuFrame_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c1);
+        i0.ɵɵelementStart(0, "div", 0, 1);
+        i0.ɵɵprojection(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "div", 2, 3);
+        i0.ɵɵprojection(5, 1);
+        i0.ɵɵelementEnd();
+    } }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-EaUg: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EaUg: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EaUg: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-EaUg);gap:var(--gap-SCOPED-IN-smart-menu-EaUg);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EaUg)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EaUg)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
+        type: Component,
+        args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-EaUg: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EaUg: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EaUg: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-EaUg);gap:var(--gap-SCOPED-IN-smart-menu-EaUg);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EaUg)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EaUg)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+    }], null, { isMainHidden: [{
+            type: HostBinding,
+            args: ['attr.is-main-hidden']
+        }], label: [{
+            type: Input
+        }], outlet: [{
+            type: Input
+        }], minNextWidth: [{
+            type: Input
+        }], next: [{
+            type: ViewChild,
+            args: ['next', { static: true }]
+        }] }); })();
+
+class SmartMenuModule {
+}
+SmartMenuModule.ɵfac = function SmartMenuModule_Factory(t) { return new (t || SmartMenuModule)(); };
+SmartMenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartMenuModule });
+SmartMenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [SmartMenuFrame],
+                imports: [
+                    CommonModule
+                ],
+                exports: [SmartMenuFrame]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartMenuModule, { declarations: [SmartMenuFrame], imports: [CommonModule], exports: [SmartMenuFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SmartMenuFrame, SmartMenuModule };
+//# sourceMappingURL=ng-atomic-components-frames-smart-menu.mjs.map

package/fesm2020/ng-atomic-components-frames-smart-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../libs/components/src/frames/smart-menu/smart-menu.frame.ts","../../../../libs/components/src/frames/smart-menu/smart-menu.frame.html","../../../../libs/components/src/frames/smart-menu/smart-menu.module.ts","../../../../libs/components/src/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n  selector: 'frames-smart-menu',\n  templateUrl: './smart-menu.frame.html',\n  styleUrls: ['./smart-menu.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n  @HostBinding('attr.is-main-hidden')\n  isMainHidden = false;\n\n  @Input()\n  label = 'root';\n\n  @Input()\n  outlet?: RouterOutlet;\n\n  @Input()\n  minNextWidth: number = 360;\n\n  @ViewChild('next', {static: true})\n  next!: ElementRef;\n\n  get page(): string {\n    const page: string = this.outlet?.activatedRouteData?.['page'];\n    return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n  }\n\n}\n","<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartMenuFrame } from './smart-menu.frame';\n\n\n\n@NgModule({\n  declarations: [SmartMenuFrame],\n  imports: [\n    CommonModule\n  ],\n  exports: [SmartMenuFrame]\n})\nexport class SmartMenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QAQE,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAGrB,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAMf,IAAY,CAAA,YAAA,GAAW,GAAG,CAAC;AAU5B,KAAA;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;;4EAnBU,cAAc,GAAA,CAAA,EAAA,CAAA;iEAAd,cAAc,EAAA,SAAA,EAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,oBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;;;;;;;;QCT3B,EAAwB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QACtB,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;QACN,EAAgC,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC9B,EAA6C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC/C,EAAM,CAAA,YAAA,EAAA,CAAA;;uFDIO,cAAc,EAAA,CAAA;cAN1B,SAAS;2BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,CAAA;gBAI/C,YAAY,EAAA,CAAA;kBADX,WAAW;mBAAC,qBAAqB,CAAA;YAIlC,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,KAAK;YAIN,YAAY,EAAA,CAAA;kBADX,KAAK;YAIN,IAAI,EAAA,CAAA;kBADH,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;METtB,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;iEAAf,eAAe,EAAA,CAAA,CAAA;AALjB,eAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;uFAGU,eAAe,EAAA,CAAA;cAP3B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,gBAAA,OAAO,EAAE;oBACP,YAAY;AACb,iBAAA;gBACD,OAAO,EAAE,CAAC,cAAc,CAAC;AAC1B,aAAA,CAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,eAAe,EANX,EAAA,YAAA,EAAA,CAAA,cAAc,CAE3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEJ,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACX1B;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-molecules-actions-column.mjs

@@ -0,0 +1,154 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import * as i1 from '@angular/cdk/table';
+import { TEXT_COLUMN_OPTIONS, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+
+function ActionsColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 3);
+    i0.ɵɵtext(1, "\u64CD\u4F5C");
+    i0.ɵɵelementEnd();
+} }
+function ActionsColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 4)(1, "atoms-smart-menu-button", 5);
+    i0.ɵɵlistener("actionItemClick", function ActionsColumnMolecule_td_2_Template_atoms_smart_menu_button_actionItemClick_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.actionItemClick.emit([$event[0], item_r2]); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("actionItems", ctx_r1.actionItems);
+} }
+class ActionsColumnMolecule {
+    constructor(_table, _options) {
+        this._table = _table;
+        this._options = _options;
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+        this._options ?? (this._options = {});
+    }
+    get name() {
+        return this._name;
+    }
+    set name(name) {
+        this._name = name;
+        this._syncColumnDefName();
+    }
+    ngOnInit() {
+        this._syncColumnDefName();
+        if (this._table) {
+            this.columnDef.cell = this.cell;
+            this.columnDef.headerCell = this.headerCell;
+            this._table.addColumnDef(this.columnDef);
+        }
+    }
+    ngOnDestroy() {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef);
+        }
+    }
+    _syncColumnDefName() {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    }
+}
+ActionsColumnMolecule.ɵfac = function ActionsColumnMolecule_Factory(t) { return new (t || ActionsColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8), i0.ɵɵdirectiveInject(TEXT_COLUMN_OPTIONS, 8)); };
+ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsColumnMolecule, selectors: [["molecules-actions-column"]], viewQuery: function ActionsColumnMolecule_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(CdkColumnDef, 7);
+        i0.ɵɵviewQuery(CdkCellDef, 7);
+        i0.ɵɵviewQuery(CdkHeaderCellDef, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
+    } }, inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "actionItems", "actionItemClick"]], template: function ActionsColumnMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
+        i0.ɵɵtemplate(2, ActionsColumnMolecule_td_2_Template, 2, 1, "td", 2);
+        i0.ɵɵelementContainerEnd();
+    } }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.SmartMenuButtonAtom], styles: [""], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n", styles: [""] }]
+    }], function () { return [{ type: i1.CdkTable, decorators: [{
+                type: Optional
+            }] }, { type: undefined, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [TEXT_COLUMN_OPTIONS]
+            }] }]; }, { name: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }], columnDef: [{
+            type: ViewChild,
+            args: [CdkColumnDef, { static: true }]
+        }], cell: [{
+            type: ViewChild,
+            args: [CdkCellDef, { static: true }]
+        }], headerCell: [{
+            type: ViewChild,
+            args: [CdkHeaderCellDef, { static: true }]
+        }] }); })();
+
+class ActionsColumnModule {
+}
+ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
+ActionsColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActionsColumnModule, bootstrap: [ActionsColumnMolecule] });
+ActionsColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatMenuModule,
+            MatButtonModule,
+            MatIconModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ActionsColumnMolecule
+                ],
+                imports: [
+                    CommonModule,
+                    // Materials
+                    MatTableModule,
+                    MatMenuModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    // Atoms
+                    SmartMenuButtonModule,
+                ],
+                exports: [ActionsColumnMolecule],
+                bootstrap: [ActionsColumnMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [ActionsColumnMolecule] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionsColumnModule, ActionsColumnMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-actions-column.mjs.map

package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>操作</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n","import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'molecules-actions-column',\n  templateUrl: './actions-column.molecule.html',\n  styleUrls: ['./actions-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class ActionsColumnMolecule<T> {\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n  set name(name: string) {\n    this._name = name;\n    this._syncColumnDefName();\n  }\n  _name!: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem, T]>();\n\n  @ViewChild(CdkColumnDef, {static: true})\n  columnDef!: CdkColumnDef;\n  \n  @ViewChild(CdkCellDef, {static: true})\n  cell!: CdkCellDef;\n\n  @ViewChild(CdkHeaderCellDef, {static: true})\n  headerCell!: CdkHeaderCellDef;\n\n  constructor(\n    @Optional() private _table: CdkTable<T>,\n    @Optional() @Inject(TEXT_COLUMN_OPTIONS) private _options: TextColumnOptions<T>,\n  ) {\n    this._options ??= {};\n  }\n\n  ngOnInit() {\n    this._syncColumnDefName();\n\n    if (this._table) {\n      this.columnDef.cell = this.cell;\n      this.columnDef.headerCell = this.headerCell;\n      this._table.addColumnDef(this.columnDef);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef);\n    }\n  }\n\n  private _syncColumnDefName() {\n    if (this.columnDef) {\n      this.columnDef.name = this.name;\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\n\n@NgModule({\n  declarations: [\n    ActionsColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [ActionsColumnMolecule],\n  bootstrap: [ActionsColumnMolecule],\n})\nexport class ActionsColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;IACE,EAAsC,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;IAAA,EAAE,CAAA,MAAA,CAAA,CAAA,EAAA,cAAA,CAAA,CAAA;IAAA,EAAK,CAAA,YAAA,EAAA,CAAA;;;;AAC7C,IAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAoC,CAAA,CAAA,EAAA,yBAAA,EAAA,CAAA,CAAA,CAAA;IAGhC,EAAmB,CAAA,UAAA,CAAA,iBAAA,EAAA,SAAA,sFAAA,CAAA,MAAA,EAAA,EAAA,MAAA,WAAA,GAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,OAAA,GAAA,WAAA,CAAA,SAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,MAAA,CAAA,eAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAA6B,CAAC,CAAA,EAAA,OAAA,CAAA,CAAS,CAAC,EAAA,CAAA,CAAA;AAC5D,IAAA,EAAA,CAAA,YAAA,EAA0B,EAAA,CAAA;;;IAFzB,EAA2B,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAA3B,EAA2B,CAAA,UAAA,CAAA,aAAA,EAAA,MAAA,CAAA,WAAA,CAAA,CAAA;;MCOpB,qBAAqB,CAAA;IA2BhC,WACsB,CAAA,MAAmB,EACU,QAA8B,EAAA;QAD3D,IAAM,CAAA,MAAA,GAAN,MAAM,CAAa;QACU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAsB;QAjBjF,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAI/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;QAepD,IAAI,CAAC,QAAQ,KAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,CAAC,CAAA;KACtB;AA/BD,IAAA,IACI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IA0BD,QAAQ,GAAA;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC1C,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7C,SAAA;KACF;IAEO,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACjC,SAAA;KACF;;AAtDU,qBAAA,CAAA,IAAA,GAAA,SAAA,6BAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,qBAAqB,6DA6BV,mBAAmB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;wEA7B9B,qBAAqB,EAAA,SAAA,EAAA,CAAA,CAAA,0BAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,2BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;uBAkBrB,YAAY,EAAA,CAAA,CAAA,CAAA;uBAGZ,UAAU,EAAA,CAAA,CAAA,CAAA;uBAGV,gBAAgB,EAAA,CAAA,CAAA,CAAA;;;;;;;QDnC7B,EAA2B,CAAA,uBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QACzB,EAA6C,CAAA,UAAA,CAAA,CAAA,EAAA,mCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;QAC7C,EAKK,CAAA,UAAA,CAAA,CAAA,EAAA,mCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;QACP,EAAe,CAAA,qBAAA,EAAA,CAAA;;uFCGF,qBAAqB,EAAA,CAAA;cAPjC,SAAS;AACE,QAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,iBAGrB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,uUAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;sBA8B7C,QAAQ;;sBACR,QAAQ;;sBAAI,MAAM;uBAAC,mBAAmB,CAAA;wBA3BrC,IAAI,EAAA,CAAA;kBADP,KAAK;YAWN,WAAW,EAAA,CAAA;kBADV,KAAK;YAKN,eAAe,EAAA,CAAA;kBADd,MAAM;YAIP,SAAS,EAAA,CAAA;kBADR,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;YAIvC,IAAI,EAAA,CAAA;kBADH,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;YAIrC,UAAU,EAAA,CAAA;kBADT,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;MCRhC,mBAAmB,CAAA;;sFAAnB,mBAAmB,GAAA,CAAA,EAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAXxB,mBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,cAAc;YACd,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,qBAAqB;AACtB,SAAA,CAAA,EAAA,CAAA,CAAA;uFAIU,mBAAmB,EAAA,CAAA;cAjB/B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,qBAAqB;AACtB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,cAAc;oBACd,aAAa;oBACb,eAAe;oBACf,aAAa;;oBAEb,qBAAqB;AACtB,iBAAA;gBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;gBAChC,SAAS,EAAE,CAAC,qBAAqB,CAAC;AACnC,aAAA,CAAA;;wFACY,mBAAmB,EAAA,EAAA,YAAA,EAAA,CAf5B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,YAAY;;QAEZ,cAAc;QACd,aAAa;QACb,eAAe;QACf,aAAa;;AAEb,QAAA,qBAAqB,aAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACxBjC;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i3 from '@angular/material/checkbox';
+import { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1 from '@angular/cdk/table';
+import { CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+
+function CheckboxColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 3);
+} }
+function CheckboxColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 4)(1, "mat-checkbox", 5);
+    i0.ɵɵlistener("click", function CheckboxColumnMolecule_td_2_Template_mat_checkbox_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.checkboxClick.emit(item_r2); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("checked", ctx_r1.selectedIdSet.has(item_r2.id));
+} }
+class CheckboxColumnMolecule {
+    constructor(_table) {
+        this._table = _table;
+        this.selectedIdSet = new Set();
+        this.checkboxClick = new EventEmitter();
+    }
+    get name() {
+        return this._name;
+    }
+    set name(name) {
+        this._name = name;
+        this._syncColumnDefName();
+    }
+    ngOnInit() {
+        this._syncColumnDefName();
+        if (this._table) {
+            this.columnDef.cell = this.cell;
+            this.columnDef.headerCell = this.headerCell;
+            this._table.addColumnDef(this.columnDef);
+        }
+    }
+    ngOnDestroy() {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef);
+        }
+    }
+    _syncColumnDefName() {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    }
+}
+CheckboxColumnMolecule.ɵfac = function CheckboxColumnMolecule_Factory(t) { return new (t || CheckboxColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8)); };
+CheckboxColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxColumnMolecule, selectors: [["molecules-checkbox-column"]], viewQuery: function CheckboxColumnMolecule_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(CdkColumnDef, 7);
+        i0.ɵɵviewQuery(CdkCellDef, 7);
+        i0.ɵɵviewQuery(CdkHeaderCellDef, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
+    } }, inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "checked", "click"]], template: function CheckboxColumnMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, CheckboxColumnMolecule_th_1_Template, 1, 0, "th", 1);
+        i0.ɵɵtemplate(2, CheckboxColumnMolecule_td_2_Template, 2, 1, "td", 2);
+        i0.ɵɵelementContainerEnd();
+    } }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.MatCheckbox], styles: [""], encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-checkbox-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n", styles: [""] }]
+    }], function () { return [{ type: i1.CdkTable, decorators: [{
+                type: Optional
+            }] }]; }, { name: [{
+            type: Input
+        }], selectedIdSet: [{
+            type: Input
+        }], checkboxClick: [{
+            type: Output
+        }], columnDef: [{
+            type: ViewChild,
+            args: [CdkColumnDef, { static: true }]
+        }], cell: [{
+            type: ViewChild,
+            args: [CdkCellDef, { static: true }]
+        }], headerCell: [{
+            type: ViewChild,
+            args: [CdkHeaderCellDef, { static: true }]
+        }] }); })();
+
+class CheckboxColumnModule {
+}
+CheckboxColumnModule.ɵfac = function CheckboxColumnModule_Factory(t) { return new (t || CheckboxColumnModule)(); };
+CheckboxColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckboxColumnModule, bootstrap: [CheckboxColumnMolecule] });
+CheckboxColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+    ], imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatCheckboxModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    CheckboxColumnMolecule
+                ],
+                imports: [
+                    CommonModule,
+                    // Materials
+                    MatTableModule,
+                    MatCheckboxModule,
+                ],
+                exports: [CheckboxColumnMolecule],
+                providers: [
+                    { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+                ],
+                bootstrap: [CheckboxColumnMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckboxColumnModule, { declarations: [CheckboxColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatCheckboxModule], exports: [CheckboxColumnMolecule] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxColumnModule, CheckboxColumnMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-checkbox-column.mjs.map

package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../libs/components/src/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/src/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/src/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/src/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n","import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'molecules-checkbox-column',\n  templateUrl: './checkbox-column.molecule.html',\n  styleUrls: ['./checkbox-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n  set name(name: string) {\n    this._name = name;\n    this._syncColumnDefName();\n  }\n  _name!: string;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @ViewChild(CdkColumnDef, {static: true})\n  columnDef!: CdkColumnDef;\n\n  @ViewChild(CdkCellDef, {static: true})\n  cell!: CdkCellDef;\n\n  @ViewChild(CdkHeaderCellDef, {static: true})\n  headerCell!: CdkHeaderCellDef;\n\n  constructor(@Optional() private _table: CdkTable<T>) { }\n\n  ngOnInit() {\n    this._syncColumnDefName();\n\n    if (this._table) {\n      this.columnDef.cell = this.cell;\n      this.columnDef.headerCell = this.headerCell;\n      this._table.addColumnDef(this.columnDef);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef);\n    }\n  }\n\n  private _syncColumnDefName() {\n    if (this.columnDef) {\n      this.columnDef.name = this.name;\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions } from '@angular/material/checkbox';\n\nimport { CheckboxColumnMolecule } from './checkbox-column.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    CheckboxColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatCheckboxModule,\n  ],\n  exports: [CheckboxColumnMolecule],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ],\n  bootstrap: [CheckboxColumnMolecule],\n})\nexport class CheckboxColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}