{"__symbolic":"module","version":4,"metadata":{"checkboxIcons":{"__symbolic":"error","message":"Lambda not supported","line":11,"character":11,"module":"./lib/icons/sets/checkbox.icons"},"controlsIcons":{"__symbolic":"error","message":"Lambda not supported","line":6,"character":11,"module":"./lib/icons/sets/controls.icons"},"TableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":6},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":34,"character":6},{"__symbolic":"reference","name":"ComponentsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"}],"exports":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbi"}],"providers":[]}]}],"members":{},"statics":{"withCustomCells":{"__symbolic":"function","parameters":["body","header"],"defaults":[null,[]],"value":{"ngModule":{"__symbolic":"reference","name":"TableModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ANALYZE_FOR_ENTRY_COMPONENTS","line":88,"character":21},"useValue":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"body"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"header"}}],"multi":true}]}}}},"ComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":6}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"exi-text","template":"\n      {{ string }}\n   ","styles":[".text-cutter,:host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{padding:var(--exi-grid-cell-padding)}"]}]}],"members":{"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":4}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}],"getValueForSearcher":[{"__symbolic":"method"}]}},"TextCell":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵt"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":27,"character":18,"module":"./lib/table/cells/body/text/text.component"}]}]}},"LocalTable":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵbm"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":35,"character":36,"context":{"typeName":"D"},"module":"./lib/table/utility/context/local/table.class"}]}]}]}},"LocalCol":{"__symbolic":"interface"},"RemoteTable":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵbm"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":37,"context":{"typeName":"D"},"module":"./lib/table/utility/context/remote/table.class"}]}]}]}},"RemoteCol":{"__symbolic":"interface"},"Toggler":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":14,"character":22,"module":"./lib/utils/toggler.class"}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"Viewport":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"}]}],"setHost":[{"__symbolic":"method"}],"build":[{"__symbolic":"method"}],"setPaginator":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"goToField":[{"__symbolic":"method"}]}},"FocusOut":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":4,"character":21,"module":"./lib/utils/focusOut.class"}]}]}},"Sorter":{"__symbolic":"class","arity":1,"members":{"sort":[{"__symbolic":"method"}],"getNextSortState":[{"__symbolic":"method"}],"chainSorting":[{"__symbolic":"method"}],"sorting":[{"__symbolic":"method"}]}},"getLocalCssVar":{"__symbolic":"function"},"getGlobalCssVar":{"__symbolic":"function"},"getGlobalOrLocalCssVar":{"__symbolic":"function"},"STUB_FN_FALSE":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":29,"module":"./lib/utils/stubs"},"STUB_FN_TRUE":{"__symbolic":"error","message":"Lambda not supported","line":1,"character":28,"module":"./lib/utils/stubs"},"STUB_FN_STRING":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":30,"module":"./lib/utils/stubs"},"STUB_FN_ZERO":{"__symbolic":"error","message":"Lambda not supported","line":3,"character":28,"module":"./lib/utils/stubs"},"STUB_FN_NULL":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":28,"module":"./lib/utils/stubs"},"STUB_FN_RESOLVER":{"__symbolic":"error","message":"Lambda not supported","line":5,"character":32,"module":"./lib/utils/stubs"},"STUB_FN_REJECTER":{"__symbolic":"error","message":"Lambda not supported","line":6,"character":32,"module":"./lib/utils/stubs"},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[icons]"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":4},"arguments":["icons"]}]}],"hostTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":4},"arguments":["title"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":13,"character":33,"context":{"typeName":"HTMLElement"},"module":"./lib/icons/icons.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":14,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-options","animations":[{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"FadeIn","line":10,"character":16}],"template":"\n      <section class=\"wrapper {{ this.ctx.style }}\" #Wrapper>\n         <div class=\"options\">\n            <button  *ngFor=\"let option of options\" \n                     (click)=\"ctx.select(option)\"\n                     (blur)=\"ctx.onBlur($event)\"\n                     [ngClass]=\"{ 'selected': ctx.isSelected(option) }\"\n                     [disabled]=\"ctx.isDisabled(option)\"\n                     [title]=\"ctx.title(option)\"\n                     class=\"option {{ ctx.title(option) }}\">\n               <span class=\"text-cutter\" tooltip>{{ ctx.title(option) }}</span>\n            </button>\n         </div>\n      </section>\n   ","styles":[".wrapper{overflow:auto;position:relative;z-index:1;width:100%;border-right:1px solid var(--exi-cl-gray);border-bottom:1px solid var(--exi-cl-gray);border-left:1px solid var(--exi-cl-gray)}@media screen and (-webkit-min-device-pixel-ratio:0){.wrapper{overflow:overlay}}.wrapper::-webkit-scrollbar{width:var(--st-scroll_width);height:var(--st-scroll_width);background-color:#fff;opacity:.7}.wrapper::-webkit-scrollbar-thumb{border-radius:var(--st-border_radius);background-color:var(--exi-cl-gray)}.wrapper::-webkit-scrollbar-track{background-color:var(--exi-cl-text-white)}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colors .option,.default .option,.static .option{background-color:var(--exi-cl-main);transition:var(--st-transition);color:var(--exi-cl-text-white)}.colors .option:hover,.default .option:hover,.static .option:hover{background-color:var(--exi-cl-main-hover)}.colors .option:active,.default .option:active,.static .option:active{background-color:var(--exi-cl-main-active)}.options{position:-webkit-sticky;position:sticky;top:0}.default{position:absolute;top:100%;left:0}.default .options{display:flex;flex-direction:column}.default .option{display:flex;align-items:center;min-height:var(--exi-options-item-height);padding:var(--st-padding)}.default .selected{background-color:var(--exi-cl-accent)!important}.static .options{display:flex;flex-direction:column}.static .option{display:flex;justify-content:flex-start;align-items:center;min-height:var(--exi-options-item-height);padding:var(--st-padding)}.static .selected{background-color:var(--exi-cl-accent)!important}.colors{position:absolute;top:100%;left:0}.colors .options{display:flex;flex-direction:column}.colors .option{display:flex;align-items:center;min-height:var(--exi-options-item-height);padding:var(--st-padding)}.colors .selected{background-color:var(--exi-cl-accent)!important}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":4}}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":4},"arguments":["Wrapper"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"direction":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-searcher","template":"\n      <input   class=\"searcher\" \n               placeholder=\"Type to search\" \n               [(ngModel)]=\"searchable\"\n               (keyup)=\"searcher.search(searchable)\" \n               (keyup.enter)=\"customSelect()\"\n               (blur)=\"focusOut.handler($event)\"\n               (focus)=\"focus()\"\n               [ngClass]=\"{'invalid': isFocused && !searcher.isSomeFindings}\"\n               [disabled]=\"ctx.isInputDisabled()\">\n      <app-options *ngIf=\"searcher.isSomeFindings\" [ctx]=\"options\" @Fade></app-options>\n   ","animations":[{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"Fade","line":22,"character":16}],"styles":[":host{width:200px;position:relative;display:flex;flex-direction:column}.searcher{min-height:40px;height:100%;width:200px;padding:0 10px}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":34,"character":34,"context":{"typeName":"HTMLElement"},"module":"./lib/components/searcher/searcher.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"customSelect":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"clearSuggested":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-multiselector","template":"<p>\r\n  multiselector works!\r\n</p>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-dropdown","animations":[{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"Drop","line":9,"character":16},{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"Fade","line":9,"character":22}],"template":"\n      <div class=\"conrol\">\n         <div class=\"current\">{{ ctx.title(ctx.current()) || ctx.placeholder }}</div>\n         <button class=\"opener\" (click)=\"toggler.toggle()\">+</button>\n      </div>\n      \n      <app-options [ctx]=\"ctx\" *ngIf=\"toggler.state === 'opened'\" @Fade></app-options>\n   ","styles":[".opener{display:flex;justify-content:center;align-items:center}.current,.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opener:hover{background-color:var(--exi-cl-accent-hover)}.opener:active{background-color:ar(--exi-cl-accent-active)}:host{width:200px;position:relative;display:flex;flex-direction:column}.conrol{display:flex}.opener{background-color:var(--exi-cl-accent);transition:var(--st-transition);color:var(--exi-cl-text-white);width:var(--exi-options-item-height);height:var(--exi-options-item-height)}.current{width:calc(100% - var(--exi-options-item-height));border:1px solid var(--exi-cl-gray);background-color:var(--exi-cl-text-white);height:var(--exi-options-item-height);color:var(--exi-cl-gray);padding:var(--st-padding)}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-tooltip","template":"","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[tooltip]"}]}],"members":{"onOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":4},"arguments":["mouseover",["$event"]]}]}],"onOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":4},"arguments":["mouseout",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":32,"character":18}]}]}},"ɵi":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-tag","template":"\n      <section class=\"wrapper\" #Wrapper>\n         <button  class=\"tag {{ tag.mode }}\" \n                  [disabled]=\"disabled\"\n                  (click)=\"toggler.toggle()\"\n                  (blur)=\"focusOut.handler($event)\">\n            <div class=\"title\">{{ tag.title }}</div>\n            <button  [icons]=\"'CRL:DELETE'\" \n                     class=\"delete\" \n                     (click)=\"delete(tag)\" \n                     [disabled]=\"disabled\"></button>\n         </button>\n         <app-options [ctx]=\"modes\" *ngIf=\"toggler.isOpened\" class=\"modes\" @Fade></app-options>\n      </section>\n   ","animations":[{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"Fade","line":30,"character":17}],"styles":[".text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 var(--st-offset)}.tag{display:flex;padding:var(--st-padding);height:var(--exi-options-item-height);border-radius:25px;align-items:center;transition:var(--st-transition);color:var(--exi-cl-text-white)}.tag[disabled]{background-color:rgba(187,187,187,.808)}.delete{width:14px;height:14px;padding:0;border:none;margin-left:5px;border-radius:100%;display:flex;justify-content:center;align-items:center;color:#fff;background-color:var(--exi-cl-accent);transition:var(--st-transition)}.delete .left,.delete .right{width:1px;height:7px;background-color:#fff;border-radius:15px;transform-origin:center center}.delete .left{transform:translateX(.85px)}.delete .right{transform:rotate(90deg)}.delete:hover{background-color:var(--exi-cl-accent-hover)}.delete[disabled],.delete[disabled]:hover{background-color:rgba(187,187,187,.808)}.modes{width:100%;border-radius:15px}"]}]}],"members":{"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":4},"arguments":["Wrapper"]}]}],"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":4}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":4}}]}],"onDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":4}}]}],"onModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"exi-checkbox","template":"\n      <button  class=\"button {{ ctx.type }}\"\n               [class.selected]=\"ctx.isSelected(value)\" \n               (click)=\"toggle()\" \n               [disabled]=\"ctx.isDisabled(value)\" >\n         <div class=\"checkbox\" [icons]=\"iconConf\"></div>    \n      </button>\n  ","styles":[".button{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox{transition:var(--st-transition)}.CHECK{border:2px solid var(--exi-cl-main);border-radius:3px;background-color:var(--exi-cl-accent)}.CHECK .selector{stroke:var(--exi-cl-text-white)!important;fill:var(--exi-cl-text-white)!important}.EYE,.PIN{stroke:var(--exi-cl-gray);fill:var(--exi-cl-gray)}.EYE:hover,.PIN:hover{stroke:var(--exi-cl-accent-hover)!important;fill:var(--exi-cl-accent-hover)!important}.EYE.selected,.PIN.selected{stroke:var(--exi-cl-accent);fill:var(--exi-cl-accent)}.selector{transition:var(--st-transition);stroke:rgba(255,255,255,0);fill:rgba(255,255,255,0)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":4}}]}],"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-input","template":"\n      <div *ngIf=\"message.length\"\n            class=\"message\"\n            @Fade>\n         {{ message }}\n      </div>\n      <input   [type]=\"ctx.type\"\n               (change)=\"isValid()\"\n               (keyup)=\"isValid()\"\n               (blur)=\"focusOut()\"\n               (focus)=\"focus()\"\n               [(ngModel)]=\"value\"\n               class=\"input\"\n               [ngClass]=\"{ 'inValid': message.length }\"\n               #Input>\n      <div  class=\"placeholder\"\n            [ngClass]=\"{'upper': isFocused || message.length }\">\n         {{ ctx.placeholder }}\n      </div>\n   ","animations":[{"__symbolic":"reference","module":"projects/exi-ui/src/lib/animations/animations","name":"Fade","line":27,"character":17}],"styles":[":host{width:200px;position:relative}.input{min-width:100px;width:100%;height:30px;border:2px solid var(--exi-cl-main);border-radius:var(--st-offset);padding:var(--st-offset);position:relative;z-index:1}.input.inValid{border-color:var(--cl-red)}.input.valid{border-color:var(--exi-cl-accent)}.placeholder{font-size:var(--exi-grid-font-size);position:absolute;bottom:0;display:flex;height:100%;align-items:center;padding:var(--st-offset);transition:var(--st-transition);z-index:-1}.placeholder.upper{bottom:50%;background-color:var(--exi-cl-text-white);z-index:2;font-size:11px;font-weight:700}.message{width:100%;position:absolute;bottom:100%;padding:var(--st-offset);border-radius:var(--st-offset);color:var(--exi-cl-text-white);background-color:var(--cl-red);font-size:10px}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusOut":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"exi-table","animations":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}],"template":"<exi-menu-holder  *ngIf=\"ctx.menu.toggler.isOpened\" \r\n                  id=\"menu\"\r\n                  [class]=\"ctx.menu.type\" \r\n                  [menu]=\"ctx.menu\" \r\n                  @Fade></exi-menu-holder>\r\n<main id=\"wrapper\" #Wrapper>\r\n   <!-- =================== Header =================== -->\r\n   <section id=\"header\" (contextmenu)=\"toggleMenu($event)\" #Header>\r\n      <div class=\"row\">\r\n         <div class=\"stripe\" [style.transform]=\"'translateX(' + Wrapper.scrollLeft + 'px)'\"></div>\r\n         <exi-header-cell  *ngFor=\"let col of ctx.cols.visible\"\r\n                           [col]=\"col\" \r\n                           [ngStyle]=\"col.width\"\r\n                           class=\"cell\"\r\n                           [dom-holder]=\"col\"\r\n                           #Col></exi-header-cell>\r\n      </div>\r\n   </section>\r\n   <!-- =================== Body =================== -->\r\n   <section id=\"body\" #Body>\r\n      <div  *ngFor=\"let row of ctx.rows.output | async\"\r\n            class=\"row\"\r\n            [ngClass]=\"{'selected': ctx.selection.isSelected(row) }\">\r\n         <div class=\"stripe\" [style.transform]=\"'translateX(' + Wrapper.scrollLeft + 'px)'\"></div>\r\n         <!-- ------------------- Row ------------------- -->\r\n         <exi-cell   *ngFor=\"let col of ctx.cols.visible\"\r\n                     [cell]=\"col.cell\"\r\n                     [row]=\"row\"\r\n                     class=\"cell\"\r\n                     [ngStyle]=\"col.width\"></exi-cell>\r\n      </div>\r\n   </section>\r\n</main>\r\n","styles":["#wrapper{overflow:auto;width:100%;height:100%;min-height:calc(var(--exi-grid-row-height) * 2);position:relative}@media screen and (-webkit-min-device-pixel-ratio:0){#wrapper{overflow:overlay}}#wrapper::-webkit-scrollbar{width:var(--st-scroll_width);height:var(--st-scroll_width);background-color:#fff;opacity:.7}#wrapper::-webkit-scrollbar-thumb{border-radius:var(--st-border_radius);background-color:var(--exi-cl-gray)}#wrapper::-webkit-scrollbar-track{background-color:var(--exi-cl-text-white)}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{position:relative;--st-transition:.4s;--st-padding:10px;--st-offset:5px;--st-border_radius:5px;--st-scroll_width:7px;--cl-red:rgb(109, 15, 15)}#header{display:inline-block;position:-webkit-sticky;position:sticky;width:100%;top:0;z-index:2}#header .row{height:var(--exi-grid-cell-height)}#header .avatar{z-index:1000;position:absolute;top:0}#body{display:inline-block;position:-webkit-sticky;position:sticky;height:calc(100% - var(--exi-grid-row-height) - 5px);min-height:var(--exi-grid-row-height);width:100%;top:var(--exi-grid-cell-height)}#body .row{height:var(--exi-grid-row-height)}.row{display:flex;position:relative}.row .stripe{height:100%;position:absolute;top:0;left:0;z-index:-1;min-width:100%}.cell{display:flex;align-items:center;min-height:var(--exi-grid-cell-height)}.local{width:100%}.remote{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":4}}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":4},"arguments":["Wrapper"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":4},"arguments":["Header"]}]}],"body":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":4},"arguments":["Body"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":34,"context":{"typeName":"HTMLDivElement"},"module":"./lib/table/table.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"function","parameters":["triggerName","transform"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":5,"character":10},"arguments":[{"__symbolic":"reference","name":"triggerName"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":6,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":6,"character":20},"arguments":[{"transform":{"__symbolic":"reference","name":"transform"}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":9,"character":6},"arguments":[":enter, :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":9},"arguments":[180]}]]}]]}},"ɵn":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵm"},"arguments":["Grow","scale(0)"]},"ɵo":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":41,"character":20},"arguments":["Fade",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":42,"character":3},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":17},"arguments":[{"transform":"TranslateY(-2em)","opacity":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":46,"character":3},"arguments":[":enter, :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":47,"character":6},"arguments":[180]}]]}]]},"ɵp":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":62,"character":22},"arguments":["FadeIn",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":63,"character":3},"arguments":["* => bottom",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":64,"character":6},"arguments":[{"transform":"Translate(-1em, -1em)","transformOrigin":"top left"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":68,"character":6},"arguments":["180ms ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":70,"character":3},"arguments":["* => top",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":6},"arguments":[{"transform":"Translate(-1em, -1em)","transformOrigin":"top left"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":75,"character":6},"arguments":["180ms ease-in"]}]]}]]},"ɵq":{"__symbolic":"function","parameters":["triggerName","styles"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":100,"character":10},"arguments":[{"__symbolic":"reference","name":"triggerName"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":101,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":101,"character":20},"arguments":[{"__symbolic":"reference","name":"styles"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":102,"character":6},"arguments":[":enter, :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":103,"character":9},"arguments":[180]}]]}]]}},"ɵr":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵq"},"arguments":["ghost",{"opacity":0,"$quoted$":["opacity"]}]},"ɵs":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"exi-cell","template":"\n      <ng-template cell-holder></ng-template>\n   ","styleUrls":[]}]}],"members":{"cellHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":4},"arguments":[{"__symbolic":"reference","name":"ɵu"}]}]}],"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}],"rowChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":4},"arguments":["row"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":18,"character":27}]}],"createCell":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":39,"context":{"typeName":"D"},"module":"./lib/table/cells/holders/body-cell.component"}]}]},{"__symbolic":"error","message":"Expression form not supported","line":37,"character":24,"module":"./lib/table/cells/holders/body-cell.component"}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[cell-holder]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":7,"character":33,"context":{"typeName":"HTMLElement"},"module":"./lib/table/cells/holders/cell-holder.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":8,"character":31}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"exi-header-cell","template":"\n      <ng-template cell-holder></ng-template>\n      <!-- ------------------- Sizer ------------------- -->\n      <div  [ngStyle]=\"{ 'height.px': ctx.dom.wrapper?.offsetHeight - 15 }\"\n            *ngIf=\"!col.isPinned\"\n            (mousedown)=\"ctx.sizer.onMouseDown($event, col)\"\n            class=\"sizer\" ></div>\n      <div  *ngIf=\"ctx.dragger.isDragging && col.isPinned && col === ctx.cols.lastPinned\" \n            [ngStyle]=\"{ 'height.px': ctx.dom.wrapper?.offsetHeight }\"\n            class=\"pin-line\"\n            @ghost></div>\n   ","animations":[{"__symbolic":"reference","name":"ɵr"}],"styles":[":host{position:relative}.sizer{position:absolute;z-index:2;top:5px;right:0;width:var(--st-scroll_width);transition:var(--st-transition);border-radius:var(--st-border_radius);opacity:.7}.sizer:active,.sizer:hover{cursor:col-resize;background-color:var(--exi-cl-gray)}.pin-line{position:absolute;top:0;right:0;z-index:2;width:1px;background-color:var(--cl-red)}"]}]}],"members":{"cellHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":4},"arguments":[{"__symbolic":"reference","name":"ɵu"}]}]}],"colChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":4},"arguments":["col"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":35,"character":27}]}],"createCell":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[dom-holder]"}]}],"members":{"holder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":4},"arguments":["dom-holder"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":33,"context":{"typeName":"HTMLElement"},"module":"./lib/table/cells/holders/dom-holder.directive"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"exi-button","template":"\n      <button class=\"button\" >{{ value }}</button>\n  ","styles":[""]}]}],"members":{"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":4}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}]}},"ɵy":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"exi-text-array","template":"\n      <exi-text   *ngFor=\"let text of array\"\n                  [value]=\"text\"\n                  [cell]=\"textCell\"\n                  class=\"text\"\n                  [ngStyle]=\"style\"></exi-text>\n   ","styles":[":host{display:flex}.text{min-height:var(--exi-grid-cell-height)}.text:not(.text:last-of-type){border-bottom:1px solid #000}"]}]}],"members":{"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":4}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"setSizes":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"exi-checkbox-cell","template":"\n      <exi-checkbox [value]=\"value\" [ctx]=\"cell.args\"></exi-checkbox>\n  ","styles":[":host{width:100%;height:100%}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":4}}]}],"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"exi-menu-local","template":"\n      <div style=\"display: flex; justify-content: space-between;\">\n         <app-reseter [menu]=\"menu\"></app-reseter>\n         <div class=\"count\">\n            <div class=\"info filtred\" title=\"Rows count after filtration\">\n               <span>{{ menu.filtred | async }}</span>\n            </div>\n               <div class=\"info all\" title=\"Total Rows count\">\n                  <span>{{ menu.total | async  }}</span>\n               </div>\n         </div>\n      </div>\n      <app-global-filter [ctx]=\"menu.ctx\"></app-global-filter>\n      <section class=\"cols\" #Cols>\n         <div class=\"block\">\n            <app-col-control-local  *ngFor=\"let pair of pairs\" \n                                    [col]=\"pair[0]\" \n                                    [filter]=\"pair[1]\"\n                                    [ctx]=\"menu.ctx\"></app-col-control-local>\n         </div>\n      </section>\n   ","animations":[{"__symbolic":"reference","name":"ɵo"}],"styles":[".cols{overflow:auto}@media screen and (-webkit-min-device-pixel-ratio:0){.cols{overflow:overlay}}.cols::-webkit-scrollbar{width:var(--st-scroll_width);height:var(--st-scroll_width);background-color:#fff;opacity:.7}.cols::-webkit-scrollbar-thumb{border-radius:var(--st-border_radius);background-color:var(--exi-cl-gray)}.cols::-webkit-scrollbar-track{background-color:var(--exi-cl-text-white)}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{display:flex;flex-direction:column;height:100%}.cols{position:relative;height:calc(100% - var(--exi-grid-cell-height) * 2)}.cols .block{position:-webkit-sticky;position:sticky;top:0}.count{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700}.count .info{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:var(--exi-grid-cell-height);transition:var(--st-transition);color:var(--exi-cl-text-white)}.count .info.filtred{background-color:var(--exi-cl-accent)}.count .info.all{background-color:var(--exi-cl-main)}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":4}}]}],"colsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":4},"arguments":["Cols"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-global-filter","template":"\n      <div class=\"filter\">\n         <input   class=\"globalFilter\"  \n                  [(ngModel)]=\"ctx.filter.global.searchable\"  \n                  placeholder=\"Type for global search\"\n                  (keyup)=\"globalSearch()\"\n                  (keyup.enter)=\"customSelect()\"\n                  (blur)=\"focusOut.handler($event)\"\n                  #Searcher>\n         <div class=\"tags\">\n            <app-tag *ngFor=\"let tag of ctx.filter.global.tags\" \n                     [tag]=\"tag\"\n                     (onDelete)=\"delete($event)\"\n                     (onModeChange)=\"modeChange()\"></app-tag>\n         </div>\n      </div>\n      <section #Suggestions>\n         <div class=\"suggestionByCol\" *ngIf=\"ctx.filter.global.searchable.length >= 2\" @Fade>\n            <ng-container *ngFor=\"let pair of pairs\">\n               <ng-container *ngIf=\"pair.col.isVisible && pair.filter.searcher.isSomeFindings\">\n                  <div class=\"title\">{{ pair.col.title() }}</div>\n                  <app-options [ctx]=\"pair.options\"></app-options>\n               </ng-container>\n            </ng-container>\n         </div>\n      </section>\n  ","animations":[{"__symbolic":"reference","name":"ɵo"}],"styles":[".suggestionByCol{overflow:auto}@media screen and (-webkit-min-device-pixel-ratio:0){.suggestionByCol{overflow:overlay}}.suggestionByCol::-webkit-scrollbar{width:var(--st-scroll_width);height:var(--st-scroll_width);background-color:#fff;opacity:.7}.suggestionByCol::-webkit-scrollbar-thumb{border-radius:var(--st-border_radius);background-color:var(--exi-cl-gray)}.suggestionByCol::-webkit-scrollbar-track{background-color:var(--exi-cl-text-white)}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter{display:flex;border-bottom:1px solid var(--exi-cl-main);border-top:1px solid var(--exi-cl-main);height:var(--exi-grid-cell-height)}.globalFilter{min-height:var(--exi-grid-cell-height);border:none;min-width:100px;width:100%;padding:0 15px;background-color:transparent}.tags{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title{height:var(--exi-options-item-height);color:#fff;padding:var(--exi-grid-cell-padding);display:flex;align-items:center;background-color:var(--exi-cl-accent);position:-webkit-sticky;position:sticky;z-index:4;top:0}.suggestionByCol{position:absolute;max-height:calc(100% - var(--exi-grid-cell-height) * 2);top:calc(var(--exi-grid-cell-height) * 2);width:100%;z-index:11}"]}]}],"members":{"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":4}}]}],"searcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":4},"arguments":["Searcher"]}]}],"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":4},"arguments":["Suggestions"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}],"globalSearch":[{"__symbolic":"method"}],"customSelect":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"modeChange":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-single-selection","template":"\n      <button class=\"button\" (click)=\"toggle()\">\n         <svg class=\"svg svg-icon\" viewBox=\"0 0 20 20\" width=\"25\" height=\"25\">\n            <path class=\"selector\" [ngClass]=\"{ selected: cell.selection.isSelected(value) }\"\n                  d=\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,\n                  0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,\n                  0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,\n                  7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911\n                  ,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\" ></path>\n         </svg>\n      </button> \n  ","styles":[":host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host:hover .selector{stroke:var(--exi-cl-accent-hover);fill:var(--exi-cl-accent-hover)}.selector{transition:var(--st-transition);stroke:rgba(255,255,255,0);fill:rgba(255,255,255,0)}.selector.selected{stroke:#fff!important;fill:#fff!important}.button{height:100%;width:100%}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":4}}]}],"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":4}}]}],"toggle":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-multi-selection","template":"\n      <exi-checkbox [value]=\"value\" [ctx]=\"cell.selection\"></exi-checkbox>\n   ","styles":[":host{width:100%;height:100%}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}],"cell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":4}}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-text-header-cell","template":"\n      <div class=\"title\">\n         <div>{{ col.title() }}</div>\n         <div  *ngIf=\"col.ctx.cols.isDragable && !col.isPinned\" \n               (mousedown)=\"col.ctx.dragger.mouseDown($event, col)\"\n               class=\"dragger\"></div>\n      </div>\n      <button  *ngIf=\"col.sortable.isActive\" \n               [icons]=\"'CRL:SORTER'\" \n               [class]=\"'sort ' + col.sortable.state\" \n               (click)=\"sort()\"></button>\n      <button  *ngIf=\"tags.size\" \n               [icons]=\"'CRL:FILTER'\"\n               class=\"filter\">\n   ","styles":[".filter,.sort{display:flex;justify-content:center;align-items:center}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{position:relative;display:flex;align-items:center;color:var(--exi-cl-text-white);height:var(--exi-grid-cell-height);padding:var(--exi-grid-cell-padding);font-weight:700;width:100%}.title{position:relative}.dragger{position:absolute;top:0;left:0;width:100%;height:100%}.dragger:hover{cursor:move}.filter{width:25px;height:100%;background-color:transparent;border:none;stroke:var(--exi-cl-gray);transition:var(--st-transition);padding:0 5px;stroke:var(--exi-cl-accent-active)}.filter:hover{stroke:var(--exi-cl-accent-hover)}.sort{height:100%;width:22px;stroke:var(--exi-cl-gray);transition:var(--st-transition)}.sort:hover{stroke:var(--exi-cl-accent-hover)}.sort.desc::ng-deep .down{stroke:var(--exi-cl-accent)}.sort.asc::ng-deep .up{stroke:var(--exi-cl-accent)}"]}]}],"members":{"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-selector-all","template":"\n      <button class=\"checkbox\" (click)=\"toggleAll()\">\n         <div class=\"horiz\"></div>\n         <div class=\"vert\" *ngIf=\"!col.ctx.selection.isSomeSelected\"></div>\n      </button>\n   ","styles":[".checkbox{display:flex;justify-content:center;align-items:center}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.checkbox{width:20px;height:20px;border:2px solid var(--exi-cl-accent);border-radius:3px;transition:var(--st-transition);background-color:var(--exi-cl-accent);position:relative}.checkbox:hover{border-color:var(--exi-cl-accent-hover);background-color:var(--exi-cl-accent-hover);border-radius:5px}.checkbox.selected .selector{stroke:var(--exi-cl-text-white)!important;fill:var(--exi-cl-text-white)!important}.horiz{width:12px;height:2px;background-color:#fff;position:absolute;border-radius:3px}.vert{width:2px;height:12px;background-color:#fff;position:absolute;border-radius:3px}"]}]}],"members":{"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleAll":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-col-control-local","template":"\n      <app-col-control [col]=\"col\" [ctx]=\"ctx\" (onVisibility)=\"ctx.filter.filterAll()\"></app-col-control>\n      <app-searcher [ctx]=\"searcher\"></app-searcher>\n      <div class=\"tags\">\n         <app-tag *ngFor=\"let tag of filter.tags\" \n                  [tag]=\"tag\" \n                  [disabled]=\"!col.isVisible\" \n                  (onDelete)=\"filter.delete($event)\"\n                  (onModeChange)=\"modeChange($event)\"\n                  @Grow></app-tag>\n      </div>\n   ","animations":[{"__symbolic":"reference","name":"ɵn"}],"styles":[":host{display:flex;height:var(--exi-grid-cell-height);border-bottom:1px solid var(--exi-cl-main);align-items:stretch;width:100%}.tags{display:flex;align-items:center}"]}]}],"members":{"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":4}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":4}}]}],"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"modeChange":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"exi-menu-holder","template":"\n      <ng-template cell-holder></ng-template>\n   ","animations":[{"__symbolic":"reference","name":"ɵo"}],"styles":[":host{position:absolute;top:var(--exi-grid-cell-height);height:calc(100% - var(--exi-grid-cell-height));left:0;z-index:3;background-color:#ffffffde;font-size:14px}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":4}}]}],"menuHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":4},"arguments":[{"__symbolic":"reference","name":"ɵu"}]}]}],"onEscape":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":4},"arguments":["window:keyup.esc"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":28,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-menu-remote","template":"\n      <div style=\"display: flex; justify-content: space-between;\">\n         <app-reseter [menu]=\"menu\"></app-reseter>\n         <div class=\"count\">\n            <div class=\"info filtred\" title=\"Rows count after filtration\">\n               <span>{{ menu.filtred | async }}</span>\n            </div>\n               <div class=\"info all\" title=\"Total Rows count\">\n                  <span>{{ menu.total | async  }}</span>\n               </div>\n         </div>\n      </div>\n      <section class=\"cols\" #Cols>\n         <div class=\"block\">\n            <app-col-control  *ngFor=\"let col of cols\" \n                              [col]=\"col\" \n                              [ctx]=\"menu.ctx\"\n                              class=\"control\"></app-col-control>\n         </div>\n      </section>\n   ","styles":[".cols{overflow:auto;position:relative}@media screen and (-webkit-min-device-pixel-ratio:0){.cols{overflow:overlay}}.cols::-webkit-scrollbar{width:var(--st-scroll_width);height:var(--st-scroll_width);background-color:#fff;opacity:.7}.cols::-webkit-scrollbar-thumb{border-radius:var(--st-border_radius);background-color:var(--exi-cl-gray)}.cols::-webkit-scrollbar-track{background-color:var(--exi-cl-text-white)}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{display:block;width:300px}.cols .block{position:-webkit-sticky;position:sticky;top:0}.count{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700}.count .info{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:var(--exi-grid-cell-height);transition:var(--st-transition);color:var(--exi-cl-text-white)}.count .info.filtred{background-color:var(--exi-cl-accent)}.count .info.all{background-color:var(--exi-cl-main)}.control{border-bottom:1px solid var(--exi-cl-main)}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":4}}]}],"colsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":4},"arguments":["Cols"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-selector-single","template":"\n      \n   ","styles":[""]}]}],"members":{"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":4}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-reseter","template":"\n      <div class=\"defaults\">\n         <div class=\"reseters\">\n            <button (click)=\"menu.ctx.cols.reseter.all()\" class=\"reseter all\">Defaults</button>\n            <div class=\"segregated\">\n               <button  *ngFor=\"let reseter of menu.ctx.cols.reseter.dataForDom\" \n                        (click)=\"reseter.func()\"\n                        class=\"reseter\">{{ reseter.title }}</button>\n            </div>\n         </div>\n      </div>\n   ","styles":[".reseters .reseter{display:flex;justify-content:center;align-items:center;background-color:var(--exi-cl-main);transition:var(--st-transition);color:var(--exi-cl-text-white);width:100%;height:var(--exi-grid-cell-height);padding:var(--exi-grid-cell-padding);border:none;font-weight:700;color:#fff}.text-cutter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseters .reseter:hover{background-color:var(--exi-cl-main-hover)}.reseters .reseter:active{background-color:var(--exi-cl-main-active)}.reseters{position:relative;width:100px}.reseters .all{background-color:var(--exi-cl-accent)}.reseters .all:hover{background-color:var(--exi-cl-accent-hover)}.reseters .all:hover+.segregated{transform:rotateX(0)}.reseters .segregated{position:absolute;z-index:3;width:100%;transition:var(--st-transition);transform:rotateX(90deg);transform-origin:top center}.reseters .segregated:hover{transform:rotateX(0)}.reset-options{position:absolute;top:calc(var(--exi-grid-cell-height) - 5px);visibility:hidden;z-index:-1}.reset{margin:0 5px}.reset:hover+.reset-options{visibility:visible;z-index:20}"]}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-col-control","template":"\n      <exi-checkbox [ctx]=\"visible\" class=\"checkbox\"></exi-checkbox>\n      <exi-checkbox [ctx]=\"pinned\" class=\"checkbox\"></exi-checkbox>\n      <div class=\"title\">\n         <span class=\"text-cutter\"> {{ col.title() }}</span>\n      </div>\n   ","styles":[":host{display:flex;min-height:var(--exi-grid-cell-height)}.checkbox{display:flex;width:40px}.title{font-weight:700;width:150px;padding:0 10px;display:flex;align-items:center}"]}]}],"members":{"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":4}}]}],"ctx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":4}}]}],"onVisibility":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":77,"character":59,"context":{"typeName":"D"},"module":"./lib/table/utility/context/abstract/table.class"}]}]}]}}},"origins":{"checkboxIcons":"./lib/icons/sets/checkbox.icons","controlsIcons":"./lib/icons/sets/controls.icons","TableModule":"./lib/table/table.module","ComponentsModule":"./lib/components/components.module","ɵa":"./lib/table/cells/body/text/text.component","TextCell":"./lib/table/cells/body/text/text.component","LocalTable":"./lib/table/utility/context/local/table.class","LocalCol":"./lib/table/utility/context/local/table.class","RemoteTable":"./lib/table/utility/context/remote/table.class","RemoteCol":"./lib/table/utility/context/remote/table.class","Toggler":"./lib/utils/toggler.class","Viewport":"./lib/utils/viewport","FocusOut":"./lib/utils/focusOut.class","Sorter":"./lib/utils/sorter.class","getLocalCssVar":"./lib/utils/cssVarGetter.func","getGlobalCssVar":"./lib/utils/cssVarGetter.func","getGlobalOrLocalCssVar":"./lib/utils/cssVarGetter.func","STUB_FN_FALSE":"./lib/utils/stubs","STUB_FN_TRUE":"./lib/utils/stubs","STUB_FN_STRING":"./lib/utils/stubs","STUB_FN_ZERO":"./lib/utils/stubs","STUB_FN_NULL":"./lib/utils/stubs","STUB_FN_RESOLVER":"./lib/utils/stubs","STUB_FN_REJECTER":"./lib/utils/stubs","ɵb":"./lib/icons/icons.directive","ɵc":"./lib/components/options/options.component","ɵd":"./lib/components/searcher/searcher.component","ɵe":"./lib/components/multiselector/multiselector.component","ɵf":"./lib/components/dropdown/dropdown.component","ɵg":"./lib/components/tooltip/tooltip.component","ɵh":"./lib/components/tooltip/tooltip.component","ɵi":"./lib/components/tag/tag.component","ɵj":"./lib/components/checkbox/checkbox.component","ɵk":"./lib/components/input/input.component","ɵl":"./lib/table/table.component","ɵm":"./lib/animations/animations","ɵn":"./lib/animations/animations","ɵo":"./lib/animations/animations","ɵp":"./lib/animations/animations","ɵq":"./lib/animations/animations","ɵr":"./lib/animations/animations","ɵs":"./lib/table/cells/holders/body-cell.component","ɵt":"./lib/table/cells/holders/body-cell.component","ɵu":"./lib/table/cells/holders/cell-holder.directive","ɵv":"./lib/table/cells/holders/header-cell.component","ɵw":"./lib/table/cells/holders/dom-holder.directive","ɵx":"./lib/table/cells/body/button/button.component","ɵy":"./lib/table/cells/body/text-array/text-array.component","ɵz":"./lib/table/cells/body/checkbox/checkbox.component","ɵba":"./lib/table/utility/context/local/menu/menu.component","ɵbb":"./lib/table/utility/context/local/menu/global-filter/global-filter.component","ɵbc":"./lib/table/cells/body/selector/single/single.component","ɵbd":"./lib/table/cells/body/selector/multi/multi.component","ɵbe":"./lib/table/cells/header/text/text.component","ɵbf":"./lib/table/cells/header/selector/all/selector-all.component","ɵbg":"./lib/table/utility/context/local/menu/col-control/col-control.component","ɵbh":"./lib/table/utility/context/abstract/menu/menu.component","ɵbi":"./lib/table/utility/context/remote/menu/menu.component","ɵbj":"./lib/table/cells/header/selector/single/selector-single.component","ɵbk":"./lib/table/utility/context/abstract/menu/reseter/reseter.component","ɵbl":"./lib/table/utility/context/abstract/menu/col-control/col-control.component","ɵbm":"./lib/table/utility/context/abstract/table.class"},"importAs":"exi-ui"}