@ng-atomic/components 0.0.1

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

@@ -0,0 +1,163 @@
+(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';
+
+    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 ActionsColumnMolecule = /** @class */ (function () {
+        function ActionsColumnMolecule(_table, _options) {
+            var _a;
+            this._table = _table;
+            this._options = _options;
+            this.actionItems = [];
+            this.actionItemClick = new i0.EventEmitter();
+            (_a = this._options) !== null && _a !== void 0 ? _a : (this._options = {});
+        }
+        Object.defineProperty(ActionsColumnMolecule.prototype, "name", {
+            get: function () {
+                return this._name;
+            },
+            set: function (name) {
+                this._name = name;
+                this._syncColumnDefName();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ActionsColumnMolecule.prototype.ngOnInit = function () {
+            this._syncColumnDefName();
+            if (this._table) {
+                this.columnDef.cell = this.cell;
+                this.columnDef.headerCell = this.headerCell;
+                this._table.addColumnDef(this.columnDef);
+            }
+        };
+        ActionsColumnMolecule.prototype.ngOnDestroy = function () {
+            if (this._table) {
+                this._table.removeColumnDef(this.columnDef);
+            }
+        };
+        ActionsColumnMolecule.prototype._syncColumnDefName = function () {
+            if (this.columnDef) {
+                this.columnDef.name = this.name;
+            }
+        };
+        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 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-actions-column',
+                        templateUrl: './actions-column.molecule.html',
+                        styleUrls: ['./actions-column.molecule.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.Default,
+                    }]
+            }], function () {
+            return [{ type: i1.CdkTable, decorators: [{
+                            type: i0.Optional
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [i1.TEXT_COLUMN_OPTIONS]
+                        }] }];
+        }, { name: [{
+                    type: i0.Input
+                }], actionItems: [{
+                    type: i0.Input
+                }], actionItemClick: [{
+                    type: i0.Output
+                }], columnDef: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkColumnDef, { static: true }]
+                }], cell: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkCellDef, { static: true }]
+                }], headerCell: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkHeaderCellDef, { static: true }]
+                }] });
+    })();
+
+    var ActionsColumnModule = /** @class */ (function () {
+        function ActionsColumnModule() {
+        }
+        return ActionsColumnModule;
+    }());
+    ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
+    ActionsColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: ActionsColumnModule });
+    ActionsColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i3.CommonModule,
+                // Materials
+                i2.MatTableModule,
+                i5.MatMenuModule,
+                i4.MatButtonModule,
+                i6.MatIconModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [i3.CommonModule,
+                // Materials
+                i2.MatTableModule,
+                i5.MatMenuModule,
+                i4.MatButtonModule,
+                i6.MatIconModule], exports: [ActionsColumnMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ActionsColumnMolecule
+                        ],
+                        imports: [
+                            i3.CommonModule,
+                            // Materials
+                            i2.MatTableModule,
+                            i5.MatMenuModule,
+                            i4.MatButtonModule,
+                            i6.MatIconModule,
+                        ],
+                        exports: [
+                            ActionsColumnMolecule
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ActionsColumnModule = ActionsColumnModule;
+    exports.ActionsColumnMolecule = ActionsColumnMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-actions-column.umd.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;"}

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

@@ -0,0 +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})}));
+//# sourceMappingURL=ng-atomic-components-molecules-actions-column.umd.min.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,154 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@angular/material/checkbox'), require('@angular/cdk/table')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/checkbox-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@angular/material/checkbox', '@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['checkbox-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.checkbox, global.ng.cdk.table));
+}(this, (function (exports, i0, common, i2, i3, i1) { '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 CheckboxColumnMolecule = /** @class */ (function () {
+        function CheckboxColumnMolecule(_table) {
+            this._table = _table;
+            this.selectedIdSet = new Set();
+            this.checkboxClick = new i0.EventEmitter();
+        }
+        Object.defineProperty(CheckboxColumnMolecule.prototype, "name", {
+            get: function () {
+                return this._name;
+            },
+            set: function (name) {
+                this._name = name;
+                this._syncColumnDefName();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CheckboxColumnMolecule.prototype.ngOnInit = function () {
+            this._syncColumnDefName();
+            if (this._table) {
+                this.columnDef.cell = this.cell;
+                this.columnDef.headerCell = this.headerCell;
+                this._table.addColumnDef(this.columnDef);
+            }
+        };
+        CheckboxColumnMolecule.prototype.ngOnDestroy = function () {
+            if (this._table) {
+                this._table.removeColumnDef(this.columnDef);
+            }
+        };
+        CheckboxColumnMolecule.prototype._syncColumnDefName = function () {
+            if (this.columnDef) {
+                this.columnDef.name = this.name;
+            }
+        };
+        return CheckboxColumnMolecule;
+    }());
+    CheckboxColumnMolecule.ɵfac = function CheckboxColumnMolecule_Factory(t) { return new (t || CheckboxColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8)); };
+    CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, 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></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n", styles: [""], 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.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-checkbox-column',
+                        templateUrl: './checkbox-column.molecule.html',
+                        styleUrls: ['./checkbox-column.molecule.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], function () {
+            return [{ type: i1.CdkTable, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, { name: [{
+                    type: i0.Input
+                }], selectedIdSet: [{
+                    type: i0.Input
+                }], checkboxClick: [{
+                    type: i0.Output
+                }], columnDef: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkColumnDef, { static: true }]
+                }], cell: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkCellDef, { static: true }]
+                }], headerCell: [{
+                    type: i0.ViewChild,
+                    args: [i1.CdkHeaderCellDef, { static: true }]
+                }] });
+    })();
+
+    var CheckboxColumnModule = /** @class */ (function () {
+        function CheckboxColumnModule() {
+        }
+        return CheckboxColumnModule;
+    }());
+    CheckboxColumnModule.ɵfac = function CheckboxColumnModule_Factory(t) { return new (t || CheckboxColumnModule)(); };
+    CheckboxColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: CheckboxColumnModule });
+    CheckboxColumnModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
+            { provide: i3.MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+        ], imports: [[
+                common.CommonModule,
+                // Materials
+                i2.MatTableModule,
+                i3.MatCheckboxModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckboxColumnModule, { declarations: [CheckboxColumnMolecule], imports: [common.CommonModule,
+                // Materials
+                i2.MatTableModule,
+                i3.MatCheckboxModule], exports: [CheckboxColumnMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            CheckboxColumnMolecule
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            // Materials
+                            i2.MatTableModule,
+                            i3.MatCheckboxModule,
+                        ],
+                        exports: [
+                            CheckboxColumnMolecule
+                        ],
+                        providers: [
+                            { provide: i3.MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.CheckboxColumnModule = CheckboxColumnModule;
+    exports.CheckboxColumnMolecule = CheckboxColumnMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-checkbox-column.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-checkbox-column.umd.js","sources":["../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'molecules-checkbox-column',\n  templateUrl: './checkbox-column.molecule.html',\n  styleUrls: ['./checkbox-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n  set name(name: string) {\n    this._name = name;\n    this._syncColumnDefName();\n  }\n  _name!: string;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @ViewChild(CdkColumnDef, {static: true})\n  columnDef!: CdkColumnDef;\n\n  @ViewChild(CdkCellDef, {static: true})\n  cell!: CdkCellDef;\n\n  @ViewChild(CdkHeaderCellDef, {static: true})\n  headerCell!: CdkHeaderCellDef;\n\n  constructor(@Optional() private _table: CdkTable<T>) { }\n\n  ngOnInit() {\n    this._syncColumnDefName();\n\n    if (this._table) {\n      this.columnDef.cell = this.cell;\n      this.columnDef.headerCell = this.headerCell;\n      this._table.addColumnDef(this.columnDef);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef);\n    }\n  }\n\n  private _syncColumnDefName() {\n    if (this.columnDef) {\n      this.columnDef.name = this.name;\n    }\n  }\n}\n","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions } from '@angular/material/checkbox';\n\nimport { CheckboxColumnMolecule } from './checkbox-column.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    CheckboxColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatCheckboxModule,\n  ],\n  exports: [\n    CheckboxColumnMolecule\n  ],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ]\n})\nexport class CheckboxColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","CdkColumnDef","CdkCellDef","CdkHeaderCellDef","Component","ViewEncapsulation","ChangeDetectionStrategy","Optional","Input","Output","ViewChild","MAT_CHECKBOX_DEFAULT_OPTIONS","CommonModule","MatTableModule","MatCheckboxModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCE,gCAAgC,MAAmB;YAAnB,WAAM,GAAN,MAAM,CAAa;YAdnD,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;YAGlC,kBAAa,GAAG,IAAIA,eAAY,EAAK,CAAC;SAWkB;QAzBxD,sBACI,wCAAI;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;QAwBD,yCAAQ,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,4CAAW,GAAX;YACE,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC7C;SACF;QAEO,mDAAkB,GAAlB;YACN,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;aACjC;SACF;;;gGAhDU,sBAAsB;sFAAtB,sBAAsB,mNAiBtBC,eAAY,qHAGZC,aAAU,2HAGVC,mBAAgB,yGCjC7B,uRASA;;gFDCa,sBAAsB;sBAPlCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,2BAA2B;wBACrC,WAAW,EAAE,iCAAiC;wBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;wBAC9C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;wBACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;;;kCA2BcC,WAAQ;;aAxBjB,IAAI;0BADPC,QAAK;oBAWN,aAAa;0BADZA,QAAK;oBAIN,aAAa;0BADZC,SAAM;oBAIP,SAAS;0BADRC,YAAS;2BAACT,eAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;oBAIvC,IAAI;0BADHS,YAAS;2BAACR,aAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;oBAIrC,UAAU;0BADTQ,YAAS;2BAACP,mBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;;;QEP7C;;;;4FAAa,oBAAoB;4DAApB,oBAAoB;iEAJpB;YACT,EAAC,OAAO,EAAEQ,+BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;SACxG,YAXQ;gBACPC,mBAAY;;gBAEZC,iBAAc;gBACdC,oBAAiB;aAClB;;iFAQU,oBAAoB,mBAf7B,sBAAsB,aAGtBF,mBAAY;;gBAEZC,iBAAc;gBACdC,oBAAiB,aAGjB,sBAAsB;;;gFAMb,oBAAoB;sBAjBhCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,sBAAsB;yBACvB;wBACD,OAAO,EAAE;4BACPH,mBAAY;;4BAEZC,iBAAc;4BACdC,oBAAiB;yBAClB;wBACD,OAAO,EAAE;4BACP,sBAAsB;yBACvB;wBACD,SAAS,EAAE;4BACT,EAAC,OAAO,EAAEH,+BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;yBACxG;qBACF;;;;ICzBD;;;;;;;;;;;;;"}

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

@@ -0,0 +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/checkbox"),require("@angular/cdk/table")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/checkbox-column",["exports","@angular/core","@angular/common","@angular/material/table","@angular/material/checkbox","@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["checkbox-column"]={}),e.ng.core,e.ng.common,e.ng.material.table,e.ng.material.checkbox,e.ng.cdk.table)}(this,(function(e,t,n,o,l,a){"use strict";function c(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 i=c(t),r=function(){function e(e){this._table=e,this.selectedIdSet=new Set,this.checkboxClick=new t.EventEmitter}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}();r.ɵfac=function(e){return new(e||r)(t.ɵɵdirectiveInject(a.CdkTable,8))},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"molecules-checkbox-column",inputs:{name:"name",selectedIdSet:"selectedIdSet"},outputs:{checkboxClick:"checkboxClick"},viewQueries:[{propertyName:"columnDef",first:!0,predicate:a.CdkColumnDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"cell",first:!0,predicate:a.CdkCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0},{propertyName:"headerCell",first:!0,predicate:a.CdkHeaderCellDef,emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:i,template:'<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef="let item">\n    <mat-checkbox\n      (click)="checkboxClick.emit(item)"\n      [checked]="selectedIdSet.has(item.id)"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n',styles:[""],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:l.MatCheckbox,selector:"mat-checkbox",inputs:["disableRipple","color","tabIndex","aria-label","aria-labelledby","id","labelPosition","name","required","checked","disabled","indeterminate","aria-describedby","value"],outputs:["change","indeterminateChange"],exportAs:["matCheckbox"]}],changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"molecules-checkbox-column",templateUrl:"./checkbox-column.molecule.html",styleUrls:["./checkbox-column.molecule.scss"],encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush}]}],(function(){return[{type:a.CdkTable,decorators:[{type:t.Optional}]}]}),{name:[{type:t.Input}],selectedIdSet:[{type:t.Input}],checkboxClick:[{type:t.Output}],columnDef:[{type:t.ViewChild,args:[a.CdkColumnDef,{static:!0}]}],cell:[{type:t.ViewChild,args:[a.CdkCellDef,{static:!0}]}],headerCell:[{type:t.ViewChild,args:[a.CdkHeaderCellDef,{static:!0}]}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({providers:[{provide:l.MAT_CHECKBOX_DEFAULT_OPTIONS,useValue:{clickAction:"noop"}}],imports:[[n.CommonModule,o.MatTableModule,l.MatCheckboxModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[r],imports:[n.CommonModule,o.MatTableModule,l.MatCheckboxModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[r],imports:[n.CommonModule,o.MatTableModule,l.MatCheckboxModule],exports:[r],providers:[{provide:l.MAT_CHECKBOX_DEFAULT_OPTIONS,useValue:{clickAction:"noop"}}]}]}],null,null),e.CheckboxColumnModule=s,e.CheckboxColumnMolecule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-molecules-checkbox-column.umd.min.js.map

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

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

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

@@ -0,0 +1,130 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/keycodes'), require('@ngneat/reactive-forms'), require('@angular/material/chips'), require('@angular/material/icon'), require('@angular/forms'), require('@angular/material/input')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/chips-input-field', ['exports', '@angular/core', '@angular/common', '@angular/cdk/keycodes', '@ngneat/reactive-forms', '@angular/material/chips', '@angular/material/icon', '@angular/forms', '@angular/material/input'], 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['chips-input-field'] = {}), global.ng.core, global.ng.common, global.ng.cdk.keycodes, global.reactiveForms, global.ng.material.chips, global.ng.material.icon, global.ng.forms, global.ng.material.input));
+}(this, (function (exports, i0, i2, keycodes, reactiveForms, i1, i3, i4, input) { '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 ChipsInputFieldMolecule = /** @class */ (function () {
+        function ChipsInputFieldMolecule() {
+            this._control = new reactiveForms.FormControl('');
+            this.control = new reactiveForms.FormControl();
+            this.placeholder = '';
+            this.separatorKeysCodes = [keycodes.ENTER, keycodes.COMMA];
+            this.chips = [];
+        }
+        ChipsInputFieldMolecule.prototype.ngOnInit = function () {
+            var _this = this;
+            this.control.value && this._add(this.control.value);
+            this._control.valueChanges.subscribe(function () { return _this.control.setValue(_this.chips.join(' ')); });
+        };
+        ChipsInputFieldMolecule.prototype.add = function (event) {
+            this._add((event.value || '').trim());
+            event.input.value = '';
+        };
+        ChipsInputFieldMolecule.prototype.remove = function (chip) {
+            var index = this.chips.indexOf(chip);
+            index >= 0 && this.chips.splice(index, 1);
+            this.control.setValue(this.chips.join(' '));
+        };
+        ChipsInputFieldMolecule.prototype._add = function (value) {
+            value && this.chips.push(value);
+            this.control.setValue(this.chips.join(' '));
+        };
+        return ChipsInputFieldMolecule;
+    }());
+    ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(); };
+    ChipsInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: { control: "control", placeholder: "placeholder" }, ngImport: i0__namespace, template: "<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\"\n    [formControl]=\"_control\"\n  >\n</mat-chip-list>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}:host,:host mat-input{width:100%;height:100%}"], directives: [{ type: i1.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatChipRemove, selector: "[matChipRemove]" }, { type: i1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputSeparatorKeyCodes", "placeholder", "id", "matChipInputFor", "matChipInputAddOnBlur", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-chips-input-field',
+                        templateUrl: './chips-input-field.molecule.html',
+                        styleUrls: ['./chips-input-field.molecule.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], function () { return []; }, { control: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var ChipsInputFieldModule = /** @class */ (function () {
+        function ChipsInputFieldModule() {
+        }
+        return ChipsInputFieldModule;
+    }());
+    ChipsInputFieldModule.ɵfac = function ChipsInputFieldModule_Factory(t) { return new (t || ChipsInputFieldModule)(); };
+    ChipsInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: ChipsInputFieldModule });
+    ChipsInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i2.CommonModule,
+                i4.ReactiveFormsModule,
+                // Materials
+                i1.MatChipsModule,
+                i3.MatIconModule,
+                input.MatInputModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputFieldModule, { declarations: [ChipsInputFieldMolecule], imports: [i2.CommonModule,
+                i4.ReactiveFormsModule,
+                // Materials
+                i1.MatChipsModule,
+                i3.MatIconModule,
+                input.MatInputModule], exports: [ChipsInputFieldMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ChipsInputFieldMolecule
+                        ],
+                        imports: [
+                            i2.CommonModule,
+                            i4.ReactiveFormsModule,
+                            // Materials
+                            i1.MatChipsModule,
+                            i3.MatIconModule,
+                            input.MatInputModule,
+                        ],
+                        exports: [
+                            ChipsInputFieldMolecule
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ChipsInputFieldModule = ChipsInputFieldModule;
+    exports.ChipsInputFieldMolecule = ChipsInputFieldMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-chips-input-field.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.umd.js","sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["import {COMMA, ENTER} from '@angular/cdk/keycodes';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule implements OnInit {\n\n  _control = new FormControl<string>('');\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = '';\n\n  constructor() { }\n\n  ngOnInit(): void {\n    this.control.value && this._add(this.control.value);\n\n    this._control.valueChanges.subscribe(() => this.control.setValue(this.chips.join(' ')));\n  }\n\n  readonly separatorKeysCodes = [ENTER, COMMA] as const;\n  chips: string[] = [];\n\n  add(event: MatChipInputEvent): void {\n    this._add((event.value || '').trim());\n    event.input.value = '';\n  }\n\n  remove(chip: string): void {\n    const index = this.chips.indexOf(chip);\n    index >= 0 && this.chips.splice(index, 1);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n  private _add(value: string) {\n    value && this.chips.push(value);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n}\n","<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\"\n    [formControl]=\"_control\"\n  >\n</mat-chip-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","ENTER","COMMA","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatChipsModule","MatIconModule","MatInputModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqBE;YARA,aAAQ,GAAG,IAAIA,yBAAW,CAAS,EAAE,CAAC,CAAC;YAGvC,YAAO,GAAG,IAAIA,yBAAW,EAAU,CAAC;YAGpC,gBAAW,GAAG,EAAE,CAAC;YAUR,uBAAkB,GAAG,CAACC,cAAK,EAAEC,cAAK,CAAU,CAAC;YACtD,UAAK,GAAa,EAAE,CAAC;SATJ;QAEjB,0CAAQ,GAAR;YAAA,iBAIC;YAHC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,cAAM,OAAA,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAA,CAAC,CAAC;SACzF;QAKD,qCAAG,GAAH,UAAI,KAAwB;YAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;YACtC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;SACxB;QAED,wCAAM,GAAN,UAAO,IAAY;YACjB,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACvC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SAC7C;QAEO,sCAAI,GAAJ,UAAK,KAAa;YACxB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SAC7C;;;kGAnCU,uBAAuB;uFAAvB,uBAAuB,0ICXpC,gcAaA;;gFDFa,uBAAuB;sBANnCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,6BAA6B;wBACvC,WAAW,EAAE,mCAAmC;wBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;wBAChD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;8CAMC,OAAO;0BADNC,QAAK;oBAIN,WAAW;0BADVA,QAAK;;;;;QEMR;;;;8FAAa,qBAAqB;6DAArB,qBAAqB;iEAZvB;gBACPC,eAAY;gBACZC,sBAAmB;;gBAEnBC,iBAAc;gBACdC,gBAAa;gBACbC,oBAAc;aACf;;iFAKU,qBAAqB,mBAd9B,uBAAuB,aAGvBJ,eAAY;gBACZC,sBAAmB;;gBAEnBC,iBAAc;gBACdC,gBAAa;gBACbC,oBAAc,aAGd,uBAAuB;;;gFAGd,qBAAqB;sBAhBjCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,uBAAuB;yBACxB;wBACD,OAAO,EAAE;4BACPL,eAAY;4BACZC,sBAAmB;;4BAEnBC,iBAAc;4BACdC,gBAAa;4BACbC,oBAAc;yBACf;wBACD,OAAO,EAAE;4BACP,uBAAuB;yBACxB;qBACF;;;;ICvBD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/cdk/keycodes"),require("@ngneat/reactive-forms"),require("@angular/material/chips"),require("@angular/material/icon"),require("@angular/forms"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/chips-input-field",["exports","@angular/core","@angular/common","@angular/cdk/keycodes","@ngneat/reactive-forms","@angular/material/chips","@angular/material/icon","@angular/forms","@angular/material/input"],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["chips-input-field"]={}),e.ng.core,e.ng.common,e.ng.cdk.keycodes,e.reactiveForms,e.ng.material.chips,e.ng.material.icon,e.ng.forms,e.ng.material.input)}(this,(function(e,t,o,n,i,r,a,l,c){"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 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=p(t),u=function(){function e(){this._control=new i.FormControl(""),this.control=new i.FormControl,this.placeholder="",this.separatorKeysCodes=[n.ENTER,n.COMMA],this.chips=[]}return e.prototype.ngOnInit=function(){var e=this;this.control.value&&this._add(this.control.value),this._control.valueChanges.subscribe((function(){return e.control.setValue(e.chips.join(" "))}))},e.prototype.add=function(e){this._add((e.value||"").trim()),e.input.value=""},e.prototype.remove=function(e){var t=this.chips.indexOf(e);t>=0&&this.chips.splice(t,1),this.control.setValue(this.chips.join(" "))},e.prototype._add=function(e){e&&this.chips.push(e),this.control.setValue(this.chips.join(" "))},e}();u.ɵfac=function(e){return new(e||u)},u.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"molecules-chips-input-field",inputs:{control:"control",placeholder:"placeholder"},ngImport:s,template:'<mat-chip-list #chipList>\n  <mat-chip *ngFor="let chip of chips" (removed)="remove(chip)">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]="placeholder"\n    [matChipInputFor]="chipList"\n    [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\n    [matChipInputAddOnBlur]="true"\n    (matChipInputTokenEnd)="add($event)"\n    [formControl]="_control"\n  >\n</mat-chip-list>\n',styles:[":host{display:flex;justify-content:flex-start;align-items:center}:host,:host mat-input{width:100%;height:100%}"],directives:[{type:r.MatChipList,selector:"mat-chip-list",inputs:["aria-orientation","multiple","compareWith","value","required","placeholder","disabled","selectable","tabIndex","errorStateMatcher"],outputs:["change","valueChange"],exportAs:["matChipList"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:r.MatChip,selector:"mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]",inputs:["color","disableRipple","tabIndex","selected","value","selectable","disabled","removable"],outputs:["selectionChange","destroyed","removed"],exportAs:["matChip"]},{type:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:r.MatChipRemove,selector:"[matChipRemove]"},{type:r.MatChipInput,selector:"input[matChipInputFor]",inputs:["matChipInputSeparatorKeyCodes","placeholder","id","matChipInputFor","matChipInputAddOnBlur","disabled"],outputs:["matChipInputTokenEnd"],exportAs:["matChipInput","matChipInputFor"]},{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:l.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:l.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.Component,args:[{selector:"molecules-chips-input-field",templateUrl:"./chips-input-field.molecule.html",styleUrls:["./chips-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],(function(){return[]}),{control:[{type:t.Input}],placeholder:[{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,l.ReactiveFormsModule,r.MatChipsModule,a.MatIconModule,c.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[u],imports:[o.CommonModule,l.ReactiveFormsModule,r.MatChipsModule,a.MatIconModule,c.MatInputModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[u],imports:[o.CommonModule,l.ReactiveFormsModule,r.MatChipsModule,a.MatIconModule,c.MatInputModule],exports:[u]}]}],null,null),e.ChipsInputFieldModule=m,e.ChipsInputFieldMolecule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-molecules-chips-input-field.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts"],"names":["ChipsInputFieldMolecule","this","_control","FormControl","control","placeholder","separatorKeysCodes","ENTER","COMMA","chips","prototype","ngOnInit","_this","value","_add","valueChanges","subscribe","setValue","join","add","event","trim","input","remove","chip","index","indexOf","splice","push","selector","inputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatChipList","outputs","exportAs","i2","NgForOf","MatChip","i3","MatIcon","MatChipRemove","MatChipInput","i4","DefaultValueAccessor","NgControlStatus","FormControlDirective","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","ChipsInputFieldModule","CommonModule","ReactiveFormsModule","MatChipsModule","MatIconModule","MatInputModule","declarations","imports","exports","NgModule"],"mappings":"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","sourcesContent":["import {COMMA, ENTER} from '@angular/cdk/keycodes';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule implements OnInit {\n\n  _control = new FormControl<string>('');\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = '';\n\n  constructor() { }\n\n  ngOnInit(): void {\n    this.control.value && this._add(this.control.value);\n\n    this._control.valueChanges.subscribe(() => this.control.setValue(this.chips.join(' ')));\n  }\n\n  readonly separatorKeysCodes = [ENTER, COMMA] as const;\n  chips: string[] = [];\n\n  add(event: MatChipInputEvent): void {\n    this._add((event.value || '').trim());\n    event.input.value = '';\n  }\n\n  remove(chip: string): void {\n    const index = this.chips.indexOf(chip);\n    index >= 0 && this.chips.splice(index, 1);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n  private _add(value: string) {\n    value && this.chips.push(value);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n}\n","<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\"\n    [formControl]=\"_control\"\n  >\n</mat-chip-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule { }\n"]}