@ng-atomic/components 2.0.1 → 3.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-overlay.mjs","sources":["../../../../libs/components/frames/overlay/overlay.animations.ts","../../../../libs/components/frames/overlay/overlay.frame.ts","../../../../libs/components/frames/overlay/overlay.frame.html","../../../../libs/components/frames/overlay/overlay.module.ts","../../../../libs/components/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]);","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>","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,46 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@ng-atomic/common/directives';
+import { IosSafariScrollBuggyfillModule } from '@ng-atomic/common/directives';
+import { CommonModule } from '@angular/common';
+
+class ScrollFrame {
+}
+ScrollFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-GtiS: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-GtiS: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-GtiS);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-GtiS);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-GtiS) - var(--navigator-height-SCOPED-IN-scroll-GtiS));overflow:scroll;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollFrame, decorators: [{
+            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-GtiS: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-GtiS: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-GtiS);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-GtiS);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-GtiS) - var(--navigator-height-SCOPED-IN-scroll-GtiS));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
+        }] });
+
+class ScrollModule {
+}
+ScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, declarations: [ScrollFrame], imports: [CommonModule,
+        IosSafariScrollBuggyfillModule], exports: [ScrollFrame] });
+ScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, imports: [[
+            CommonModule,
+            IosSafariScrollBuggyfillModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    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/frames/scroll/scroll.frame.ts","../../../../libs/components/frames/scroll/scroll.frame.html","../../../../libs/components/frames/scroll/scroll.module.ts","../../../../libs/components/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';\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;;yGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,qDCRxB,iNAKM,EAAA,MAAA,EAAA,CAAA,igBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDGO,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;+BACE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,igBAAA,CAAA,EAAA,CAAA;;;MEYpC,YAAY,CAAA;;0GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2GAAZ,YAAY,EAAA,YAAA,EAAA,CAVrB,WAAW,CAAA,EAAA,OAAA,EAAA,CAGX,YAAY;AACZ,QAAA,8BAA8B,aAG9B,WAAW,CAAA,EAAA,CAAA,CAAA;AAGF,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EARd,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,8BAA8B;AAC/B,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,8BAA8B;AAC/B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,WAAW;AACZ,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}

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

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, NgModule } from '@angular/core';
+import '@angular/router';
+import { CommonModule } from '@angular/common';
+
+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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SmartMenuFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartMenuFrame, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, 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-KLDp: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-KLDp: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-KLDp: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-KLDp);gap:var(--gap-SCOPED-IN-smart-menu-KLDp);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-KLDp)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-KLDp)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuFrame, decorators: [{
+            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-KLDp: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-KLDp: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-KLDp: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-KLDp);gap:var(--gap-SCOPED-IN-smart-menu-KLDp);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-KLDp)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-KLDp)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+        }], propDecorators: { 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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuModule, declarations: [SmartMenuFrame], imports: [CommonModule], exports: [SmartMenuFrame] });
+SmartMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    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/frames/smart-menu/smart-menu.frame.ts","../../../../libs/components/frames/smart-menu/smart-menu.frame.html","../../../../libs/components/frames/smart-menu/smart-menu.module.ts","../../../../libs/components/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,EAAE,IAAI,CAAC;QAC3D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;;4GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,uTCT3B,kLAKM,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDIO,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;METtB,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EANX,YAAA,EAAA,CAAA,cAAc,CAE3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEJ,cAAc,CAAA,EAAA,CAAA,CAAA;AAEb,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EALjB,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,cAAc,CAAC;AAC1B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

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

@@ -0,0 +1,128 @@
+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 i3 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 i1 from '@angular/cdk/table';
+import { TEXT_COLUMN_OPTIONS, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import * as i2 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+
+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;
+        }
+    }
+    onActionItemClick(test) {
+        console.debug(test);
+    }
+}
+ActionsColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnMolecule, deps: [{ token: i1.CdkTable, optional: true }, { token: TEXT_COLUMN_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ActionsColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, 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    <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: [""], components: [{ type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.MatCellDef, selector: "[matCellDef]" }, { type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnMolecule, decorators: [{
+            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: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.CdkTable, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TEXT_COLUMN_OPTIONS]
+                }] }]; }, propDecorators: { 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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionsColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnModule, declarations: [ActionsColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [ActionsColumnMolecule] });
+ActionsColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnModule, imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatMenuModule,
+            MatButtonModule,
+            MatIconModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionsColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    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/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/molecules/actions-column/actions-column.module.ts","../../../../libs/components/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"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  onActionItemClick(test) {\n    console.debug(test);\n  }\n}\n","<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 { 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';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\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: [\n    ActionsColumnMolecule\n  ]\n})\nexport class ActionsColumnModule { }\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-molecules-checkbox-column.mjs

