13-es2015.a0d7d0668f19264ae164.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{mhqm:function(n,e,t){"use strict";t.r(e),t.d(e,"SampleFiveModule",function(){return w});var c=t("An66"),o=t("1VvW"),a=t("5Q2+"),i=t("zMYQ"),s=t("umqh"),l=t("kZht"),r=t("mcff"),u=t("aJOL"),b=t("hCLc"),d=t("1ZKX"),h=t("oTne"),p=t("BL99");function m(n,e){if(1&n&&(l.Vb(0,"span"),l.Gc(1),l.Ub()),2&n){l.hc();const n=l.wc(19);l.Cb(1),l.Jc(" (",null==n.source?null:n.source.length,"x",null==n.displayedColumns?null:n.displayedColumns.length,")")}}const g=function(){return["guid"]};let f=(()=>{class n{constructor(n,e){this.dialog=n,this.cd=e,this.data=[]}ngOnInit(){i.a.generator(1e3,40).then(n=>{this.data=n,this.cd.detectChanges()})}ngAfterViewInit(){document.querySelectorAll("pre code").forEach(n=>{hljs.highlightBlock(n)})}showSample(){this.dialog.open(s.a,{data:{title:"Overview resizable table",description:"",code:'\n<ngx-table-builder [source]="data">\n    \x3c!--\n       <ngx-options /> - declaration common options for columns\n\n       Also you can customize your columns manually\n       <ngx-column key="myKey" [resizable]="true">...</ngx-column>\n    --\x3e\n    <ngx-options is-draggable></ngx-options>\n</ngx-table-builder>\n\n                '},height:"350px",width:"700px"})}updatedSchema(n){console.log(n)}}return n.\u0275fac=function(e){return new(e||n)(l.Ob(r.b),l.Ob(l.h))},n.\u0275cmp=l.Ib({type:n,selectors:[["sample-five"]],decls:27,vars:7,consts:[[1,"simple-toolbar"],[4,"ngIf"],["mat-raised-button","",1,"show-simple",3,"click"],[3,"source","row-height","exclude-keys","vertical-border","schemaChanges"],["table",""],["is-draggable","",3,"nowrap"],["key","id","width","80","important-template","","sticky",""]],template:function(n,e){if(1&n&&(l.Vb(0,"mat-toolbar",0),l.Gc(1,"\n    "),l.Vb(2,"span"),l.Gc(3,"\n        Example resizing\n        "),l.Ec(4,m,2,2,"span",1),l.Gc(5,"\n    "),l.Ub(),l.Gc(6,"\n    "),l.Vb(7,"button",2),l.dc("click",function(){return e.showSample()}),l.Gc(8,"show code sample"),l.Ub(),l.Gc(9,"\n"),l.Ub(),l.Gc(10,"\n\n"),l.Vb(11,"b"),l.Gc(12,"Default col width"),l.Ub(),l.Gc(13,": 150px\n"),l.Qb(14,"br"),l.Gc(15,"\n"),l.Qb(16,"br"),l.Gc(17,"\n\n"),l.Vb(18,"ngx-table-builder",3,4),l.dc("schemaChanges",function(n){return e.updatedSchema(n)}),l.Gc(20,"\n    "),l.Gc(21,"\n    "),l.Qb(22,"ngx-options",5),l.Gc(23,"\n\n    "),l.Qb(24,"ngx-column",6),l.Gc(25,"\n"),l.Ub(),l.Gc(26,"\n")),2&n){const n=l.wc(19);l.Cb(4),l.oc("ngIf",n.isRendered),l.Cb(14),l.oc("source",e.data)("row-height",55)("exclude-keys",l.qc(6,g))("vertical-border",!1),l.Cb(4),l.oc("nowrap",!1)}},directives:[u.a,c.m,b.a,d.a,h.a,p.a],encapsulation:2,changeDetection:0}),n})(),w=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=l.Mb({type:n}),n.\u0275inj=l.Lb({imports:[[c.b,a.a,o.b.forChild([{path:"",component:f}])]]}),n})()}}]);