@ng-atomic/components 0.0.1

package/esm2015/frames/line-up/line-up.frame.js

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Injectable, Input, ViewChild } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { ReplaySubject } from 'rxjs';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+import { LINE_UP_ANIMATIONS } from './line-up.animations';
+import { fromResize } from './resize-observer';
+import * as i0 from "@angular/core";
+const _fromResize = (el) => fromResize(el.nativeElement)
+    .pipe(map(({ contentRect }) => { var _a; return (_a = contentRect === null || contentRect === void 0 ? void 0 : contentRect.width) !== null && _a !== void 0 ? _a : 0; }))
+    .pipe(distinctUntilChanged());
+class LineUpService {
+    constructor() {
+        this.pageAnimationDone$ = new ReplaySubject(1);
+    }
+}
+LineUpService.ɵfac = function LineUpService_Factory(t) { return new (t || LineUpService)(); };
+LineUpService.ɵprov = i0.ɵɵdefineInjectable({ token: LineUpService, factory: LineUpService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+export class LineUpFrame {
+    constructor(service, cd) {
+        this.service = service;
+        this.cd = cd;
+        this.isMainHidden = false;
+        this.label = 'root';
+        this.minNextWidth = 360;
+    }
+    get page() {
+        var _a, _b;
+        const page = (_b = (_a = this.outlet) === null || _a === void 0 ? void 0 : _a.activatedRouteData) === null || _b === void 0 ? void 0 : _b.page;
+        return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
+    }
+    ngOnInit() {
+        if (this.label === 'root')
+            return;
+        _fromResize(this.next).subscribe((width) => {
+            this.isMainHidden = width > this.minNextWidth;
+            this.cd.detectChanges();
+        });
+    }
+}
+LineUpFrame.ɵfac = function LineUpFrame_Factory(t) { return new (t || LineUpFrame)(i0.ɵɵdirectiveInject(LineUpService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: LineUpFrame, selector: "frames-line-up", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0, template: "<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap:1px;--gap-SCOPED-IN-line-up-c6so:var(--gap);--background:#ccc;--background-SCOPED-IN-line-up-c6so:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-line-up-c6so:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-c6so);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-line-up-c6so)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-line-up-c6so)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
+        type: Component,
+        args: [{
+                selector: 'frames-line-up',
+                templateUrl: './line-up.frame.html',
+                styleUrls: ['./line-up.frame.scss'],
+                changeDetection: ChangeDetectionStrategy.Default,
+                animations: LINE_UP_ANIMATIONS,
+            }]
+    }], function () { return [{ type: LineUpService }, { type: i0.ChangeDetectorRef }]; }, { isMainHidden: [{
+            type: HostBinding,
+            args: ['attr.is-main-hidden']
+        }], label: [{
+            type: Input
+        }], outlet: [{
+            type: Input
+        }], minNextWidth: [{
+            type: Input
+        }], next: [{
+            type: ViewChild,
+            args: ['next', { static: true }]
+        }] }); })();
+//# sourceMappingURL=line-up.frame.js.map