@@ -0,0 +1,108 @@
+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 i3 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS } from '@angular/material/checkbox';
+import * as i1 from '@angular/cdk/table';
+import { CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+
+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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnMolecule, deps: [{ token: i1.CdkTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, static: true }], ngImport: i0, 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: [""], components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.MatCellDef, selector: "[matCellDef]" }, { type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnMolecule, decorators: [{
+            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: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.CdkTable, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { 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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnModule, declarations: [CheckboxColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatCheckboxModule], exports: [CheckboxColumnMolecule] });
+CheckboxColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnModule, providers: [
+        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+    ], imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatCheckboxModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CheckboxColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CheckboxColumnMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatTableModule,
+                        MatCheckboxModule,
+                    ],
+                    exports: [
+                        CheckboxColumnMolecule
+                    ],
+                    providers: [
+                        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+                    ]
+                }]
+        }] });
+
+/**
+ * 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/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["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","<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 { 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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,sBAAsB,CAAA;AA0BjC,IAAA,WAAA,CAAgC,MAAmB,EAAA;QAAnB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAa;AAdnD,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;AAGlC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAK,CAAC;KAWkB;AAzBxD,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;IAoBD,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;;oHAhDU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,mNAiBtB,YAAY,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGZ,UAAU,EAGV,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,gBAAgB,8DCjC7B,uRASA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDCa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,iBAGtB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;0BA4BlC,QAAQ;4CAxBjB,IAAI,EAAA,CAAA;sBADP,KAAK;gBAWN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAIP,SAAS,EAAA,CAAA;sBADR,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIvC,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIrC,UAAU,EAAA,CAAA;sBADT,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;MEPhC,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAf7B,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAGtB,YAAY;;QAEZ,cAAc;AACd,QAAA,iBAAiB,aAGjB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAMb,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAJpB,SAAA,EAAA;QACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;KACxG,EAXQ,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,cAAc;YACd,iBAAiB;AAClB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAQU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjBhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;AACvB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,qBAAA;AACF,iBAAA,CAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs

@@ -0,0 +1,58 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ng-atomic/components/atoms/chips-input';
+import { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';
+import { FormControl } from '@ngneat/reactive-forms';
+
+class ChipsInputFieldMolecule {
+    constructor() {
+        this.control = new FormControl();
+        this.placeholder = 'placeholder';
+    }
+}
+ChipsInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChipsInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: { control: "control", placeholder: "placeholder" }, ngImport: i0, template: "<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-input{width:100%;height:100%}\n"], components: [{ type: i1.ChipsInputAtom, selector: "atoms-chips-input", inputs: ["separators", "control", "placeholder"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-chips-input-field', template: "<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-input{width:100%;height:100%}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+class ChipsInputFieldModule {
+}
+ChipsInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChipsInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
+        // Atoms
+        ChipsInputModule], exports: [ChipsInputFieldMolecule] });
+ChipsInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, imports: [[
+            CommonModule,
+            // Atoms
+            ChipsInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChipsInputFieldMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Atoms
+                        ChipsInputModule,
+                    ],
+                    exports: [
+                        ChipsInputFieldMolecule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipsInputFieldModule, ChipsInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-chips-input-field.mjs.map

package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.mjs","sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule {\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n}\n","<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Atoms\n    ChipsInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAU,CAAC;QAGpC,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAE7B,KAAA;;qHARY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+HCVpC,+FACA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDSa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,6BAA6B,EAAA,QAAA,EAAA,+FAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,CAAA;8BAQvC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;MEGK,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,YAAY;;AAEZ,QAAA,gBAAgB,aAGhB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGd,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;AACjB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { filter } from 'rxjs/operators';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatDayjsDateModule } from '@ng-atomic/common/utils';
+
+class DateInputFieldMolecule {
+    constructor() {
+        this.control = new FormControl();
+        this._control = new FormControl();
+        this.label = '';
+        this.placeholder = '';
+    }
+    ngOnInit() {
+        this.control.valueChanges.pipe(filter(value => this._control.value !== value)).subscribe(value => this._control.setValue(value));
+        this._control.valueChanges.subscribe(value => this.control.setValue(value));
+        this.control.setValue(this._control.value);
+    }
+}
+DateInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-OQNF: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-OQNF: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { _control: [{
+                type: Input,
+                args: ['control']
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+
+class DateInputFieldModule {
+}
+DateInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, declarations: [DateInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatDayjsDateModule], exports: [DateInputFieldMolecule] });
+DateInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            MatDayjsDateModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DateInputFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        MatDayjsDateModule,
+                    ],
+                    exports: [DateInputFieldMolecule],
+                    // providers: [...MAT_DAYJS_JP_PROVIDERS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateInputFieldModule, DateInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-date-input-field.mjs.map

package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-date-input-field.mjs","sources":["../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html","../../../../libs/components/molecules/date-input-field/date-input-field.module.ts","../../../../libs/components/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAYa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAS,CAAC;AAG3B,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,WAAW,EAAS,CAAC;QAG5C,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAalB,KAAA;IARC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5B,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAC/C,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC5C;;oHAtBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,uNCZnC,sXAMiB,EAAA,MAAA,EAAA,CAAA,oLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,KAAA,EAAA,KAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDMJ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EAAA,QAAA,EAAA,sXAAA,EAAA,MAAA,EAAA,CAAA,oLAAA,CAAA,EAAA,CAAA;8BAMvB,QAAQ,EAAA,CAAA;sBADf,KAAK;uBAAC,SAAS,CAAA;gBAIhB,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;;;MEFK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAXhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;AACnB,QAAA,kBAAkB,aAEV,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGrB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAVtB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,mBAAmB;YACnB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;AACnB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAIU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBACnB,kBAAkB;AACnB,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;;AAElC,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}