@ng-atomic/components 1.2.1 → 1.3.0

package/bundles/ng-atomic-components-frames-smart-menu.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-smart-menu.umd.js","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":["Component","ChangeDetectionStrategy","HostBinding","Input","ViewChild","CommonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YAQE,iBAAY,GAAG,KAAK,CAAC;YAGrB,UAAK,GAAG,MAAM,CAAC;YAMf,iBAAY,GAAW,GAAG,CAAC;SAU5B;QALC,sBAAI,gCAAI;iBAAR;;gBACE,IAAM,IAAI,eAAW,IAAI,CAAC,MAAM,0CAAE,kBAAkB,0CAAE,IAAI,CAAC;gBAC3D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAAC;aACrF;;;WAAA;;;gFAnBU,cAAc;8EAAd,cAAc,kWCT3B,kLAKM;;gFDIO,cAAc;sBAN1BA,YAAS;uBAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;wBACtC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAGC,YAAY;0BADXC,cAAW;2BAAC,qBAAqB;oBAIlC,KAAK;0BADJC,QAAK;oBAIN,MAAM;0BADLA,QAAK;oBAIN,YAAY;0BADXA,QAAK;oBAIN,IAAI;0BADHC,YAAS;2BAAC,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;;;QETnC;;;;kFAAa,eAAe;uDAAf,eAAe;2DALjB;gBACPC,mBAAY;aACb;4FAGU,eAAe,mBANX,cAAc,aAE3BA,mBAAY,aAEJ,cAAc;;gFAEb,eAAe;sBAP3BC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,cAAc,CAAC;wBAC9B,OAAO,EAAE;4BACPD,mBAAY;yBACb;wBACD,OAAO,EAAE,CAAC,cAAc,CAAC;qBAC1B;;;;ICZD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-frames-smart-menu.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/smart-menu",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["smart-menu"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=o(t),i=function(){function e(){this.isMainHidden=!1,this.label="root",this.minNextWidth=360}return Object.defineProperty(e.prototype,"page",{get:function(){var e,t;return"Blank"===(null===(t=null===(e=this.outlet)||void 0===e?void 0:e.activatedRouteData)||void 0===t?void 0:t.page)?"Blank":this.isMainHidden?"Next":"NextWithMainPage"},enumerable:!1,configurable:!0}),e}();i.ɵfac=function(e){return new(e||i)},i.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"frames-smart-menu",inputs:{label:"label",outlet:"outlet",minNextWidth:"minNextWidth"},host:{properties:{"attr.is-main-hidden":"this.isMainHidden"}},viewQueries:[{propertyName:"next",first:!0,predicate:["next"],emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:a,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-XRVl:var(--gap);--background:#ccc;--background-SCOPED-IN-smart-menu-XRVl:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-smart-menu-XRVl:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-XRVl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-smart-menu-XRVl)}: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-smart-menu-XRVl)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}"],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(i,[{type:t.Component,args:[{selector:"frames-smart-menu",templateUrl:"./smart-menu.frame.html",styleUrls:["./smart-menu.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{isMainHidden:[{type:t.HostBinding,args:["attr.is-main-hidden"]}],label:[{type:t.Input}],outlet:[{type:t.Input}],minNextWidth:[{type:t.Input}],next:[{type:t.ViewChild,args:["next",{static:!0}]}]});var r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵmod=t.ɵɵdefineNgModule({type:r}),r.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(r,{declarations:[i],imports:[n.CommonModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.NgModule,args:[{declarations:[i],imports:[n.CommonModule],exports:[i]}]}],null,null),e.SmartMenuFrame=i,e.SmartMenuModule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-frames-smart-menu.umd.min.js.map

package/bundles/ng-atomic-components-frames-smart-menu.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["SmartMenuFrame","this","isMainHidden","label","minNextWidth","Object","defineProperty","prototype","_b","_a","outlet","activatedRouteData","page","selector","inputs","host","properties","attr.is-main-hidden","viewQueries","propertyName","first","predicate","emitDistinctChangesOnly","descendants","static","ngImport","i0__namespace","template","styles","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","HostBinding","Input","next","ViewChild","SmartMenuModule","CommonModule","declarations","imports","exports","NgModule"],"mappings":"u4BAGA,SAAAA,IAQEC,KAAAC,cAAe,EAGfD,KAAAE,MAAQ,OAMRF,KAAAG,aAAuB,WAKvBC,OAAAC,eAAIN,EAAAO,UAAA,OAAI,KAAR,mBAEE,MAAgB,WADoC,QAA1CC,EAAsB,QAAtBC,EAAWR,KAAKS,cAAM,IAAAD,OAAA,EAAAA,EAAEE,0BAAkB,IAAAH,OAAA,EAAAA,EAAEI,MAC5B,QAAUX,KAAKC,aAAe,OAAS,0FAlBxDF,0DAAAA,EAAca,SAAA,oBAAAC,OAAA,CAAAX,MAAA,QAAAO,OAAA,SAAAN,aAAA,gBAAAW,KAAA,CAAAC,WAAA,CAAAC,sBAAA,sBAAAC,YAAA,CAAA,CAAAC,aAAA,OAAAC,OAAA,EAAAC,UAAA,CAAA,QAAAC,yBAAA,EAAAC,aAAA,EAAAC,QAAA,IAAAC,SAAAC,EAAAC,SCT3B,2KAKMC,OAAA,CAAA,wxBAAAC,gBAAAC,EAAAC,wBAAAC,yEDIOhC,EAAc,CAAA,MAN1BiC,EAAAA,gBAAU,CACTpB,SAAU,oBACVqB,YAAa,0BACbC,UAAW,CAAC,2BACZN,gBAAiBE,EAAAA,wBAAwBC,iBAIzC9B,aAAY,CAAA,MADXkC,EAAAA,kBAAY,yBAIbjC,MAAK,CAAA,MADJkC,EAAAA,QAID3B,OAAM,CAAA,MADL2B,EAAAA,QAIDjC,aAAY,CAAA,MADXiC,EAAAA,QAIDC,KAAI,CAAA,MADHC,EAAAA,gBAAU,OAAQ,CAACf,QAAQ,cET9B,8CAAagB,oCAAAA,wCALF,CACPC,EAAAA,kFAISD,EAAe,CAAAE,aAAA,CANX1C,GAAc2C,QAAA,CAE3BF,EAAAA,cAAYG,QAAA,CAEJ5C,qEAECwC,EAAe,CAAA,MAP3BK,EAAAA,eAAS,CACRH,aAAc,CAAC1C,GACf2C,QAAS,CACPF,EAAAA,cAEFG,QAAS,CAAC5C","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"]}

package/bundles/ng-atomic-components-molecules-actions-column.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@angular/material/menu'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/cdk/table')) :
-    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/actions-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@angular/material/menu', '@angular/material/button', '@angular/material/icon', '@angular/cdk/table'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['actions-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.menu, global.ng.material.button, global.ng.material.icon, global.ng.cdk.table));
-}(this, (function (exports, i0, i3, i2, i5, i4, i6, i1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@angular/material/menu'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/cdk/table'), require('@ng-atomic/components/atoms/smart-menu-button')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/actions-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@angular/material/menu', '@angular/material/button', '@angular/material/icon', '@angular/cdk/table', '@ng-atomic/components/atoms/smart-menu-button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['actions-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.menu, global.ng.material.button, global.ng.material.icon, global.ng.cdk.table, global['ng-atomic'].components.atoms['smart-menu-button']));
+}(this, (function (exports, i0, common, i2, menu, button, icon, i1, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -64,10 +64,13 @@
                 this.columnDef.name = this.name;
             }
         };
+        ActionsColumnMolecule.prototype.onActionItemClick = function (test) {
+            console.debug(test);
+        };
         return ActionsColumnMolecule;
     }());
     ActionsColumnMolecule.ɵfac = function ActionsColumnMolecule_Factory(t) { return new (t || ActionsColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8), i0.ɵɵdirectiveInject(i1.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: i1.CdkColumnDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: i1.CdkCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: i1.CdkHeaderCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0__namespace, 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 });
+    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: i1.CdkColumnDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: i1.CdkCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: i1.CdkHeaderCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0__namespace, 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: [""], 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.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
                 type: i0.Component,
@@ -113,20 +116,24 @@
     ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
     ActionsColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: ActionsColumnModule });
     ActionsColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
