14-es5.279a81e156be12f015b1.js

!function(){function e(e,n){for(var t=0;t<n.length;t++){var c=n[t];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(e,c.key,c)}}function n(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{hQ7L:function(t,c,a){"use strict";a.r(c),a.d(c,"SampleFourteenModule",function(){return Y});var l,i=a("An66"),o=a("1VvW"),r=a("5Q2+"),b=a("b5Xb"),f=a("zMYQ"),u=a("umqh"),s=a("kZht"),p=a("mcff"),m=a("aJOL"),d=a("hCLc"),g=a("1ZKX"),h=a("oTne"),G=a("QAKa"),v=a("25ch"),y=((l=function e(){n(this,e)}).\u0275fac=function(e){return new(e||l)},l.\u0275cmp=s.Ib({type:l,selectors:[["not-found"]],decls:3,vars:0,template:function(e,n){1&e&&(s.Vb(0,"b"),s.Gc(1,"Not found"),s.Ub(),s.Gc(2," "))},encapsulation:2,changeDetection:0}),l),k=a("Psfq"),x=a("EmXI"),V=a("Tcl6"),w=a("3kIJ"),U=a("ydE+"),C=a("IOEv"),F=a("BL99"),I=a("ctyY"),M=a("j5U8"),E=a("xwis"),O=a("pTnX");function Q(e,n){if(1&e&&(s.Vb(0,"mat-option",6),s.Gc(1),s.Ub()),2&e){var t=n.$implicit;s.oc("value",t.value),s.Cb(1),s.Ic("\n                ",t.key,"\n            ")}}var T,$=((T=function e(){n(this,e)}).\u0275fac=function(e){return new(e||T)},T.\u0275cmp=s.Ib({type:T,selectors:[["context-menu-sample"]],inputs:{table:"table",state:"state"},decls:27,vars:8,consts:[[1,"my-filter"],["appearance","outline"],[3,"value","valueChange"],[3,"value",4,"ngFor","ngForOf"],["matInput","","name","width","autocomplete","off",3,"ngModel","ngModelChange"],["matSuffix",""],[3,"value"]],template:function(e,n){1&e&&(s.Vb(0,"div",0),s.Gc(1,"\n    "),s.Vb(2,"mat-form-field",1),s.Gc(3,"\n        "),s.Vb(4,"mat-label"),s.Gc(5,"Find options"),s.Ub(),s.Gc(6,"\n        "),s.Vb(7,"mat-select",2),s.dc("valueChange",function(e){return n.table.filterable.updateFilterTypeBy(e,n.state.key),n.table.filter()}),s.Gc(8,"\n            "),s.Ec(9,Q,2,2,"mat-option",3),s.ic(10,"keyvalue"),s.Gc(11,"\n        "),s.Ub(),s.Gc(12,"\n    "),s.Ub(),s.Gc(13,"\n\n    "),s.Vb(14,"mat-form-field",1),s.Gc(15,"\n        "),s.Vb(16,"mat-label"),s.Gc(17),s.ic(18,"uppercase"),s.Ub(),s.Gc(19,"\n        "),s.Vb(20,"input",4),s.dc("ngModelChange",function(e){return n.table.filterable.updateFilterValueBy(e,n.state.key),n.table.filter()}),s.Ub(),s.Gc(21,"\n        "),s.Vb(22,"mat-icon",5),s.Gc(23,"search"),s.Ub(),s.Gc(24,"\n    "),s.Ub(),s.Gc(25,"\n"),s.Ub(),s.Gc(26,"\n")),2&e&&(s.Cb(7),s.oc("value",n.table.filterable.filterTypeDefinition[n.state.key]),s.Cb(2),s.oc("ngForOf",s.jc(10,4,n.table.filterable.types)),s.Cb(8),s.Ic("Filter by ",s.jc(18,6,n.state.key),""),s.Cb(3),s.oc("ngModel",n.table.filterable.definition[n.state.key]))},directives:[x.b,x.e,C.a,i.l,V.a,w.b,w.k,w.n,U.a,x.f,O.i],pipes:[i.g,i.v],encapsulation:2,changeDetection:0}),T),_=a("cxIm"),j=a("UDV5"),A=a("aw6g"),D=["table"];function S(e,n){if(1&e&&(s.Vb(0,"mat-option",23),s.Gc(1),s.Ub()),2&e){var t=n.$implicit;s.oc("value",t.value),s.Cb(1),s.Ic("\n                        ",t.key,"\n                    ")}}function L(e,n){if(1&e){var t=s.Xb();s.Gc(0,"\n            "),s.Vb(1,"mat-checkbox",24),s.dc("change",function(){s.xc(t);var e=s.hc();return s.wc(19).selection.toggleAll(e.data)}),s.Ub(),s.Gc(2,"\n        ")}if(2&e){s.hc();var c=s.wc(19);s.Cb(1),s.oc("indeterminate",c.selectionModel.isIndeterminate)("checked",c.selectionModel.isAll)}}function X(e,n){if(1&e){var t=s.Xb();s.Gc(0,"\n            "),s.Vb(1,"mat-checkbox",25),s.dc("change",function(){s.xc(t);var e=n.$implicit;return s.hc(),s.wc(19).selection.toggle(e)}),s.Ub(),s.Gc(2,"\n        ")}if(2&e){var c=n.$implicit;s.hc();var a=s.wc(19);s.Cb(1),s.oc("checked",a.selectionModel.get(c.id))}}function B(e,n){if(1&e&&(s.Gc(0,"\n            "),s.Vb(1,"a",28),s.Gc(2,"\n                "),s.Qb(3,"ngx-filter-viewer",29),s.Gc(4,"\n            "),s.Ub(),s.Gc(5,"\n        ")),2&e){var t=n.$implicit,c=s.hc().$implicit;s.Cb(3),s.oc("key",c)("text",t)}}function z(e,n){1&e&&(s.Vb(0,"ngx-column",26),s.Gc(1,"\n        "),s.Ec(2,B,6,2,"ng-template",27),s.Gc(3,"\n    "),s.Ub()),2&e&&(s.oc("key",n.$implicit),s.Cb(2),s.oc("nowrap",!1))}function J(e,n){1&e&&(s.Gc(0,"\n            "),s.Vb(1,"mat-icon"),s.Gc(2,"all_inbox"),s.Ub(),s.Gc(3,"\n        "))}var q,K,P=function(){return["my-filter"]},R=((K=function(){function t(e,c){n(this,t),this.dialog=e,this.cd=c,this.data=[]}var c,a,l;return c=t,(a=[{key:"ngOnInit",value:function(){var e=this;f.a.generator(1e4,59).then(function(n){e.data=n,e.cd.detectChanges()})}},{key:"ngAfterViewInit",value:function(){document.querySelectorAll("pre code").forEach(function(e){hljs.highlightBlock(e)})}},{key:"clearFilter",value:function(){this.table.filterable.reset()}},{key:"filterFromFifth",value:function(){this.table.filterable.setDefinition([{key:"id",type:b.c.MORE_OR_EQUAL,value:5}]),this.table.filter()}},{key:"showSample",value:function(){this.dialog.open(u.a,{data:{title:"Overview selection table",description:"In order to use the API for string highlighting, you can use the table.selection service. <br>In more detail you can read in the guide.",code:'\n    <ngx-filter #filter>\n        <div class="my-filter">\n            <mat-form-field appearance="outline">\n                <mat-label>Find options</mat-label>\n                <mat-select\n                    [value]="table.filterable.filterTypeDefinition[filter.state.key!]"\n                    (valueChange)="table.filterable.updateFilterTypeBy($event, filter.state.key); table.filter()"\n                >\n                    <mat-option *ngFor="let type of table.filterable.types | keyvalue" [value]="type.value">\n                        {{ type.key }}\n                    </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field appearance="outline">\n                <mat-label>Filter by {{ filter.state.key! | uppercase }}</mat-label>\n                <input\n                    matInput\n                    name="width"\n                    autocomplete="off"\n                    [ngModel]="table.filterable.definition[filter.state.key!]"\n                    (ngModelChange)="table.filterable.updateFilterValueBy($event, filter.state.key); table.filter()"\n                />\n                <mat-icon matSuffix>search</mat-icon>\n            </mat-form-field>\n        </div>\n    </ngx-filter>\n                    '},height:"650px",width:"900px"})}}])&&e(c.prototype,a),l&&e(c,l),t}()).\u0275fac=function(e){return new(e||K)(s.Ob(p.b),s.Ob(s.h))},K.\u0275cmp=s.Ib({type:K,selectors:[["sample-fourteen"]],viewQuery:function(e,n){var t;1&e&&s.Kc(D,1),2&e&&s.vc(t=s.ec())&&(n.table=t.first)},decls:88,vars:15,consts:[[1,"simple-toolbar"],[1,"show-simple"],["mat-raised-button","",3,"click"],["enable-filtering","","enable-selection","",1,"filter-example",3,"source","row-height"],["table",""],["is-sortable","","is-filterable","","is-draggable","","is-resizable",""],["height","65",3,"css-class"],[1,"filter-form"],["appearance","outline"],["matInput","","name","width","autocomplete","off",3,"ngModel","ngModelChange"],["matSuffix",""],["appearance","outline",1,"filter-options"],[3,"value","valueChange"],[3,"value",4,"ngFor","ngForOf"],["key","selection","sticky","","width","55","custom-key",""],["ngx-th",""],["ngx-td","","row","",3,"onClick"],[3,"key",4,"ngFor","ngForOf"],["custom-key","","key","action","sticky-end","","width","50","empty-head",""],["ngx-td",""],["filter",""],[3,"state","table"],[2,"padding","3px 0 0 20px"],[3,"value"],[3,"indeterminate","checked","change"],[3,"checked","change"],[3,"key"],["ngx-td","",3,"nowrap"],["onclick","javascript:void(0)"],[3,"key","text"]],template:function(e,n){if(1&e){var t=s.Xb();s.Vb(0,"mat-toolbar",0),s.Gc(1,"\n    "),s.Vb(2,"span"),s.Gc(3),s.Ub(),s.Gc(4,"\n    "),s.Vb(5,"div",1),s.Gc(6,"\n        "),s.Vb(7,"button",2),s.dc("click",function(){return n.filterFromFifth()}),s.Gc(8,"filter from fifth"),s.Ub(),s.Gc(9,"\n        "),s.Vb(10,"button",2),s.dc("click",function(){return n.clearFilter()}),s.Gc(11,"clear filter"),s.Ub(),s.Gc(12,"\n        "),s.Vb(13,"button",2),s.dc("click",function(){return n.showSample()}),s.Gc(14,"show code sample"),s.Ub(),s.Gc(15,"\n    "),s.Ub(),s.Gc(16,"\n"),s.Ub(),s.Gc(17,"\n\n"),s.Vb(18,"ngx-table-builder",3,4),s.Gc(20,"\n    "),s.Qb(21,"ngx-options",5),s.Gc(22,"\n    "),s.Vb(23,"ngx-source-null"),s.Gc(24,"Loading..."),s.Ub(),s.Gc(25,"\n    "),s.Vb(26,"ngx-empty"),s.Qb(27,"not-found"),s.Ub(),s.Gc(28,"\n\n    "),s.Vb(29,"ngx-header",6),s.Gc(30,"\n        "),s.Vb(31,"div",7),s.Gc(32,"\n            "),s.Vb(33,"mat-form-field",8),s.Gc(34,"\n                "),s.Vb(35,"mat-label"),s.Gc(36,"Filter"),s.Ub(),s.Gc(37,"\n                "),s.Vb(38,"input",9),s.dc("ngModelChange",function(){return s.xc(t),s.wc(19).filter()})("ngModelChange",function(e){return s.xc(t),s.wc(19).filterable.filterValue=e}),s.Ub(),s.Gc(39,"\n                "),s.Vb(40,"mat-icon",10),s.Gc(41,"search"),s.Ub(),s.Gc(42,"\n            "),s.Ub(),s.Gc(43,"\n\n            "),s.Vb(44,"mat-form-field",11),s.Gc(45,"\n                "),s.Vb(46,"mat-label"),s.Gc(47,"Find options"),s.Ub(),s.Gc(48,"\n                "),s.Vb(49,"mat-select",12),s.dc("valueChange",function(e){return s.xc(t),s.wc(19).filterable.filterType=e})("valueChange",function(){return s.xc(t),s.wc(19).filter()}),s.Gc(50,"\n                    "),s.Ec(51,S,2,2,"mat-option",13),s.ic(52,"keyvalue"),s.Gc(53,"\n                "),s.Ub(),s.Gc(54,"\n            "),s.Ub(),s.Gc(55,"\n        "),s.Ub(),s.Gc(56,"\n    "),s.Ub(),s.Gc(57,"\n\n    "),s.Vb(58,"ngx-column",14),s.Gc(59,"\n        "),s.Ec(60,L,3,2,"ng-template",15),s.Gc(61,"\n        "),s.Ec(62,X,3,1,"ng-template",16),s.dc("onClick",function(e){return e.preventDefault()}),s.Gc(63,"\n    "),s.Ub(),s.Gc(64,"\n\n    "),s.Ec(65,z,4,2,"ngx-column",17),s.Gc(66,"\n\n    "),s.Vb(67,"ngx-column",18),s.Gc(68,"\n        "),s.Ec(69,J,4,0,"ng-template",19),s.Gc(70,"\n    "),s.Ub(),s.Gc(71,"\n\n    "),s.Vb(72,"ngx-filter",null,20),s.Gc(74,"\n        "),s.Qb(75,"context-menu-sample",21),s.Gc(76,"\n    "),s.Ub(),s.Gc(77,"\n\n    "),s.Vb(78,"ngx-footer"),s.Gc(79,"\n        "),s.Vb(80,"p",22),s.Gc(81,"\n            "),s.Vb(82,"b"),s.Gc(83,"Size"),s.Ub(),s.Gc(84),s.Ub(),s.Gc(85,"\n    "),s.Ub(),s.Gc(86,"\n"),s.Ub(),s.Gc(87,"\n")}if(2&e){var c=s.wc(19),a=s.wc(73);s.Cb(3),s.Ic("Example filters (",null==c?null:c.size,")"),s.Cb(15),s.oc("source",n.data)("row-height",40),s.Cb(11),s.oc("css-class",s.qc(14,P)),s.Cb(9),s.oc("ngModel",c.filterable.filterValue),s.Cb(11),s.oc("value",c.filterable.filterType),s.Cb(2),s.oc("ngForOf",s.jc(52,12,c.filterable.types)),s.Cb(14),s.oc("ngForOf",c.modelColumnKeys),s.Cb(10),s.oc("state",a.state)("table",c),s.Cb(9),s.Jc(": ",null==c.source?null:c.source.length," x ",null==c||null==c.displayedColumns?null:c.displayedColumns.length,"\n        ")}},directives:[m.a,d.a,g.a,h.a,G.a,v.a,y,k.a,x.b,x.e,V.a,w.b,w.k,w.n,U.a,x.f,C.a,i.l,F.a,I.a,M.a,E.a,$,_.a,O.i,j.a,A.a],pipes:[i.g],styles:["\n            .filter-example .table-grid__column {\n                text-transform: uppercase;\n            }\n\n            .filter-example .table-grid__cell > * {\n                font-size: 12px;\n            }\n\n            .filter-example .table-grid__header-cell {\n                min-height: 50px;\n                max-height: 50px;\n            }\n        "],encapsulation:2,changeDetection:0}),K),Y=((q=function e(){n(this,e)}).\u0275fac=function(e){return new(e||q)},q.\u0275mod=s.Mb({type:q}),q.\u0275inj=s.Lb({imports:[[i.b,r.a,o.b.forChild([{path:"",component:R}])]]}),q)}}])}();