{"__symbolic":"module","version":4,"metadata":{"FormFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FieldComponent"},{"__symbolic":"reference","name":"InputDirective"},{"__symbolic":"reference","name":"ErrorComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"IconDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8}],"exports":[{"__symbolic":"reference","name":"FieldComponent"},{"__symbolic":"reference","name":"InputDirective"},{"__symbolic":"reference","name":"ErrorComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"IconDirective"}]}]}],"members":{}},"FieldComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ql-field","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":11,"character":4},"arguments":["invalid",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":12,"character":6},"arguments":["no-error",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":24},"arguments":[{"width":0,"transform":"translateY(-100%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":17,"character":6},"arguments":["error",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":21},"arguments":[{"width":"100%","transform":"translateX(0)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":22,"character":6},"arguments":["no-error <=> error",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":8},"arguments":[350]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":6},"arguments":["void <=> error",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":8},"arguments":[350,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":26,"character":21},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":10},"arguments":[{"opacity":0,"width":"33%","transform":"translateY(-66%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":10},"arguments":[{"opacity":0.6,"width":"66%","transform":"translateY(-33%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":10},"arguments":[{"opacity":1,"width":"100%","transform":"translateY(0)"}]}]]}]}]]}]]}],"template":"<div class=\"label\">\n    <label (click)=\"focusInput()\">\n        <ng-content select=\"ql-label\"></ng-content>\n    </label>\n</div>\n<div #inputDiv class=\"input\">\n    <ng-content select=\"[qlInput]\"></ng-content>\n    <ng-content select=\"[qlIcon]\"></ng-content>\n    <ng-content select=\"mat-datepicker-toggle\"></ng-content>\n</div>\n<div [@invalid]=\"inputError ? 'error' : 'no-error'\"\n     *ngIf=\"inputError\"\n     class=\"error\">\n    <ng-content select=\"ql-error\"></ng-content>\n</div>\n\n","styles":[":host{display:grid;grid-template-areas:\"label\" \"input\" \"error\";grid-template-rows:-webkit-max-content minmax(-webkit-max-content,1fr) -webkit-max-content;grid-template-rows:max-content minmax(max-content,1fr) max-content;grid-template-columns:1fr}:host .label{width:inherit;grid-area:label}:host .input{grid-area:input;display:grid;grid-template-areas:\"input-field icon\";grid-template-columns:minmax(-webkit-max-content,1fr) minmax(0,-webkit-max-content);grid-template-columns:minmax(max-content,1fr) minmax(0,max-content);grid-gap:0 .2rem;grid-template-rows:100%;overflow-x:visible;width:100%}:host .input .input-field{grid-area:input-field}:host .input .icon{grid-area:icon}:host .error{width:inherit;grid-area:error}\n"]}]}],"members":{"inputDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["inputDiv",{"static":true}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"InputToken"}]}]}],"inputError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class.invalid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ErrorToken":{"__symbolic":"class","members":{}},"ErrorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ErrorToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ql-error","providers":[{"provide":{"__symbolic":"reference","name":"ErrorToken"},"useExisting":{"__symbolic":"reference","name":"ErrorComponent"}}],"template":"<ng-content>\n\n</ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ql-label","template":"<ng-content>\n\n</ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IconToken":{"__symbolic":"class","members":{}},"IconDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"IconToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[qlIcon]","host":{"class":"icon"},"providers":[{"provide":{"__symbolic":"reference","name":"IconToken"},"useExisting":{"__symbolic":"reference","name":"IconDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":16,"character":9}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":16,"character":48,"module":"./lib/form-field/icon.directive"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"InputDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"InputToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[qlInput]","providers":[{"provide":{"__symbolic":"reference","name":"InputToken"},"useExisting":{"__symbolic":"reference","name":"InputDirective"}}],"host":{"class":"input-field"}}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":23,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":23,"character":19}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":40,"context":{"typeName":"HTMLInputElement"},"module":"./lib/form-field/input.directive"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":23,"character":44}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["focusout"]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}]}},"InputToken":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"members":{"__ctor__":[{"__symbolic":"constructor"}],"focus":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"members":{}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ql-button","template":"<button mat-ripple\n\t\t[ngClass]=\"{\n\t\t'primary': color === 'primary',\n\t\t'ascent': color === 'ascent',\n\t\t'warn': color === 'warn',\n\t\t'disabled': isLoading || disabled,\n\t\t'ql-button': !fab,\n\t\t'ql-fab-button': fab\n\t}\"\n        #button>\n\t<span *ngIf='(fab && !isLoading) || !fab'\n\t\t  class='text mat-body-strong mat-body-2'>\n\t\t<ng-content></ng-content>\n\t</span>\n\t<span *ngIf='isLoading'\n\t\t  class='extra'>\n\t\t<mat-icon svgIcon='spinner'\n\t\t\t\t  inline></mat-icon>\n\t</span>\n</button>\n","styles":["button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}.ql-button{position:relative;overflow:hidden;justify-content:flex-start;align-items:center;padding:.1rem;place-items:center;display:flex;flex-flow:row}.ql-button.disabled{background:lightgrey;border-color:#a9a9a9;cursor:not-allowed}\n"]}]}],"members":{"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["button"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":3},"arguments":["class.with-extra"]}]}],"spinnerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["style.--spinner-width"]}]}],"fab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":28,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":29,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}]}},"GenericSidebarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SidebarComponent"},{"__symbolic":"reference","name":"SidebarHeaderComponent"},{"__symbolic":"reference","name":"SidebarHeaderItemDirective"},{"__symbolic":"reference","name":"SidebarContentComponent"},{"__symbolic":"reference","name":"SidebarGroupComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"},{"__symbolic":"reference","name":"SidebarCollapseComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"SidebarComponent"},{"__symbolic":"reference","name":"SidebarHeaderComponent"},{"__symbolic":"reference","name":"SidebarHeaderItemDirective"},{"__symbolic":"reference","name":"SidebarContentComponent"},{"__symbolic":"reference","name":"SidebarGroupComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"},{"__symbolic":"reference","name":"SidebarCollapseComponent"}]}]}],"members":{}},"SidebarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ql-sidebar","template":"<ng-content select='ql-sidebar-header'></ng-content>\n<ng-content select='ql-sidebar-content'></ng-content>\n<span class='divider' *ngIf='hasDivider'></span>\n<ng-content select='ql-sidebar-collapse'></ng-content>\n","styles":[":host{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;transition-property:width;transition-duration:.35s;transition-timing-function:linear;display:flex;flex-flow:column}:host .is-collapsed{width:6.4rem;height:6.4rem}:host>ql-sidebar-header{order:0}:host>ql-sidebar-content{order:1}:host>ql-sidebar-content{order:2}:host .divider{height:.05rem;width:80%;display:block;content:\" \";margin:.4rem auto}\n"]}]}],"members":{"sidebarCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarCollapseToken"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarContentComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class.is-collapsed"]}]}]}},"SidebarHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ql-sidebar-header","template":"<ng-content select='[qlSidebarHeaderItem]'></ng-content>\n\n","styles":[":host{width:100%;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;display:flex;flex-flow:row;justify-content:space-evenly;align-items:center}\n"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":10,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarHeaderItemToken"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"SidebarHeaderItemToken":{"__symbolic":"class","members":{}},"SidebarHeaderItemDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SidebarHeaderItemToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[qlSidebarHeaderItem]","providers":[{"provide":{"__symbolic":"reference","name":"SidebarHeaderItemToken"},"useExisting":{"__symbolic":"reference","name":"SidebarHeaderItemDirective"}}],"host":{"class":"header-item"}}]}],"members":{"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":12},"arguments":["class.selected"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"SidebarContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ql-sidebar-content","template":"<span class='margin'></span>\n<ng-content select='ql-sidebar-group'></ng-content>\n<ng-content select='ql-sidebar-item'></ng-content>\n","styles":[":host{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}:host .margin{display:inline-block;content:\" \";width:100%;height:.8rem}\n"]}]}],"members":{"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarGroupToken"}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarItemToken"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":25,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":26,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setGroupExpanded":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}]}},"SidebarGroupToken":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SidebarGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SidebarGroupToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":52,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":53,"character":19},"member":"OnPush"},"selector":"ql-sidebar-group","providers":[{"provide":{"__symbolic":"reference","name":"SidebarGroupToken"},"useExisting":{"__symbolic":"reference","name":"SidebarGroupComponent"}}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":61,"character":4},"arguments":["expanded",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":62,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":62,"character":22},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":63,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":28},"arguments":[{"height":0,"overflow":"hidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":63,"character":70},"arguments":[".3s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":90},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":64,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":64,"character":28},"arguments":[{"height":"*","overflow":"hidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":64,"character":72},"arguments":[".3s ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":64,"character":92},"arguments":[{"height":0}]}]}]]}]]}],"template":"<div class='group-row'>\n\t<div *ngIf='hasIcon'\n\t\t class='icon'>\n\t\t<ng-content select='mat-icon'></ng-content>\n\t</div>\n\t<div class='text'>\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div (click)='expand()'\n\t\t class='arrow'>\n\t\t<mat-icon *ngIf='!alwaysOpen'\n\t\t\t\t  inline\n\t\t\t\t  svgIcon='arrow'></mat-icon>\n\t</div>\n</div>\n<div @expanded\n\t *ngIf='isExpanded || alwaysOpen'\n\t class='group-content'>\n\t<ng-content select='ql-sidebar-item'></ng-content>\n</div>\n\n","styles":[":host{display:block}:host.has-icon.is-collapsed .group-row{grid-gap:0 0;grid-template-areas:\"icon text arrow\";grid-template-columns:.8fr 0 .2fr}:host.has-icon.is-collapsed .group-row .text{display:none}:host.has-icon .group-row{grid-template-areas:\"icon text arrow\";grid-template-columns:.2fr .6fr .2fr}:host.is-expanded .group-row .arrow{transform:rotate(0)}:host .group-row{display:grid;grid-gap:0 .4rem}:host .group-row .icon{grid-area:icon;display:flex;flex-flow:row;justify-content:center;align-items:center}:host .group-row .arrow{place-self:center;transition-duration:.25s;transition-property:transform;transition-timing-function:linear;transform-origin:center;width:1.2rem;height:1.2rem;grid-area:arrow;justify-self:flex-end;align-self:center;transform:rotate(-90deg)}:host .group-row .text{align-self:center;grid-area:text}:host .group-content .margin{display:block;content:\" \";height:.8rem;width:100%}\n"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":70,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIcon","line":70,"character":19}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":71,"character":3},"arguments":[{"__symbolic":"reference","name":"SidebarItemToken"}]}]}],"groupClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"_hasIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["class.has-icon"]}]}],"_isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.is-expanded"]}]}],"_isSidebarCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":82,"character":3},"arguments":["class.is-collapsed"]}]}],"_alwaysOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":3},"arguments":["class.always-open"]}]}],"_order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":3},"arguments":["style.--order"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"alwaysOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"isSidebarCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}]}},"SidebarItemToken":{"__symbolic":"class","members":{}},"SidebarItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SidebarItemToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ql-sidebar-item","providers":[{"provide":{"__symbolic":"reference","name":"SidebarItemToken"},"useExisting":{"__symbolic":"reference","name":"SidebarItemComponent"}}],"template":"<span class='text'>\n\t<ng-content></ng-content>\n</span>\n<div *ngIf='hasIcon'\n\t class='icon'>\n\t<ng-content select='mat-icon'></ng-content>\n</div>\n<div class='border'>\n\n</div>\n\n\n","styles":[":host{display:grid;grid-template-areas:\"text text border\";grid-gap:.2rem;align-items:center}:host.has-icon{grid-template-areas:\"icon text border\"}:host .icon{display:flex;flex-flow:row;justify-content:center;align-items:center;grid-area:icon}:host .text{grid-area:text}:host .border{transition-property:height;transition-timing-function:ease-out;transition-duration:.15s;width:100%;grid-area:border}\n"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIcon","line":33,"character":16}]}]}],"_isSidebarCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.is-collapsed"]}]}],"_isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.is-selected"]}]}],"_hasIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class.has-icon"]}]}],"_order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["style.--order"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"isSidebarCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}]}},"SidebarCollapseToken":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"collapse":[{"__symbolic":"method"}]}},"SidebarCollapseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SidebarCollapseToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ql-sidebar-collapse","providers":[{"provide":{"__symbolic":"reference","name":"SidebarCollapseToken"},"useExisting":{"__symbolic":"reference","name":"SidebarCollapseComponent"}}],"template":"<span class='text'>\n\t<ng-content></ng-content>\n</span>\n<div (click)='collapse()' class='icon'>\n\t<mat-icon inline svgIcon='arrow-right' *ngIf='withDefaultIcon; else userIcon'></mat-icon>\n\t<ng-template #userIcon>\n\t\t<ng-content select='mat-icon'></ng-content>\n\t</ng-template>\n</div>\n\n","styles":[":host{display:grid;grid-template-areas:\"text icon\";grid-template-columns:.7fr .3fr;width:80%}:host.is-collapsed{grid-template-columns:0 1fr}:host.is-collapsed .icon{transform:rotateY(180deg)}:host.is-collapsed .text{display:none}:host span.text{align-self:center;grid-area:text}:host.rotate mat-icon{transform:rotateY(-180deg)}:host .icon{transition-property:transform;transition-duration:.35s;transition-timing-function:ease-in;transition-delay:.25s;place-self:center;grid-area:icon;transform-origin:center;transform:rotateY(0)}\n"]}]}],"members":{"collapseChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"_isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.is-collapsed"]}]}],"withDefaultIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.rotate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":40,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":41,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}]}},"AutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ql-autocomplete","providers":[{"provide":{"__symbolic":"reference","name":"AutocompleteToken"},"useExisting":{"__symbolic":"reference","name":"AutocompleteComponent"}}],"template":"","styles":[":host{background-color:#000}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AutocompleteDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[qlAutocomplete]"}]}],"members":{"autoComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":14,"character":19}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"InputToken"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":16,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AutocompleteToken":{"__symbolic":"class","members":{}},"AutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AutocompleteDirective"},{"__symbolic":"reference","name":"AutocompleteComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}},"GenericToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"QlToolbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"QlToolbarComponent"}]}]}],"members":{}},"ToolbarToken":{"__symbolic":"class","members":{}},"QlToolbarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolbarToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ql-toolbar","providers":[{"provide":{"__symbolic":"reference","name":"ToolbarToken"},"useExisting":{"__symbolic":"reference","name":"QlToolbarComponent"}}],"template":"\n","styles":[":host{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"QlTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"QlTableComponent"},{"__symbolic":"reference","name":"TbodyComponent"},{"__symbolic":"reference","name":"TheadComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"FilterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":25,"character":4},{"__symbolic":"reference","name":"ButtonModule"},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":27,"character":4},{"__symbolic":"reference","name":"FormFieldModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4}],"exports":[{"__symbolic":"reference","name":"QlTableComponent"},{"__symbolic":"reference","name":"TbodyComponent"},{"__symbolic":"reference","name":"TheadComponent"},{"__symbolic":"reference","name":"FilterComponent"}]}]}],"members":{}},"QlTableComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ql-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<table>\n\t<div #overlay\n\t\t *ngIf='isLoading'\n\t\t class='overlay animating'>\n\t\t<mat-icon svgIcon='hourglass'\n\t\t\t\t  inline></mat-icon>\n\t</div>\n\t<div #emptyOverlay\n\t\t class='overlay'\n\t\t *ngIf='isEmpty'>\n\t\t<mat-icon inline\n\t\t\t\t  svgIcon='emptyTable'></mat-icon>\n\t\t<span class='mat-h3 mat-subheader'>No data</span>\n\t</div>\n\t<div class='filter'>\n\t\t<ng-content select='ql-filter'>\n\n\t\t</ng-content>\n\t</div>\n\t<div class='main'>\n\t\t<ng-content>\n\n\t\t</ng-content>\n\n\t\t<ql-pagination *ngIf='!isLoading && !isEmpty'\n\t\t\t\t\t   [isLeftButtonEnabled]='index !== 0'\n\t\t\t\t\t   [isRightButtonEnabled]='index !== maxIndex'\n\t\t\t\t\t   (backButtonClickChange)='changeIndexBy(-1)'\n\t\t\t\t\t   (nextButtonClickChange)='changeIndexBy(1)'>\n\n\t\t</ql-pagination>\n\t</div>\n</table>\n\n\n","styles":["thead{width:100%}\n"]}]}],"members":{"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["style.--min-table-height"]}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["style.--min-table-width"]}]}],"_tableWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["style.--table-width"]}]}],"_tableHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["style.--table-height"]}]}],"qlData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"isEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"itemsToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"overlayRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["overlay"]}]}],"emptyOverlayRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["emptyOverlay"]}]}],"tHead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":3},"arguments":[{"__symbolic":"reference","name":"THeadToken"}]}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":58,"character":3},"arguments":[{"__symbolic":"reference","name":"FilterComponentToken"}]}]}],"_colCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":3},"arguments":["style.--col-count"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":69,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":70,"character":29},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":32,"context":{"typeName":"HTMLElement"},"module":"./lib/ql-table/ql-table.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":72,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeIndexBy":[{"__symbolic":"method"}]}},"TbodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ql-tbody","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<ng-content>\n\n</ng-content>\n","styles":["ql-table{--col-count: 0}ql-table ql-tbody tr{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(var(--col-count),1fr)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"THeadToken":{"__symbolic":"class","members":{}},"TheadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"THeadToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ql-thead","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"host":{"role":"rowgroup"},"providers":[{"provide":{"__symbolic":"reference","name":"THeadToken"},"useExisting":{"__symbolic":"reference","name":"TheadComponent"}}],"template":"<ng-content>\n\n</ng-content>\n\n","styles":["ql-table{--col-count: 0}ql-table ql-thead{display:flex;flex-flow:row}ql-table ql-thead tr{flex:1;text-align:left;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(var(--col-count),1fr)}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"FilterComponentToken":{"__symbolic":"class","members":{}},"FilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FilterComponentToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ql-filter","providers":[{"provide":{"__symbolic":"reference","name":"FilterComponentToken"},"useExisting":{"__symbolic":"reference","name":"FilterComponent"}}],"template":"<ql-button [mat-menu-trigger-for]='filterMenu'>\n\t<mat-icon>\n\t\tfilter_alt\n\t</mat-icon>\n</ql-button>\n<mat-menu #filterMenu [classList]='filter'>\n\t<form [formGroup]='filterForm' (click)='$event.stopPropagation()'>\n\t\t<ql-field>\n\t\t\t<ql-label>Filter table</ql-label>\n\t\t\t<input qlInput\n\t\t\t\t   [formControl]='filterControl'>\n\t\t</ql-field>\n\t\t<div class='actions'>\n\t\t\t<ql-button color='primary' (click)='filterValueClicked()'>Filter</ql-button>\n\t\t\t<ql-button color='warn' (click)='resetClicked()'>Reset</ql-button>\n\t\t</div>\n\t</form>\n</mat-menu>\n","styles":["form{width:80%;margin:auto}form .actions{margin-top:.8rem;display:flex;flex-flow:row}\n"]}]}],"members":{"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"filterMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":20,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"resetClicked":[{"__symbolic":"method"}],"filterValueClicked":[{"__symbolic":"method"}]}},"FabModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":12,"character":4}],"exports":[{"__symbolic":"reference","name":"FabComponent"}]}]}],"members":{}},"FabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ql-fab","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":10,"character":4},"arguments":["expandHide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":8},"arguments":[{"opacity":0,"height":"0%"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":8},"arguments":["100ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":25},"arguments":[{"opacity":1,"height":"100%"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":8},"arguments":["100ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":25},"arguments":[{"opacity":0,"height":0}]}]}]]}]]}],"template":"<div class='expand-list'>\n\t<div *ngIf='isExpanded'\n\t\t @expandHide\n\t\t class='expand-list-items'>\n\t\t<ng-content select='ql-button'></ng-content>\n\t</div>\n</div>\n<button mat-ripple\n\t\t(click)='expand()'\n\t\t[ngClass]='{\n\t\t\t\"disabled\": disabled\n\t\t}'\n\t\tclass='fab-button'>\n\t<ng-content select='mat-icon'></ng-content>\n</button>\n\n","styles":[".fab-button{display:flex;flex-flow:row;justify-content:center;align-items:center}.expand-list{position:absolute}.expand-list .expand-list-items{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center}\n"]}]}],"members":{"expandedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.disabled"]}]}],"isExpandedChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"_totalListItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["style.--list-items"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}]}},"ChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"ChipComponent"}]}]}],"members":{}},"ChipToken":{"__symbolic":"class","members":{}},"ChipComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ql-chip","providers":[{"provide":{"__symbolic":"reference","name":"ChipToken"},"useExisting":{"__symbolic":"reference","name":"ChipComponent"}}],"template":"<div class='ql-chip'\n\t [ngClass]='{\n\t\t\"primary\": color === \"primary\",\n\t\t\"ascent\": color === \"ascent\",\n\t\t\"warn\": color === \"warn\"\n\t}'>\n\t<ng-content select='mat-icon'></ng-content>\n\t<ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LoaderComponentToken":{"__symbolic":"class","members":{}},"LoaderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"LoaderComponentToken"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ql-loader","template":"<div class='loading-content'>\n\t<div *ngIf='isLoading'\n\t\t class='overlay animating'>\n\t\t<mat-icon svgIcon='hourglass'\n\t\t\t\t  inline></mat-icon>\n\t</div>\n\t<ng-content>\n\n\t</ng-content>\n</div>\n","styles":[".loading-content{position:relative;width:100%;height:100%}.loading-content .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.loading-content .overlay mat-icon{transform:scale(.5)}.loading-content .overlay.animating{background-color:#d3d3d3;opacity:.4}.loading-content .overlay.animating mat-icon{-webkit-animation:3s hourglass-flip infinite forwards;animation:3s hourglass-flip infinite forwards}\n"]}]}],"members":{"_itemWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["style.--table-width"]}]}],"_itemHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["style.--table-height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":25,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":26,"character":29}]}],"ngOnChanges":[{"__symbolic":"method"}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}]}},"LoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"LoaderComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"cleanup":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1}}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":6,"character":3},"arguments":["style.--width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["style.--height"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵd"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ql-pagination","providers":[{"provide":{"__symbolic":"reference","name":"ɵd"},"useExisting":{"__symbolic":"reference","name":"ɵc"}}],"template":"<div class='table-pagination'>\n\t<ql-button class='left-arrow'\n\t\t\t   (click)='backButtonClicked()'\n\t\t\t   [disabled]='!isLeftButtonEnabled'>\n\t\t<mat-icon inline\n\t\t\t\t  svgIcon='pg-arrow-left'></mat-icon>\n\t</ql-button>\n\t<ql-button class='right-arrow'\n\t\t\t   (click)='nextButtonClicked()'\n\t\t\t   [disabled]='!isRightButtonEnabled'>\n\t\t<mat-icon inline\n\t\t\t\t  svgIcon='pg-arrow-right'></mat-icon>\n\t</ql-button>\n</div>\n\n","styles":[""]}]}],"members":{"backButtonClickChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"nextButtonClickChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["style.--pagination-position"]}]}],"isLeftButtonEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"isRightButtonEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}]}},"ɵd":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"FormFieldModule":"./lib/form-field/form-field.module","FieldComponent":"./lib/form-field/field/field.component","ErrorToken":"./lib/form-field/error/error","ErrorComponent":"./lib/form-field/error/error.component","LabelComponent":"./lib/form-field/label/label.component","IconToken":"./lib/form-field/icon.directive","IconDirective":"./lib/form-field/icon.directive","InputDirective":"./lib/form-field/input.directive","InputToken":"./lib/form-field/input","ButtonModule":"./lib/button/button.module","ButtonComponent":"./lib/button/button.component","GenericSidebarModule":"./lib/generic-sidebar/generic-sidebar.module","SidebarComponent":"./lib/generic-sidebar/sidebar.component","SidebarHeaderComponent":"./lib/generic-sidebar/sidebar-header/sidebar-header.component","SidebarHeaderItemToken":"./lib/generic-sidebar/sidebar-header/sidebar-header-item.directive","SidebarHeaderItemDirective":"./lib/generic-sidebar/sidebar-header/sidebar-header-item.directive","SidebarContentComponent":"./lib/generic-sidebar/sidebar-content/sidebar-content.component","SidebarGroupToken":"./lib/generic-sidebar/sidebar-content/sidebar-group/sidebar-group.component","SidebarGroupComponent":"./lib/generic-sidebar/sidebar-content/sidebar-group/sidebar-group.component","SidebarItemToken":"./lib/generic-sidebar/sidebar-content/sidebar-item/sidebar-item.component","SidebarItemComponent":"./lib/generic-sidebar/sidebar-content/sidebar-item/sidebar-item.component","SidebarCollapseToken":"./lib/generic-sidebar/sidebar-collapse/sidebar-collapse.component","SidebarCollapseComponent":"./lib/generic-sidebar/sidebar-collapse/sidebar-collapse.component","AutocompleteComponent":"./lib/autocomplete/autocomplete.component","AutocompleteDirective":"./lib/autocomplete/autocomplete.directive","AutocompleteToken":"./lib/autocomplete/autocomplete","AutocompleteModule":"./lib/autocomplete/autocomplete.module","GenericToolbarModule":"./lib/generic-toolbar/generic-toolbar.module","ToolbarToken":"./lib/generic-toolbar/toolbar/toolbar.component","QlToolbarComponent":"./lib/generic-toolbar/toolbar/toolbar.component","QlTableModule":"./lib/ql-table/ql-table.module","QlTableComponent":"./lib/ql-table/ql-table.component","TbodyComponent":"./lib/ql-table/tbody/tbody.component","THeadToken":"./lib/ql-table/thead/thead.component","TheadComponent":"./lib/ql-table/thead/thead.component","FilterComponentToken":"./lib/ql-table/filter/filter.component","FilterComponent":"./lib/ql-table/filter/filter.component","FabModule":"./lib/fab/fab.module","FabComponent":"./lib/fab/fab.component","ChipModule":"./lib/chip/chip.module","ChipToken":"./lib/chip/chip.component","ChipComponent":"./lib/chip/chip.component","LoaderComponentToken":"./lib/loader/loader.component","LoaderComponent":"./lib/loader/loader.component","LoaderModule":"./lib/loader/loader.module","ɵa":"./lib/common/destroyable","ɵb":"./lib/common/ql-base-style","ɵc":"./lib/ql-table/pagination/pagination.component","ɵd":"./lib/ql-table/pagination/pagination.token"},"importAs":"ql-components"}