-                i3.CommonModule,
+                common.CommonModule,
                 // Materials
                 i2.MatTableModule,
-                i5.MatMenuModule,
-                i4.MatButtonModule,
-                i6.MatIconModule,
+                menu.MatMenuModule,
+                button.MatButtonModule,
+                icon.MatIconModule,
+                // Atoms
+                i3.SmartMenuButtonModule,
             ]] });
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [i3.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [common.CommonModule,
                 // Materials
                 i2.MatTableModule,
-                i5.MatMenuModule,
-                i4.MatButtonModule,
-                i6.MatIconModule], exports: [ActionsColumnMolecule] });
+                menu.MatMenuModule,
+                button.MatButtonModule,
+                icon.MatIconModule,
+                // Atoms
+                i3.SmartMenuButtonModule], exports: [ActionsColumnMolecule] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnModule, [{
@@ -136,12 +143,14 @@
                             ActionsColumnMolecule
                         ],
                         imports: [
-                            i3.CommonModule,
+                            common.CommonModule,
                             // Materials
                             i2.MatTableModule,
-                            i5.MatMenuModule,
-                            i4.MatButtonModule,
-                            i6.MatIconModule,
+                            menu.MatMenuModule,
+                            button.MatButtonModule,
+                            icon.MatIconModule,
+                            // Atoms
+                            i3.SmartMenuButtonModule,
                         ],
                         exports: [
                             ActionsColumnMolecule

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-actions-column.umd.js","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","<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","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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","TEXT_COLUMN_OPTIONS","CdkColumnDef","CdkCellDef","CdkHeaderCellDef","Component","ViewEncapsulation","ChangeDetectionStrategy","Optional","Inject","Input","Output","ViewChild","CommonModule","MatTableModule","MatMenuModule","MatButtonModule","MatIconModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsCE,+BACsB,MAAmB,EACU,QAA8B;;YAD3D,WAAM,GAAN,MAAM,CAAa;YACU,aAAQ,GAAR,QAAQ,CAAsB;YAjBjF,gBAAW,GAAiB,EAAE,CAAC;YAI/B,oBAAe,GAAG,IAAIA,eAAY,EAAmB,CAAC;YAepD,MAAA,IAAI,CAAC,QAAQ,oCAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,EAAC;SACtB;QA/BD,sBACI,uCAAI;iBADR;gBAEE,OAAO,IAAI,CAAC,KAAK,CAAC;aACnB;iBACD,UAAS,IAAY;gBACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC3B;;;WAJA;QA8BD,wCAAQ,GAAR;YACE,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;gBAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC1C;SACF;QAED,2CAAW,GAAX;YACE,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC7C;SACF;QAEO,kDAAkB,GAAlB;YACN,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;aACjC;SACF;;;8FAtDU,qBAAqB,6DA6BVC,sBAAmB;qFA7B9B,qBAAqB,kNAkBrBC,eAAY,qHAGZC,aAAU,2HAGVC,mBAAgB,yGCnC7B,yfAWA;;gFDAa,qBAAqB;sBAPjCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,0BAA0B;wBACpC,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;wBAC7C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;wBACrC,eAAe,EAAEC,0BAAuB,CAAC,OAAO;qBACjD;;;kCA6BIC,WAAQ;;kCACRA,WAAQ;;kCAAIC,SAAM;mCAACR,sBAAmB;;aA3BrC,IAAI;0BADPS,QAAK;oBAWN,WAAW;0BADVA,QAAK;oBAKN,eAAe;0BADdC,SAAM;oBAIP,SAAS;0BADRC,YAAS;2BAACV,eAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;oBAIvC,IAAI;0BADHU,YAAS;2BAACT,aAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;oBAIrC,UAAU;0BADTS,YAAS;2BAACR,mBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;;;QEV7C;;;;0FAAa,mBAAmB;2DAAnB,mBAAmB;+DAZrB;gBACPS,eAAY;;gBAEZC,iBAAc;gBACdC,gBAAa;gBACbC,kBAAe;gBACfC,gBAAa;aACd;;iFAKU,mBAAmB,mBAd5B,qBAAqB,aAGrBJ,eAAY;;gBAEZC,iBAAc;gBACdC,gBAAa;gBACbC,kBAAe;gBACfC,gBAAa,aAGb,qBAAqB;;;gFAGZ,mBAAmB;sBAhB/BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,qBAAqB;yBACtB;wBACD,OAAO,EAAE;4BACPL,eAAY;;4BAEZC,iBAAc;4BACdC,gBAAa;4BACbC,kBAAe;4BACfC,gBAAa;yBACd;wBACD,OAAO,EAAE;4BACP,qBAAqB;yBACtB;qBACF;;;;ICxBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-actions-column.umd.js","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":["EventEmitter","TEXT_COLUMN_OPTIONS","CdkColumnDef","CdkCellDef","CdkHeaderCellDef","Component","ViewEncapsulation","ChangeDetectionStrategy","Optional","Inject","Input","Output","ViewChild","CommonModule","MatTableModule","MatMenuModule","MatButtonModule","MatIconModule","SmartMenuButtonModule","NgModule"],"mappings":"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"}

package/bundles/ng-atomic-components-molecules-actions-column.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/table"),require("@angular/material/menu"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/cdk/table")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/actions-column",["exports","@angular/core","@angular/common","@angular/material/table","@angular/material/menu","@angular/material/button","@angular/material/icon","@angular/cdk/table"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["actions-column"]={}),e.ng.core,e.ng.common,e.ng.material.table,e.ng.material.menu,e.ng.material.button,e.ng.material.icon,e.ng.cdk.table)}(this,(function(e,t,n,o,a,l,i,r){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(t),m=function(){function e(e,n){var o;this._table=e,this._options=n,this.actionItems=[],this.actionItemClick=new t.EventEmitter,null!==(o=this._options)&&void 0!==o||(this._options={})}return Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this._syncColumnDefName()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this._syncColumnDefName(),this._table&&(this.columnDef.cell=this.cell,this.columnDef.headerCell=this.headerCell,this._table.addColumnDef(this.columnDef))},e.prototype.ngOnDestroy=function(){this._table&&this._table.removeColumnDef(this.columnDef)},e.prototype._syncColumnDefName=function(){this.columnDef&&(this.columnDef.name=this.name)},e}();m.ɵfac=function(e){return new(e||m)(t.ɵɵdirectiveInject(r.CdkTable,8),t.ɵɵdirectiveInject(r.TEXT_COLUMN_OPTIONS,8))},m.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"molecules-actions-column",inputs:{name:"name",actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},viewQueries:[{propertyName:"columnDef",first:!0,predicate:r.CdkColumnDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"cell",first:!0,predicate:r.CdkCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"headerCell",first:!0,predicate:r.CdkHeaderCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:c,template:'<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',styles:[""],directives:[{type:o.MatColumnDef,selector:"[matColumnDef]",inputs:["sticky","matColumnDef"]},{type:o.MatHeaderCellDef,selector:"[matHeaderCellDef]"},{type:o.MatHeaderCell,selector:"mat-header-cell, th[mat-header-cell]"},{type:o.MatCellDef,selector:"[matCellDef]"},{type:o.MatCell,selector:"mat-cell, td[mat-cell]"},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:l.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:a.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:a.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:a.MatMenuItem,selector:"[mat-menu-item]",inputs:["disabled","disableRipple","role"],exportAs:["matMenuItem"]}],changeDetection:t.ChangeDetectionStrategy.Default,encapsulation:t.ViewEncapsulation.None}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.Component,args:[{selector:"molecules-actions-column",templateUrl:"./actions-column.molecule.html",styleUrls:["./actions-column.molecule.scss"],encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.Default}]}],(function(){return[{type:r.CdkTable,decorators:[{type:t.Optional}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[r.TEXT_COLUMN_OPTIONS]}]}]}),{name:[{type:t.Input}],actionItems:[{type:t.Input}],actionItemClick:[{type:t.Output}],columnDef:[{type:t.ViewChild,args:[r.CdkColumnDef,{static:!0}]}],cell:[{type:t.ViewChild,args:[r.CdkCellDef,{static:!0}]}],headerCell:[{type:t.ViewChild,args:[r.CdkHeaderCellDef,{static:!0}]}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[m],imports:[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[m],imports:[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule],exports:[m]}]}],null,null),e.ActionsColumnModule=s,e.ActionsColumnMolecule=m,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/table"),require("@angular/material/menu"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/cdk/table"),require("@ng-atomic/components/atoms/smart-menu-button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/actions-column",["exports","@angular/core","@angular/common","@angular/material/table","@angular/material/menu","@angular/material/button","@angular/material/icon","@angular/cdk/table","@ng-atomic/components/atoms/smart-menu-button"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["actions-column"]={}),e.ng.core,e.ng.common,e.ng.material.table,e.ng.material.menu,e.ng.material.button,e.ng.material.icon,e.ng.cdk.table,e["ng-atomic"].components.atoms["smart-menu-button"])}(this,(function(e,t,n,o,a,l,i,c,u){"use strict";function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=m(t),s=function(){function e(e,n){var o;this._table=e,this._options=n,this.actionItems=[],this.actionItemClick=new t.EventEmitter,null!==(o=this._options)&&void 0!==o||(this._options={})}return Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this._syncColumnDefName()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this._syncColumnDefName(),this._table&&(this.columnDef.cell=this.cell,this.columnDef.headerCell=this.headerCell,this._table.addColumnDef(this.columnDef))},e.prototype.ngOnDestroy=function(){this._table&&this._table.removeColumnDef(this.columnDef)},e.prototype._syncColumnDefName=function(){this.columnDef&&(this.columnDef.name=this.name)},e.prototype.onActionItemClick=function(e){console.debug(e)},e}();s.ɵfac=function(e){return new(e||s)(t.ɵɵdirectiveInject(c.CdkTable,8),t.ɵɵdirectiveInject(c.TEXT_COLUMN_OPTIONS,8))},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"molecules-actions-column",inputs:{name:"name",actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},viewQueries:[{propertyName:"columnDef",first:!0,predicate:c.CdkColumnDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"cell",first:!0,predicate:c.CdkCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"headerCell",first:!0,predicate:c.CdkHeaderCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:r,template:'<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',styles:[""],directives:[{type:o.MatColumnDef,selector:"[matColumnDef]",inputs:["sticky","matColumnDef"]},{type:o.MatHeaderCellDef,selector:"[matHeaderCellDef]"},{type:o.MatHeaderCell,selector:"mat-header-cell, th[mat-header-cell]"},{type:o.MatCellDef,selector:"[matCellDef]"},{type:o.MatCell,selector:"mat-cell, td[mat-cell]"},{type:u.SmartMenuButtonAtom,selector:"atoms-smart-menu-button",inputs:["actionItems"],outputs:["actionItemClick"]}],changeDetection:t.ChangeDetectionStrategy.Default,encapsulation:t.ViewEncapsulation.None}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"molecules-actions-column",templateUrl:"./actions-column.molecule.html",styleUrls:["./actions-column.molecule.scss"],encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.Default}]}],(function(){return[{type:c.CdkTable,decorators:[{type:t.Optional}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[c.TEXT_COLUMN_OPTIONS]}]}]}),{name:[{type:t.Input}],actionItems:[{type:t.Input}],actionItemClick:[{type:t.Output}],columnDef:[{type:t.ViewChild,args:[c.CdkColumnDef,{static:!0}]}],cell:[{type:t.ViewChild,args:[c.CdkCellDef,{static:!0}]}],headerCell:[{type:t.ViewChild,args:[c.CdkHeaderCellDef,{static:!0}]}]});var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=t.ɵɵdefineNgModule({type:d}),d.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule,u.SmartMenuButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(d,{declarations:[s],imports:[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule,u.SmartMenuButtonModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.NgModule,args:[{declarations:[s],imports:[n.CommonModule,o.MatTableModule,a.MatMenuModule,l.MatButtonModule,i.MatIconModule,u.SmartMenuButtonModule],exports:[s]}]}],null,null),e.ActionsColumnModule=d,e.ActionsColumnMolecule=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-molecules-actions-column.umd.min.js.map

package/bundles/ng-atomic-components-molecules-actions-column.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["ActionsColumnMolecule","_table","_options","this","actionItems","actionItemClick","EventEmitter","_a","Object","defineProperty","prototype","_name","name","_syncColumnDefName","ngOnInit","columnDef","cell","headerCell","addColumnDef","ngOnDestroy","removeColumnDef","i0","ɵɵdirectiveInject","i1","CdkTable","TEXT_COLUMN_OPTIONS","selector","inputs","outputs","viewQueries","propertyName","first","predicate","CdkColumnDef","emitDistinctChangesOnly","descendants","static","CdkCellDef","CdkHeaderCellDef","ngImport","i0__namespace","template","styles","directives","type","i2","MatColumnDef","MatHeaderCellDef","MatHeaderCell","MatCellDef","MatCell","i3","NgIf","i4","MatButton","exportAs","i5","MatMenuTrigger","i6","MatIcon","MatMenu","NgForOf","MatMenuItem","changeDetection","ChangeDetectionStrategy","Default","encapsulation","ViewEncapsulation","None","Component","templateUrl","styleUrls","Optional","Inject","Input","Output","ViewChild","ActionsColumnModule","CommonModule","MatTableModule","MatMenuModule","MatButtonModule","MatIconModule","declarations","imports","exports","NgModule"],"mappings":"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","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","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"]}
+{"version":3,"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"],"names":["ActionsColumnMolecule","_table","_options","this","actionItems","actionItemClick","EventEmitter","_a","Object","defineProperty","prototype","_name","name","_syncColumnDefName","ngOnInit","columnDef","cell","headerCell","addColumnDef","ngOnDestroy","removeColumnDef","onActionItemClick","test","console","debug","i0","ɵɵdirectiveInject","i1","CdkTable","TEXT_COLUMN_OPTIONS","selector","inputs","outputs","viewQueries","propertyName","first","predicate","CdkColumnDef","emitDistinctChangesOnly","descendants","static","CdkCellDef","CdkHeaderCellDef","ngImport","i0__namespace","template","styles","directives","type","i2","MatColumnDef","MatHeaderCellDef","MatHeaderCell","MatCellDef","MatCell","i3","SmartMenuButtonAtom","changeDetection","ChangeDetectionStrategy","Default","encapsulation","ViewEncapsulation","None","Component","templateUrl","styleUrls","Optional","Inject","Input","Output","ViewChild","ActionsColumnModule","CommonModule","MatTableModule","MatMenuModule","MatButtonModule","MatIconModule","SmartMenuButtonModule","declarations","imports","exports","NgModule"],"mappings":"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","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"]}