package/esm2015/frames/line-up/line-up.frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-up.frame.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/line-up/line-up.frame.ts","../../../../../../libs/components/frames/line-up/line-up.frame.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7I,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;;AAE/C,MAAM,WAAW,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,aAAa,CAAC;KACjE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAC,WAAW,EAAiC,EAAE,EAAE,wBAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,CAAC,GAAA,CAAC,CAAC;KACrF,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AAEhC,MACM,aAAa;IADnB;QAEE,uBAAkB,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;KAC3C;;0EAFK,aAAa;qDAAb,aAAa,WAAb,aAAa,mBADM,MAAM;uFACzB,aAAa;cADlB,UAAU;eAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;AAYhC,MAAM,OAAO,WAAW;IAqBtB,YACS,OAAsB,EACrB,EAAqB;QADtB,YAAO,GAAP,OAAO,CAAe;QACrB,OAAE,GAAF,EAAE,CAAmB;QArB/B,iBAAY,GAAG,KAAK,CAAC;QAGrB,UAAK,GAAG,MAAM,CAAC;QAMf,iBAAY,GAAW,GAAG,CAAC;IAavB,CAAC;IARL,IAAI,IAAI;;QACN,MAAM,IAAI,eAAW,IAAI,CAAC,MAAM,0CAAE,kBAAkB,0CAAE,IAAI,CAAC;QAC3D,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC;IACtF,CAAC;IAOD,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM;YAAE,OAAO;QAElC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;YACjD,IAAI,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAC9C,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;;sEAjCU,WAAW,uBAsBJ,aAAa;uEAtBpB,WAAW,oVCvBxB,yQAKM,0xBDgBQ,kBAAkB;uFAEnB,WAAW;cAPvB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,eAAe,EAAE,uBAAuB,CAAC,OAAO;gBAChD,UAAU,EAAE,kBAAkB;aAC/B;sCAuBmB,aAAa,0CApB/B,YAAY;kBADX,WAAW;mBAAC,qBAAqB;YAIlC,KAAK;kBADJ,KAAK;YAIN,MAAM;kBADL,KAAK;YAIN,YAAY;kBADX,KAAK;YAIN,IAAI;kBADH,SAAS;mBAAC,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Injectable, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { ReplaySubject } from 'rxjs';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nconst _fromResize = (el: ElementRef) => fromResize(el.nativeElement)\n  .pipe(map(({contentRect}: {contentRect: {width: number}}) => contentRect?.width ?? 0))\n  .pipe(distinctUntilChanged());\n\n@Injectable({providedIn: 'root'})\nclass LineUpService {\n  pageAnimationDone$ = new ReplaySubject(1);\n}\n\n@Component({\n  selector: 'frames-line-up',\n  templateUrl: './line-up.frame.html',\n  styleUrls: ['./line-up.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n  animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame {\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  constructor(\n    public service: LineUpService,\n    private cd: ChangeDetectorRef,\n  ) { }\n\n  ngOnInit(): void {\n    if (this.label === 'root') return; \n\n    _fromResize(this.next).subscribe((width: number) => {\n      this.isMainHidden = width > this.minNextWidth;\n      this.cd.detectChanges();\n    });\n  }\n}\n","<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>"]}

package/esm2015/frames/line-up/line-up.module.js

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { LineUpFrame } from './line-up.frame';
+import * as i0 from "@angular/core";
+export class LineUpModule {
+}
+LineUpModule.ɵfac = function LineUpModule_Factory(t) { return new (t || LineUpModule)(); };
+LineUpModule.ɵmod = i0.ɵɵdefineNgModule({ type: LineUpModule });
+LineUpModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LineUpModule, { declarations: [LineUpFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [LineUpFrame] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [LineUpFrame],
+                imports: [
+                    CommonModule,
+                    MatProgressSpinnerModule
+                ],
+                exports: [LineUpFrame]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=line-up.module.js.map

package/esm2015/frames/line-up/line-up.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-up.module.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/line-up/line-up.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAW9C,MAAM,OAAO,YAAY;;wEAAZ,YAAY;gDAAZ,YAAY;oDANd;YACP,YAAY;YACZ,wBAAwB;SACzB;wFAGU,YAAY,mBAPR,WAAW,aAExB,YAAY;QACZ,wBAAwB,aAEhB,WAAW;uFAEV,YAAY;cARxB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,WAAW,CAAC;gBAC3B,OAAO,EAAE;oBACP,YAAY;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE,CAAC,WAAW,CAAC;aACvB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { LineUpFrame } from './line-up.frame';\n\n\n@NgModule({\n  declarations: [LineUpFrame],\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [LineUpFrame]\n})\nexport class LineUpModule { }\n"]}

package/esm2015/frames/line-up/ng-atomic-components-frames-line-up.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=ng-atomic-components-frames-line-up.js.map

package/esm2015/frames/line-up/ng-atomic-components-frames-line-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-line-up.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/line-up/ng-atomic-components-frames-line-up.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/frames/line-up/resize-observer.js

@@ -0,0 +1,27 @@
+import { Observable } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import ResizeObserver from 'resize-observer-polyfill';
+export function fromResize(...elements) {
+    return Observable.create(function (observer) {
+        const resizeObserver = new ResizeObserver((observerEntries) => {
+            for (const entry of observerEntries) {
+                observer.next(entry);
+            }
+        });
+        for (const el of elements) {
+            resizeObserver.observe(el);
+        }
+        // cancel resize observer on cancelation
+        return () => resizeObserver.disconnect();
+    }).pipe(startWith({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+    }));
+}
+//# sourceMappingURL=resize-observer.js.map

package/esm2015/frames/line-up/resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/line-up/resize-observer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAkBtD,MAAM,UAAU,UAAU,CAAC,GAAG,QAAmB;IAC/C,OAAO,UAAU,CAAC,MAAM,CAAC,UAAS,QAAa;QAE7C,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,eAAoB,EAAE,EAAE;YACjE,KAAK,MAAM,KAAK,IAAI,eAAe,EAAE;gBACnC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;YACzB,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SAC5B;QAED,wCAAwC;QACxC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC,IAAI,CACN,SAAS,CAAC;QACR,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR,CAAC,CACF,CAAC;AACJ,CAAC","sourcesContent":["import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport interface DOMRectReadOnly {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n  readonly top: number;\n  readonly right: number;\n  readonly bottom: number;\n  readonly left: number;\n}\n\nexport interface ResizeObserverEntry {\n  readonly target: Element;\n  readonly contentRect: DOMRectReadOnly;\n}\n\nexport function fromResize(...elements: Element[]): Observable<ResizeObserverEntry> {\n  return Observable.create(function(observer: any) {\n\n    const resizeObserver = new ResizeObserver((observerEntries: any) => {\n      for (const entry of observerEntries) {\n        observer.next(entry);\n      }\n    });\n\n    for (const el of elements) {\n      resizeObserver.observe(el);\n    }\n\n    // cancel resize observer on cancelation\n    return () => resizeObserver.disconnect();\n  }).pipe(\n   startWith({\n     x: 0,\n     y: 0,\n     width: 0,\n     height: 0,\n     top: 0,\n     right: 0,\n     bottom: 0,\n     left: 0,\n   }) \n  );\n}\n"]}

package/esm2015/frames/overlay/index.js

@@ -0,0 +1,3 @@
+export * from './overlay.frame';
+export * from './overlay.module';
+//# sourceMappingURL=index.js.map

package/esm2015/frames/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './overlay.frame';\nexport * from './overlay.module';"]}

package/esm2015/frames/overlay/ng-atomic-components-frames-overlay.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=ng-atomic-components-frames-overlay.js.map

package/esm2015/frames/overlay/ng-atomic-components-frames-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-overlay.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/overlay/ng-atomic-components-frames-overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/frames/overlay/overlay.animations.js

@@ -0,0 +1,28 @@
+import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';
+export 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()),
+    ])
+]);
+//# sourceMappingURL=overlay.animations.js.map

package/esm2015/frames/overlay/overlay.animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.animations.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/overlay/overlay.animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAS,YAAY,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEtG,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,EAAE;IACzD,UAAU,CAAC,uBAAuB,EAAE;QAClC,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAC1C,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACnE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAChC,CAAC;IAEF,UAAU,CAAC,uBAAuB,EAAE;QAChC,KAAK,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC;gBACJ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;QACF,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QACpE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAClC,CAAC;CAEH,CAAC,CAAC","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]);"]}

package/esm2015/frames/overlay/overlay.frame.js

@@ -0,0 +1,32 @@
+import { Component, Input } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { slideInAnimation } from './overlay.animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/progress-spinner";
+export class OverlayFrame {
+    constructor() {
+        this.outlet = null;
+        this.isLoading = false;
+    }
+    prepareRoute(outlet) {
+        var _a;
+        return (_a = outlet === null || outlet === void 0 ? void 0 : outlet.activatedRouteData) === null || _a === void 0 ? void 0 : _a.page;
+    }
+}
+OverlayFrame.ɵfac = function OverlayFrame_Factory(t) { return new (t || OverlayFrame)(); };
+OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0, 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-vTDI:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-vTDI:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-vTDI:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-vTDI);height:var(--height-SCOPED-IN-line-overlay-vTDI)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-vTDI);height:var(--height-SCOPED-IN-line-overlay-vTDI)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-vTDI);--width:var(--width-SCOPED-IN-line-overlay-vTDI);--height:var(--height-SCOPED-IN-line-overlay-vTDI)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-vTDI);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-vTDI);--width:var(--width-SCOPED-IN-line-overlay-vTDI);--height:var(--height-SCOPED-IN-line-overlay-vTDI)}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], animations: [slideInAnimation] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
+        type: Component,
+        args: [{
+                selector: 'frames-overlay',
+                templateUrl: './overlay.frame.html',
+                styleUrls: ['./overlay.frame.scss'],
+                animations: [slideInAnimation],
+            }]
+    }], null, { outlet: [{
+            type: Input
+        }], isLoading: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=overlay.frame.js.map

package/esm2015/frames/overlay/overlay.frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.frame.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/overlay/overlay.frame.ts","../../../../../../libs/components/frames/overlay/overlay.frame.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;;;;AAQxD,MAAM,OAAO,YAAY;IANzB;QASE,WAAM,GAAyB,IAAI,CAAC;QAGpC,cAAS,GAAY,KAAK,CAAC;KAM5B;IAJC,YAAY,CAAC,MAAoB;;QAC/B,aAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,kBAAkB,0CAAE,IAAI,CAAC;IAC1C,CAAC;;wEAVU,YAAY;wEAAZ,YAAY,4GCVzB,0SAQM,6vCDAQ,CAAC,gBAAgB,CAAC;uFAEnB,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,UAAU,EAAE,CAAC,gBAAgB,CAAC;aAC/B;gBAIC,MAAM;kBADL,KAAK;YAIN,SAAS;kBADR,KAAK","sourcesContent":["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) {\n    return outlet?.activatedRouteData?.page;\n  }\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>"]}

