11-es5.e8a11d64cd79385fa53c.js

!function(){function n(n){return function(n){if(Array.isArray(n))return t(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,e){if(!n)return;if("string"==typeof n)return t(n,e);var c=Object.prototype.toString.call(n).slice(8,-1);"Object"===c&&n.constructor&&(c=n.constructor.name);if("Map"===c||"Set"===c)return Array.from(n);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return t(n,e)}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,c=new Array(t);e<t;e++)c[e]=n[e];return c}function e(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){for(var e=0;e<t.length;e++){var c=t[e];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(n,c.key,c)}}function i(n,t,e){return t&&c(n.prototype,t),e&&c(n,e),n}(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{vx63:function(t,c,a){"use strict";a.r(c),a.d(c,"SampleFirstSecondModule",function(){return $});var o=a("An66"),r=a("1VvW"),u=a("5Q2+"),l=a("Vhhf"),f=a("zMYQ"),d=a("3kIJ"),s=a("mcff"),b=a("kZht"),m=a("hCLc"),p=a("EmXI"),h=a("Tcl6");function g(n,t){if(1&n&&(b.Vb(0,"mat-form-field"),b.Gc(1,"\n        "),b.Qb(2,"input",4),b.Gc(3,"\n    "),b.Ub()),2&n){var e=t.$implicit;b.Cb(2),b.pc("placeholder",e.key),b.oc("formControlName",e.key)}}function v(n,t){if(1&n&&(b.Vb(0,"form",2),b.Gc(1,"\n    "),b.Ec(2,g,4,2,"mat-form-field",3),b.ic(3,"keyvalue"),b.Gc(4,"\n"),b.Ub()),2&n){var e=b.hc();b.oc("formGroup",e.form),b.Cb(2),b.oc("ngForOf",b.jc(3,2,e.data))}}var y,G=((y=function(){function n(t,c,i){e(this,n),this.data=t,this.dialogRef=c,this.fb=i,this.form=null}return i(n,[{key:"ngOnInit",value:function(){this.form=this.fb.group(Object.assign(Object.assign({},this.data),{id:new d.d({value:this.data.id,disabled:!0})}))}},{key:"save",value:function(){var n;this.dialogRef.close(null===(n=this.form)||void 0===n?void 0:n.getRawValue())}}]),n}()).\u0275fac=function(n){return new(n||y)(b.Ob(s.a),b.Ob(s.d),b.Ob(d.c))},y.\u0275cmp=b.Ib({type:y,selectors:[["dialog-template"]],decls:8,vars:1,consts:[[3,"formGroup",4,"ngIf"],["mat-button","",1,"dialog-close",3,"click"],[3,"formGroup"],[4,"ngFor","ngForOf"],["matInput","",3,"placeholder","formControlName"]],template:function(n,t){1&n&&(b.Vb(0,"h3"),b.Gc(1,"Edit"),b.Ub(),b.Gc(2,"\n\n"),b.Ec(3,v,5,4,"form",0),b.Gc(4,"\n\n"),b.Vb(5,"button",1),b.dc("click",function(){return t.save()}),b.Gc(6,"Save"),b.Ub(),b.Gc(7,"\n")),2&n&&(b.Cb(3),b.oc("ngIf",t.form))},directives:[o.m,m.a,d.q,d.l,d.f,o.l,p.b,h.a,d.b,d.k,d.e],pipes:[o.g],encapsulation:2,changeDetection:0}),y),k=a("aJOL"),w=a("1ZKX"),O=a("BL99"),V=a("j5U8"),I=a("ctyY"),U=a("ydE+");function C(n,t){if(1&n&&b.Gc(0),2&n){var e=b.hc().$implicit;b.Hc(e)}}function j(n,t){1&n&&b.Gc(0),2&n&&b.Hc(t.$implicit)}function x(n,t){1&n&&(b.Vb(0,"ngx-column",7),b.Gc(1,"\n        "),b.Ec(2,C,1,1,"ng-template",8),b.Gc(3,"\n        "),b.Ec(4,j,1,1,"ng-template",9),b.Gc(5,"\n    "),b.Ub()),2&n&&b.oc("key",t.$implicit)}function A(n,t){if(1&n){var e=b.Xb();b.Gc(0,"\n            "),b.Vb(1,"button",10),b.dc("click",function(){b.xc(e);var n=t.$implicit;return b.hc().edit(n)}),b.Vb(2,"mat-icon"),b.Gc(3,"edit"),b.Ub(),b.Ub(),b.Gc(4,"\n            "),b.Vb(5,"button",10),b.dc("click",function(){b.xc(e);var n=t.$implicit;return b.hc().delete(n)}),b.Vb(6,"mat-icon"),b.Gc(7,"delete"),b.Ub(),b.Ub(),b.Gc(8,"\n        ")}}var E,S,F=((S=function(){function t(n,c,i){e(this,t),this.cd=n,this.dialog=c,this.ngZone=i,this.data=[],this.idInterval=null}return i(t,[{key:"ngOnInit",value:function(){var n=this;this.ngZone.runOutsideAngular(function(){n.idInterval=window.setInterval(function(){n.updateTable()},14500)})}},{key:"ngOnDestroy",value:function(){window.clearInterval(this.idInterval)}},{key:"add",value:function(){this.updateTable()}},{key:"delete",value:function(n){this.data=this.data.filter(function(t){return t!==n}),Object(l.e)(this.cd)}},{key:"edit",value:function(n){var t=this;this.ngZone.run(function(){t.dialog.open(G,{data:n,width:"1024px"}).afterClosed().subscribe(function(n){Object(l.k)(n)&&(t.data=t.data.map(function(t){return t.id===n.id?Object.assign({},n):t}),Object(l.e)(t.cd))})})}},{key:"updateTable",value:function(){var t=this,e=this.data.length?Math.max.apply(Math,n(this.data.map(function(n){return n.id}))):0;f.a.generator(1,10,e).then(function(n){t.data=t.data.concat(n),t.cd.detectChanges()})}}]),t}()).\u0275fac=function(n){return new(n||S)(b.Ob(b.h),b.Ob(s.b),b.Ob(b.B))},S.\u0275cmp=b.Ib({type:S,selectors:[["sample-first-second"]],decls:23,vars:2,consts:[[1,"simple-toolbar"],["mat-button","",1,"regenerate",3,"click"],[3,"source"],["table",""],[3,"key",4,"ngFor","ngForOf"],["custom-key","","key","action","sticky-end","","empty-head","","width","140"],["ngx-td","","row",""],[3,"key"],["ngx-th",""],["ngx-td",""],["mat-button","",1,"my-action",3,"click"]],template:function(n,t){if(1&n&&(b.Vb(0,"div"),b.Gc(1,"\n    "),b.Vb(2,"mat-toolbar",0),b.Gc(3,"\n        "),b.Vb(4,"span"),b.Gc(5,"Auto push"),b.Ub(),b.Gc(6,"\n\n        "),b.Vb(7,"button",1),b.dc("click",function(){return t.add()}),b.Gc(8,"Add"),b.Ub(),b.Gc(9,"\n    "),b.Ub(),b.Gc(10,"\n"),b.Ub(),b.Gc(11,"\n\n"),b.Vb(12,"ngx-table-builder",2,3),b.Gc(14,"\n    "),b.Ec(15,x,6,1,"ngx-column",4),b.Gc(16,"\n\n    "),b.Vb(17,"ngx-column",5),b.Gc(18,"\n        "),b.Ec(19,A,9,0,"ng-template",6),b.Gc(20,"\n    "),b.Ub(),b.Gc(21,"\n"),b.Ub(),b.Gc(22,"\n")),2&n){var e=b.wc(13);b.Cb(12),b.oc("source",t.data),b.Cb(3),b.oc("ngForOf",e.modelColumnKeys)}},directives:[k.a,m.a,w.a,o.l,O.a,V.a,I.a,U.a],encapsulation:2,changeDetection:0}),S),$=((E=function n(){e(this,n)}).\u0275fac=function(n){return new(n||E)},E.\u0275mod=b.Mb({type:E}),E.\u0275inj=b.Lb({imports:[[o.b,u.a,r.b.forChild([{path:"",component:F}])]]}),E)}}])}();