package/bundles/ng-atomic-components-molecules-date-input-field.umd.js

@@ -0,0 +1,116 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngneat/reactive-forms'), require('rxjs/operators'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/forms'), require('@angular/material/datepicker'), require('@angular/common'), require('@ng-atomic/common/utils')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/date-input-field', ['exports', '@angular/core', '@ngneat/reactive-forms', 'rxjs/operators', '@angular/material/form-field', '@angular/material/input', '@angular/forms', '@angular/material/datepicker', '@angular/common', '@ng-atomic/common/utils'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['date-input-field'] = {}), global.ng.core, global.reactiveForms, global.rxjs.operators, global.ng.material.formField, global.ng.material.input, global.ng.forms, global.ng.material.datepicker, global.ng.common, global.utils));
+}(this, (function (exports, i0, reactiveForms, operators, i1, i2, i3, i4, i5, utils) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var DateInputFieldMolecule = /** @class */ (function () {
+        function DateInputFieldMolecule() {
+            this.control = new reactiveForms.FormControl();
+            this._control = new reactiveForms.FormControl();
+            this.label = '';
+            this.placeholder = '';
+        }
+        DateInputFieldMolecule.prototype.ngOnInit = function () {
+            var _this = this;
+            this.control.valueChanges.pipe(operators.filter(function (value) { return _this._control.value !== value; })).subscribe(function (value) { return _this._control.setValue(value); });
+            this._control.valueChanges.subscribe(function (value) { return _this.control.setValue(value); });
+            this.control.setValue(this._control.value);
+        };
+        return DateInputFieldMolecule;
+    }());
+    DateInputFieldMolecule.ɵfac = function DateInputFieldMolecule_Factory(t) { return new (t || DateInputFieldMolecule)(); };
+    DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0__namespace, 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-L70W:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.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: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-date-input-field',
+                        templateUrl: './date-input-field.molecule.html',
+                        styleUrls: ['./date-input-field.molecule.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: { class: 'molecule field' },
+                    }]
+            }], null, { _control: [{
+                    type: i0.Input,
+                    args: ['control']
+                }], label: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }], hint: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var DateInputFieldModule = /** @class */ (function () {
+        function DateInputFieldModule() {
+        }
+        return DateInputFieldModule;
+    }());
+    DateInputFieldModule.ɵfac = function DateInputFieldModule_Factory(t) { return new (t || DateInputFieldModule)(); };
+    DateInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: DateInputFieldModule });
+    DateInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i5.CommonModule,
+                i3.ReactiveFormsModule,
+                i2.MatInputModule,
+                i4.MatDatepickerModule,
+                utils.MatDayjsDateModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DateInputFieldModule, { declarations: [DateInputFieldMolecule], imports: [i5.CommonModule,
+                i3.ReactiveFormsModule,
+                i2.MatInputModule,
+                i4.MatDatepickerModule,
+                utils.MatDayjsDateModule], exports: [DateInputFieldMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [DateInputFieldMolecule],
+                        imports: [
+                            i5.CommonModule,
+                            i3.ReactiveFormsModule,
+                            i2.MatInputModule,
+                            i4.MatDatepickerModule,
+                            utils.MatDayjsDateModule,
+                        ],
+                        exports: [DateInputFieldMolecule],
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DateInputFieldModule = DateInputFieldModule;
+    exports.DateInputFieldMolecule = DateInputFieldMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-date-input-field.umd.js.map

package/bundles/ng-atomic-components-molecules-date-input-field.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-date-input-field.umd.js","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":["FormControl","filter","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatInputModule","MatDatepickerModule","MatDayjsDateModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAKA;YAQE,YAAO,GAAG,IAAIA,yBAAW,EAAS,CAAC;YAG3B,aAAQ,GAAG,IAAIA,yBAAW,EAAS,CAAC;YAG5C,UAAK,GAAG,EAAE,CAAC;YAGX,gBAAW,GAAG,EAAE,CAAC;SAalB;QARC,yCAAQ,GAAR;YAAA,iBAOC;YANC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5BC,gBAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,KAAK,GAAA,CAAC,CAC/C,CAAC,SAAS,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAA,CAAC,CAAC;YAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAA,CAAC,CAAC;YAC5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC5C;;;gGAtBU,sBAAsB;sFAAtB,sBAAsB,kOCZnC,sXAMiB;;gFDMJ,sBAAsB;sBAPlCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,4BAA4B;wBACtC,WAAW,EAAE,kCAAkC;wBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;wBAC/C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;qBAChC;wBAKS,QAAQ;0BADfC,QAAK;2BAAC,SAAS;oBAIhB,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,IAAI;0BADHA,QAAK;;;;;QEFR;;;;4FAAa,oBAAoB;4DAApB,oBAAoB;gEAVtB;gBACPC,eAAY;gBACZC,sBAAmB;gBACnBC,iBAAc;gBACdC,sBAAmB;gBACnBC,wBAAkB;aACnB;;iFAIU,oBAAoB,mBAXhB,sBAAsB,aAEnCJ,eAAY;gBACZC,sBAAmB;gBACnBC,iBAAc;gBACdC,sBAAmB;gBACnBC,wBAAkB,aAEV,sBAAsB;;;gFAGrB,oBAAoB;sBAZhCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE;4BACPL,eAAY;4BACZC,sBAAmB;4BACnBC,iBAAc;4BACdC,sBAAmB;4BACnBC,wBAAkB;yBACnB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBAElC;;;;ICrBD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-molecules-date-input-field.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@ngneat/reactive-forms"),require("rxjs/operators"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/forms"),require("@angular/material/datepicker"),require("@angular/common"),require("@ng-atomic/common/utils")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/date-input-field",["exports","@angular/core","@ngneat/reactive-forms","rxjs/operators","@angular/material/form-field","@angular/material/input","@angular/forms","@angular/material/datepicker","@angular/common","@ng-atomic/common/utils"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["date-input-field"]={}),e.ng.core,e.reactiveForms,e.rxjs.operators,e.ng.material.formField,e.ng.material.input,e.ng.forms,e.ng.material.datepicker,e.ng.common,e.utils)}(this,(function(e,t,o,a,n,r,l,i,c,u){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=p(t),m=function(){function e(){this.control=new o.FormControl,this._control=new o.FormControl,this.label="",this.placeholder=""}return e.prototype.ngOnInit=function(){var e=this;this.control.valueChanges.pipe(a.filter((function(t){return e._control.value!==t}))).subscribe((function(t){return e._control.setValue(t)})),this._control.valueChanges.subscribe((function(t){return e.control.setValue(t)})),this.control.setValue(this._control.value)},e}();m.ɵfac=function(e){return new(e||m)},m.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"molecules-date-input-field",inputs:{_control:["control","_control"],label:"label",placeholder:"placeholder",hint:"hint"},host:{classAttribute:"molecule field"},ngImport:s,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-L70W:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:n.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:n.MatLabel,selector:"mat-label"},{type:r.MatInput,selector:"input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",inputs:["id","disabled","required","type","value","readonly","placeholder","errorStateMatcher","aria-describedby"],exportAs:["matInput"]},{type:l.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:i.MatDatepickerInput,selector:"input[matDatepicker]",inputs:["matDatepicker","min","max","matDatepickerFilter"],exportAs:["matDatepickerInput"]},{type:l.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:l.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:i.MatDatepickerToggle,selector:"mat-datepicker-toggle",inputs:["tabIndex","disabled","for","aria-label","disableRipple"],exportAs:["matDatepickerToggle"]},{type:n.MatSuffix,selector:"[matSuffix]"},{type:i.MatDatepicker,selector:"mat-datepicker",exportAs:["matDatepicker"]},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:n.MatHint,selector:"mat-hint",inputs:["align","id"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.Component,args:[{selector:"molecules-date-input-field",templateUrl:"./date-input-field.molecule.html",styleUrls:["./date-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule field"}}]}],null,{_control:[{type:t.Input,args:["control"]}],label:[{type:t.Input}],placeholder:[{type:t.Input}],hint:[{type:t.Input}]});var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=t.ɵɵdefineNgModule({type:d}),d.ɵinj=t.ɵɵdefineInjector({imports:[[c.CommonModule,l.ReactiveFormsModule,r.MatInputModule,i.MatDatepickerModule,u.MatDayjsDateModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(d,{declarations:[m],imports:[c.CommonModule,l.ReactiveFormsModule,r.MatInputModule,i.MatDatepickerModule,u.MatDayjsDateModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.NgModule,args:[{declarations:[m],imports:[c.CommonModule,l.ReactiveFormsModule,r.MatInputModule,i.MatDatepickerModule,u.MatDayjsDateModule],exports:[m]}]}],null,null),e.DateInputFieldModule=d,e.DateInputFieldMolecule=m,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-molecules-date-input-field.umd.min.js.map

package/bundles/ng-atomic-components-molecules-date-input-field.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["DateInputFieldMolecule","this","control","FormControl","_control","label","placeholder","prototype","ngOnInit","_this","valueChanges","pipe","filter","value","subscribe","setValue","selector","inputs","hint","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","MatFormField","exportAs","MatLabel","i2","MatInput","i3","DefaultValueAccessor","i4","MatDatepickerInput","NgControlStatus","FormControlDirective","outputs","MatDatepickerToggle","MatSuffix","MatDatepicker","i5","NgIf","MatHint","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","DateInputFieldModule","CommonModule","ReactiveFormsModule","MatInputModule","MatDatepickerModule","MatDayjsDateModule","declarations","imports","exports","NgModule"],"mappings":"+7CAKA,SAAAA,IAQEC,KAAAC,QAAU,IAAIC,EAAAA,YAGNF,KAAAG,SAAW,IAAID,EAAAA,YAGvBF,KAAAI,MAAQ,GAGRJ,KAAAK,YAAc,UAKdN,EAAAO,UAAAC,SAAA,WAAA,IAAAC,EAAAR,KACEA,KAAKC,QAAQQ,aAAaC,KACxBC,EAAAA,QAAO,SAAAC,GAAS,OAAAJ,EAAKL,SAASS,QAAUA,MACxCC,WAAU,SAAAD,GAAS,OAAAJ,EAAKL,SAASW,SAASF,MAE5CZ,KAAKG,SAASM,aAAaI,WAAU,SAAAD,GAAS,OAAAJ,EAAKP,QAAQa,SAASF,MACpEZ,KAAKC,QAAQa,SAASd,KAAKG,SAASS,8CArB3Bb,0DAAAA,EAAsBgB,SAAA,6BAAAC,OAAA,CAAAb,SAAA,CAAA,UAAA,YAAAC,MAAA,QAAAC,YAAA,cAAAY,KAAA,QAAAC,KAAA,CAAAC,eAAA,kBAAAC,SAAAC,EAAAC,SCZnC,2WAMiBC,OAAA,CAAA,uKAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,aAAAZ,SAAA,iBAAAC,OAAA,CAAA,QAAA,aAAA,aAAA,qBAAA,aAAAY,SAAA,CAAA,iBAAA,CAAAH,KAAAC,EAAAG,SAAAd,SAAA,aAAA,CAAAU,KAAAK,EAAAC,SAAAhB,SAAA,0HAAAC,OAAA,CAAA,KAAA,WAAA,WAAA,OAAA,QAAA,WAAA,cAAA,oBAAA,oBAAAY,SAAA,CAAA,aAAA,CAAAH,KAAAO,EAAAC,qBAAAlB,SAAA,gNAAA,CAAAU,KAAAS,EAAAC,mBAAApB,SAAA,uBAAAC,OAAA,CAAA,gBAAA,MAAA,MAAA,uBAAAY,SAAA,CAAA,uBAAA,CAAAH,KAAAO,EAAAI,gBAAArB,SAAA,6CAAA,CAAAU,KAAAO,EAAAK,qBAAAtB,SAAA,gBAAAC,OAAA,CAAA,WAAA,cAAA,WAAAsB,QAAA,CAAA,iBAAAV,SAAA,CAAA,WAAA,CAAAH,KAAAS,EAAAK,oBAAAxB,SAAA,wBAAAC,OAAA,CAAA,WAAA,WAAA,MAAA,aAAA,iBAAAY,SAAA,CAAA,wBAAA,CAAAH,KAAAC,EAAAc,UAAAzB,SAAA,eAAA,CAAAU,KAAAS,EAAAO,cAAA1B,SAAA,iBAAAa,SAAA,CAAA,kBAAA,CAAAH,KAAAiB,EAAAC,KAAA5B,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAS,KAAAC,EAAAkB,QAAA7B,SAAA,WAAAC,OAAA,CAAA,QAAA,QAAA6B,gBAAAC,EAAAC,wBAAAC,yEDMJjD,EAAsB,CAAA,MAPlCkD,EAAAA,gBAAU,CACTlC,SAAU,6BACVmC,YAAa,mCACbC,UAAW,CAAC,oCACZN,gBAAiBE,EAAAA,wBAAwBC,OACzC9B,KAAM,CAACkC,MAAO,4BAMNjD,SAAQ,CAAA,MADfkD,EAAAA,YAAM,aAIPjD,MAAK,CAAA,MADJiD,EAAAA,QAIDhD,YAAW,CAAA,MADVgD,EAAAA,QAIDpC,KAAI,CAAA,MADHoC,EAAAA,gBEFH,8CAAaC,oCAAAA,wCAVF,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,oBACAC,EAAAA,wFAKSL,EAAoB,CAAAM,aAAA,CAXhB7D,GAAsB8D,QAAA,CAEnCN,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,oBACAC,EAAAA,oBAAkBG,QAAA,CAEV/D,qEAGCuD,EAAoB,CAAA,MAZhCS,EAAAA,eAAS,CACRH,aAAc,CAAC7D,GACf8D,QAAS,CACPN,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,oBACAC,EAAAA,oBAEFG,QAAS,CAAC/D","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"]}