package/esm2015/frames/overlay/overlay.module.js

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { OverlayFrame } from './overlay.frame';
+import * as i0 from "@angular/core";
+export class OverlayModule {
+}
+OverlayModule.ɵfac = function OverlayModule_Factory(t) { return new (t || OverlayModule)(); };
+OverlayModule.ɵmod = i0.ɵɵdefineNgModule({ type: OverlayModule });
+OverlayModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            MatProgressSpinnerModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(OverlayModule, { declarations: [OverlayFrame], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [OverlayFrame] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [OverlayFrame],
+                imports: [
+                    CommonModule,
+                    MatProgressSpinnerModule
+                ],
+                exports: [
+                    OverlayFrame
+                ]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=overlay.module.js.map

package/esm2015/frames/overlay/overlay.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.module.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/overlay/overlay.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAY/C,MAAM,OAAO,aAAa;;0EAAb,aAAa;iDAAb,aAAa;qDARf;YACP,YAAY;YACZ,wBAAwB;SACzB;wFAKU,aAAa,mBATT,YAAY,aAEzB,YAAY;QACZ,wBAAwB,aAGxB,YAAY;uFAGH,aAAa;cAVzB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;aACF","sourcesContent":["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"]}

package/esm2015/frames/scroll/index.js

@@ -0,0 +1,3 @@
+export * from './scroll.frame';
+export { ScrollModule } from './scroll.module';
+//# sourceMappingURL=index.js.map

package/esm2015/frames/scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/scroll/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export * from './scroll.frame';\nexport { ScrollModule } from './scroll.module';\n"]}

package/esm2015/frames/scroll/ng-atomic-components-frames-scroll.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=ng-atomic-components-frames-scroll.js.map

package/esm2015/frames/scroll/ng-atomic-components-frames-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-scroll.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/scroll/ng-atomic-components-frames-scroll.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/frames/scroll/scroll.frame.js

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-atomic/common/directives";
+export class ScrollFrame {
+}
+ScrollFrame.ɵfac = function ScrollFrame_Factory(t) { return new (t || ScrollFrame)(); };
+ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ScrollFrame, selector: "frames-scroll", ngImport: i0, 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-wUAi:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-wUAi:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-wUAi);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-wUAi);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-wUAi) - var(--navigator-height-SCOPED-IN-scroll-wUAi));overflow:scroll;-webkit-overflow-scrolling:touch}"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
+        type: Component,
+        args: [{
+                selector: 'frames-scroll',
+                templateUrl: './scroll.frame.html',
+                styleUrls: ['./scroll.frame.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, null); })();
+//# sourceMappingURL=scroll.frame.js.map

package/esm2015/frames/scroll/scroll.frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.frame.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/scroll/scroll.frame.ts","../../../../../../libs/components/frames/scroll/scroll.frame.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAQnE,MAAM,OAAO,WAAW;;sEAAX,WAAW;uEAAX,WAAW,qDCRxB,iNAKM;uFDGO,WAAW;cANvB,SAAS;eAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,WAAW,EAAE,qBAAqB;gBAClC,SAAS,EAAE,CAAC,qBAAqB,CAAC;gBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD","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>"]}

package/esm2015/frames/scroll/scroll.module.js

@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';
+import { ScrollFrame } from './scroll.frame';
+import * as i0 from "@angular/core";
+export class ScrollModule {
+}
+ScrollModule.ɵfac = function ScrollModule_Factory(t) { return new (t || ScrollModule)(); };
+ScrollModule.ɵmod = i0.ɵɵdefineNgModule({ type: ScrollModule });
+ScrollModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            IosSafariScrollBuggyfillModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ScrollModule, { declarations: [ScrollFrame], imports: [CommonModule,
+        IosSafariScrollBuggyfillModule], exports: [ScrollFrame] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ScrollFrame
+                ],
+                imports: [
+                    CommonModule,
+                    IosSafariScrollBuggyfillModule,
+                ],
+                exports: [
+                    ScrollFrame
+                ]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=scroll.module.js.map

package/esm2015/frames/scroll/scroll.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.module.js","sourceRoot":"","sources":["../../../../../../libs/components/frames/scroll/scroll.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;AAe7C,MAAM,OAAO,YAAY;;wEAAZ,YAAY;gDAAZ,YAAY;oDARd;YACP,YAAY;YACZ,8BAA8B;SAC/B;wFAKU,YAAY,mBAVrB,WAAW,aAGX,YAAY;QACZ,8BAA8B,aAG9B,WAAW;uFAGF,YAAY;cAZxB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,WAAW;iBACZ;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,WAAW;iBACZ;aACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';\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"]}

package/esm2015/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/components/index.ts"],"names":[],"mappings":"","sourcesContent":["export { };"]}

package/esm2015/molecules/actions-column/actions-column.module.js

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+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 { ActionsColumnMolecule } from './actions-column.molecule';
+import * as i0 from "@angular/core";
+export class ActionsColumnModule {
+}
+ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
+ActionsColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: ActionsColumnModule });
+ActionsColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatMenuModule,
+            MatButtonModule,
+            MatIconModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule], exports: [ActionsColumnMolecule] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ActionsColumnMolecule
+                ],
+                imports: [
+                    CommonModule,
+                    // Materials
+                    MatTableModule,
+                    MatMenuModule,
+                    MatButtonModule,
+                    MatIconModule,
+                ],
+                exports: [
+                    ActionsColumnMolecule
+                ]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=actions-column.module.js.map