package/bundles/ng-atomic-components-molecules-select-input-field.umd.js

@@ -36,7 +36,7 @@
         return SelectInputFieldMolecule;
     }());
     SelectInputFieldMolecule.ɵfac = function SelectInputFieldMolecule_Factory(t) { return new (t || SelectInputFieldMolecule)(); };
-    SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-6LHt:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-adbS:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-molecules-select-input-field.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/select"),require("@ngneat/reactive-forms"),require("@angular/material/form-field"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/select-input-field",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/select","@ngneat/reactive-forms","@angular/material/form-field","@angular/material/core"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["select-input-field"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.select,e.reactiveForms,e.ng.material.formField,e.ng.material.core)}(this,(function(e,t,o,n,l,r,a,i){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=c(t),u=function(){this.label="",this.control=new r.FormControl,this.options=[],this.value=function(e){return null==e?void 0:e.value}};u.ɵfac=function(e){return new(e||u)},u.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"molecules-select-input-field",inputs:{label:"label",control:"control",options:"options"},host:{classAttribute:"molecule input-field"},ngImport:s,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]="control">\n    <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-6LHt:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:a.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:a.MatLabel,selector:"mat-label"},{type:l.MatSelect,selector:"mat-select",inputs:["disabled","disableRipple","tabIndex"],exportAs:["matSelect"]},{type:n.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatOption,selector:"mat-option",exportAs:["matOption"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.Component,args:[{selector:"molecules-select-input-field",templateUrl:"./select-input-field.molecule.html",styleUrls:["./select-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule input-field"}}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}]}],null,null),e.SelectInputFieldModule=m,e.SelectInputFieldMolecule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/select"),require("@ngneat/reactive-forms"),require("@angular/material/form-field"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/select-input-field",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/select","@ngneat/reactive-forms","@angular/material/form-field","@angular/material/core"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["select-input-field"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.select,e.reactiveForms,e.ng.material.formField,e.ng.material.core)}(this,(function(e,t,o,n,l,r,a,i){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=c(t),u=function(){this.label="",this.control=new r.FormControl,this.options=[],this.value=function(e){return null==e?void 0:e.value}};u.ɵfac=function(e){return new(e||u)},u.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"molecules-select-input-field",inputs:{label:"label",control:"control",options:"options"},host:{classAttribute:"molecule input-field"},ngImport:s,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]="control">\n    <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-adbS:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:a.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:a.MatLabel,selector:"mat-label"},{type:l.MatSelect,selector:"mat-select",inputs:["disabled","disableRipple","tabIndex"],exportAs:["matSelect"]},{type:n.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatOption,selector:"mat-option",exportAs:["matOption"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.Component,args:[{selector:"molecules-select-input-field",templateUrl:"./select-input-field.molecule.html",styleUrls:["./select-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule input-field"}}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}]}],null,null),e.SelectInputFieldModule=m,e.SelectInputFieldMolecule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-molecules-select-input-field.umd.min.js.map

package/bundles/ng-atomic-components-molecules-smart-column.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@ng-atomic/common/utils'), require('flat'), require('@ng-atomic/common/pipes')) :
-    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/smart-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@ng-atomic/common/utils', 'flat', '@ng-atomic/common/pipes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['smart-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.utils, global.flat, global.i2));
-}(this, (function (exports, i0, common, i1, utils, flat, i2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@angular/material/icon'), require('@ng-atomic/common/utils'), require('flat'), require('@ng-atomic/common/pipes')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/smart-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@angular/material/icon', '@ng-atomic/common/utils', 'flat', '@ng-atomic/common/pipes'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['smart-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.icon, global.utils, global.flat, global.i4));
+}(this, (function (exports, i0, i2, i1, i3, utils, flat, i4) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -352,12 +352,14 @@
                 var _a;
                 return name.includes('.') ? (_a = flat.flatten(utils.toObject(data))) === null || _a === void 0 ? void 0 : _a[name] : data === null || data === void 0 ? void 0 : data[name];
             };
+            _this.sort = 'none';
+            _this.headerClick = new i0.EventEmitter();
             return _this;
         }
         return SmartColumnMolecule;
     }(i1.MatTextColumn));
     SmartColumnMolecule.ɵfac = function SmartColumnMolecule_Factory(t) { return ɵSmartColumnMolecule_BaseFactory(t || SmartColumnMolecule); };
-    SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartColumnMolecule, selector: "molecules-smart-column", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{headerText}}</p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n  \n</ng-container>", styles: ["td[mat-cell] .nowrap,th[mat-header-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], directives: [{ type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i2.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["td[mat-cell],th[mat-header-cell]{cursor:pointer}td[mat-cell] mat-icon.order,th[mat-header-cell] mat-icon.order{width:12px;height:12px;font-size:12px}td[mat-cell] .nowrap,th[mat-header-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], directives: [{ type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
     var ɵSmartColumnMolecule_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SmartColumnMolecule);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
@@ -369,7 +371,11 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.Default,
                     }]
-            }], null, null);
+            }], null, { sort: [{
+                    type: i0.Input
+                }], headerClick: [{
+                    type: i0.Output
+                }] });
     })();
 
     var SmartColumnModule = /** @class */ (function () {
@@ -380,17 +386,19 @@
     SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
     SmartColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: SmartColumnModule });
     SmartColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
-                common.CommonModule,
+                i2.CommonModule,
                 // Pipes
-                i2.SmartExpModule,
+                i4.SmartExpModule,
                 // Materials
+                i3.MatIconModule,
                 i1.MatTableModule,
             ]] });
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [common.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [i2.CommonModule,
                 // Pipes
-                i2.SmartExpModule,
+                i4.SmartExpModule,
                 // Materials
+                i3.MatIconModule,
                 i1.MatTableModule], exports: [SmartColumnMolecule] });
     })();
     (function () {
@@ -401,10 +409,11 @@
                             SmartColumnMolecule,
                         ],
                         imports: [
-                            common.CommonModule,
+                            i2.CommonModule,
                             // Pipes
-                            i2.SmartExpModule,
+                            i4.SmartExpModule,
                             // Materials
+                            i3.MatIconModule,
                             i1.MatTableModule,
                         ],
                         exports: [