package/esm2015/molecules/actions-column/actions-column.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-column.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/actions-column/actions-column.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAkBlE,MAAM,OAAO,mBAAmB;;sFAAnB,mBAAmB;uDAAnB,mBAAmB;2DAZrB;YACP,YAAY;YACZ,YAAY;YACZ,cAAc;YACd,aAAa;YACb,eAAe;YACf,aAAa;SACd;wFAKU,mBAAmB,mBAd5B,qBAAqB,aAGrB,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,aAAa;QACb,eAAe;QACf,aAAa,aAGb,qBAAqB;uFAGZ,mBAAmB;cAhB/B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,aAAa;oBACb,eAAe;oBACf,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF","sourcesContent":["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';\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  ],\n  exports: [\n    ActionsColumnMolecule\n  ]\n})\nexport class ActionsColumnModule { }\n"]}

package/esm2015/molecules/actions-column/actions-column.molecule.js

@@ -0,0 +1,79 @@
+import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/table";
+import * as i2 from "@angular/material/table";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/menu";
+import * as i6 from "@angular/material/icon";
+export class ActionsColumnMolecule {
+    constructor(_table, _options) {
+        var _a;
+        this._table = _table;
+        this._options = _options;
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+        (_a = this._options) !== null && _a !== void 0 ? _a : (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 = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems?.length\"><mat-icon>menu</mat-icon></button>\n    <mat-menu #menu=\"matMenu\">\n      <button *ngFor=\"let actionItem of actionItems\" mat-menu-item (click)=\"actionItemClick.emit([actionItem, item])\">\n        {{ actionItem?.name }}\n      </button>\n    </mat-menu>\n  </td>\n</ng-container>\n", styles: [""], directives: [{ type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
+        type: Component,
+        args: [{
+                selector: 'molecules-actions-column',
+                templateUrl: './actions-column.molecule.html',
+                styleUrls: ['./actions-column.molecule.scss'],
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.Default,
+            }]
+    }], 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 }]
+        }] }); })();
+//# sourceMappingURL=actions-column.molecule.js.map

package/esm2015/molecules/actions-column/actions-column.molecule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-column.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/actions-column/actions-column.molecule.ts","../../../../../../libs/components/molecules/actions-column/actions-column.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAqB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAClI,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;;;;;AAUhJ,MAAM,OAAO,qBAAqB;IA2BhC,YACsB,MAAmB,EACU,QAA8B;;QAD3D,WAAM,GAAN,MAAM,CAAa;QACU,aAAQ,GAAR,QAAQ,CAAsB;QAjBjF,gBAAW,GAAiB,EAAE,CAAC;QAI/B,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;QAepD,MAAA,IAAI,CAAC,QAAQ,oCAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,EAAC;IACvB,CAAC;IA/BD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IA0BD,QAAQ;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;SAC1C;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjC;IACH,CAAC;;0FAtDU,qBAAqB,6DA6BV,mBAAmB;iFA7B9B,qBAAqB,kNAkBrB,YAAY,qHAGZ,UAAU,2HAGV,gBAAgB,8FCnC7B,yfAWA;uFDAa,qBAAqB;cAPjC,SAAS;eAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,WAAW,EAAE,gCAAgC;gBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;gBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,OAAO;aACjD;;sBA6BI,QAAQ;;sBACR,QAAQ;;sBAAI,MAAM;uBAAC,mBAAmB;wBA3BrC,IAAI;kBADP,KAAK;YAWN,WAAW;kBADV,KAAK;YAKN,eAAe;kBADd,MAAM;YAIP,SAAS;kBADR,SAAS;mBAAC,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;YAIvC,IAAI;kBADH,SAAS;mBAAC,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;YAIrC,UAAU;kBADT,SAAS;mBAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["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","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>操作</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems?.length\"><mat-icon>menu</mat-icon></button>\n    <mat-menu #menu=\"matMenu\">\n      <button *ngFor=\"let actionItem of actionItems\" mat-menu-item (click)=\"actionItemClick.emit([actionItem, item])\">\n        {{ actionItem?.name }}\n      </button>\n    </mat-menu>\n  </td>\n</ng-container>\n"]}

package/esm2015/molecules/actions-column/index.js

@@ -0,0 +1,3 @@
+export { ActionsColumnModule } from './actions-column.module';
+export * from './actions-column.molecule';
+//# sourceMappingURL=index.js.map

package/esm2015/molecules/actions-column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/actions-column/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,cAAc,2BAA2B,CAAC","sourcesContent":["export { ActionsColumnModule } from './actions-column.module';\nexport * from './actions-column.molecule';\n"]}

package/esm2015/molecules/actions-column/ng-atomic-components-molecules-actions-column.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=ng-atomic-components-molecules-actions-column.js.map

package/esm2015/molecules/actions-column/ng-atomic-components-molecules-actions-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-actions-column.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/molecules/checkbox-column/checkbox-column.module.js

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatTableModule } from '@angular/material/table';
+import { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS } from '@angular/material/checkbox';
+import { CheckboxColumnMolecule } from './checkbox-column.molecule';
+import * as i0 from "@angular/core";
+export class CheckboxColumnModule {
+}
+CheckboxColumnModule.ɵfac = function CheckboxColumnModule_Factory(t) { return new (t || CheckboxColumnModule)(); };
+CheckboxColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: CheckboxColumnModule });
+CheckboxColumnModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
+        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+    ], imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatCheckboxModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckboxColumnModule, { declarations: [CheckboxColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatCheckboxModule], exports: [CheckboxColumnMolecule] }); })();
+(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' } }
+                ]
+            }]
+    }], null, null); })();
+//# sourceMappingURL=checkbox-column.module.js.map

package/esm2015/molecules/checkbox-column/checkbox-column.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-column.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/checkbox-column/checkbox-column.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAA6B,MAAM,4BAA4B,CAAC;AAExH,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;;AAqBpE,MAAM,OAAO,oBAAoB;;wFAApB,oBAAoB;wDAApB,oBAAoB;6DAJpB;QACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;KACxG,YAXQ;YACP,YAAY;YACZ,YAAY;YACZ,cAAc;YACd,iBAAiB;SAClB;wFAQU,oBAAoB,mBAf7B,sBAAsB,aAGtB,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,iBAAiB,aAGjB,sBAAsB;uFAMb,oBAAoB;cAjBhC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;gBACD,SAAS,EAAE;oBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;iBACxG;aACF","sourcesContent":["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: [\n    CheckboxColumnMolecule\n  ],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ]\n})\nexport class CheckboxColumnModule { }\n"]}