clarity-angular
Version:
Angular components for Clarity
1 lines • 202 kB
JSON
{"__symbolic":"module","version":3,"metadata":{"ClarityModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrEmphasisModule"},{"__symbolic":"reference","name":"ClrDataModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ClrModalModule"},{"__symbolic":"reference","name":"ClrLoadingModule"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ClrButtonModule"},{"__symbolic":"reference","name":"ɵcv"},{"__symbolic":"reference","name":"ClrFormsModule"},{"__symbolic":"reference","name":"ClrLayoutModule"},{"__symbolic":"reference","name":"ClrPopoverModule"},{"__symbolic":"reference","name":"ClrWizardModule"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ClarityModule"},"providers":[]}},"forChild":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ClarityModule"},"providers":[]}}}},"ClrButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrLoadingButtonModule"},{"__symbolic":"reference","name":"ClrButtonGroupModule"}]}]}],"members":{}},"ClrButtonGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ɵb"}],"declarations":[{"__symbolic":"reference","name":"BUTTON_GROUP_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"BUTTON_GROUP_DIRECTIVES"}]}]}],"members":{}},"ClrLoadingButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrLoadingModule"}],"declarations":[{"__symbolic":"reference","name":"LOADING_BUTTON_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"LOADING_BUTTON_DIRECTIVES"},{"__symbolic":"reference","name":"ClrLoadingModule"}]}]}],"members":{}},"ClrSyntaxHighlightModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"CODE_HIGHLIGHT_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"CODE_HIGHLIGHT_DIRECTIVES"}]}]}],"members":{}},"ClrDataModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrDatagridModule"},{"__symbolic":"reference","name":"ClrStackViewModule"},{"__symbolic":"reference","name":"ClrTreeViewModule"}]}]}],"members":{}},"ClrDatagridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ClrFormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ClrLoadingModule"},{"__symbolic":"reference","name":"ɵu"}],"declarations":[{"__symbolic":"reference","name":"DATAGRID_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DATAGRID_DIRECTIVES"},{"__symbolic":"reference","name":"ɵcf"}]}]}],"members":{}},"ClrStackViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"STACK_VIEW_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"STACK_VIEW_DIRECTIVES"}]}]}],"members":{}},"ClrTreeViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","name":"ClrFormsModule"}],"declarations":[{"__symbolic":"reference","name":"TREE_VIEW_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"TREE_VIEW_DIRECTIVES"},{"__symbolic":"reference","name":"ɵcf"}]}]}],"members":{}},"ClrEmphasisModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrAlertModule"}]}]}],"members":{}},"ClrAlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ClrDropdownModule"}],"declarations":[{"__symbolic":"reference","name":"ALERT_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"ALERT_DIRECTIVES"}]}]}],"members":{}},"ClrFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"CHECKBOX_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"CHECKBOX_DIRECTIVES"}]}]}],"members":{}},"ClrIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"ICON_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"ICON_DIRECTIVES"}]}]}],"members":{}},"ClrLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrMainContainerModule"},{"__symbolic":"reference","name":"ClrNavigationModule"},{"__symbolic":"reference","name":"ClrTabsModule"},{"__symbolic":"reference","name":"ɵdk"}]}]}],"members":{}},"ClrMainContainerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"}],"declarations":[{"__symbolic":"reference","name":"LAYOUT_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"LAYOUT_DIRECTIVES"}]}]}],"members":{}},"ClrNavigationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ClrDropdownModule"}],"declarations":[{"__symbolic":"reference","name":"NAVIGATION_DIRECTIVES"}],"providers":[{"provide":{"__symbolic":"reference","name":"ɵcw"},"useFactory":{"__symbolic":"reference","name":"ɵcz"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","name":"ɵcw"}]]}],"exports":[{"__symbolic":"reference","name":"NAVIGATION_DIRECTIVES"}]}]}],"members":{}},"ClrTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ɵda"}],"declarations":[{"__symbolic":"reference","name":"TABS_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"TABS_DIRECTIVES"},{"__symbolic":"reference","name":"ɵk"}]}]}],"members":{}},"ClrModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrIconModule"},{"__symbolic":"reference","name":"ɵcm"}],"declarations":[{"__symbolic":"reference","name":"MODAL_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"MODAL_DIRECTIVES"}]}]}],"members":{}},"ClrPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ClrDropdownModule"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ClrTooltipModule"}]}]}],"members":{}},"ClrDropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵb"}],"declarations":[{"__symbolic":"reference","name":"DROPDOWN_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DROPDOWN_DIRECTIVES"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ClrIconModule"}]}]}],"members":{}},"ClrTooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵb"}],"declarations":[{"__symbolic":"reference","name":"TOOLTIP_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"TOOLTIP_DIRECTIVES"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ClrIconModule"}]}]}],"members":{}},"ClrWizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ClrModalModule"},{"__symbolic":"reference","name":"ClrAlertModule"}],"declarations":[{"__symbolic":"reference","name":"WIZARD_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"WIZARD_DIRECTIVES"}]}]}],"members":{}},"ClrLoadingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"LOADING_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"LOADING_DIRECTIVES"}]}]}],"members":{}},"ALERT_DIRECTIVES":[{"__symbolic":"reference","name":"Alert"},{"__symbolic":"reference","name":"AlertItem"},{"__symbolic":"reference","name":"Alerts"},{"__symbolic":"reference","name":"AlertsPager"}],"Alert":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-alert","providers":[{"__symbolic":"reference","name":"ɵs"}],"template":"\n <!--\n ~ Copyright (c) 2016-2017 VMware, Inc. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n <div\n *ngIf=\"!_closed\"\n class=\"alert\"\n [ngClass]=\"alertClass\"\n [class.alert-hidden]=\"isHidden\"\n [class.alert-sm]=\"isSmall\"\n [class.alert-app-level]=\"isAppLevel\">\n <div class=\"alert-items\">\n <ng-content></ng-content>\n </div>\n <button type=\"button\" class=\"close\" aria-label=\"Close\" *ngIf=\"closable\" (click)=\"close()\">\n <clr-icon aria-hidden=\"true\" shape=\"close\"></clr-icon>\n </button>\n </div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","name":"ɵt"}]}],"isSmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertSizeSmall"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertClosable"]}]}],"isAppLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertAppLevel"]}]}],"_closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertClosed"]}]}],"_closedChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrAlertClosedChange"]}]}],"alertType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertType"]}]}],"alertIconShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrAlertIcon"]}]}],"detectChangesIfNeeded":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}]}},"AlertItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":".alert-item:not(.static), clr-alert-item","template":"\n <div class=\"alert-icon-wrapper\">\n <clr-icon class=\"alert-icon\" [attr.shape]=\"iconService.alertIconShape\"></clr-icon>\n </div>\n <ng-content></ng-content>\n ","host":{"class":"alert-item"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵs"}]}]}},"Alerts":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-alerts","template":"\n <clr-alerts-pager\n *ngIf=\"multiAlertService.count > 1\"\n [clrCurrentAlertIndex]=\"currentAlertIndex\">\n </clr-alerts-pager>\n <ng-content select=\"clr-alert\"></ng-content>\n ","providers":[{"__symbolic":"reference","name":"ɵt"}],"host":{"[class.alerts]":"true","[class.alert-danger]":"this.currentAlertType == 'danger' || this.currentAlertType == 'alert-danger'","[class.alert-info]":"this.currentAlertType == 'info' || this.currentAlertType == 'alert-info'","[class.alert-success]":"this.currentAlertType == 'success' || this.currentAlertType == 'alert-success'","[class.alert-warning]":"this.currentAlertType == 'warning' || this.currentAlertType == 'alert-warning'"},"styles":[":host { display: block }"]}]}],"members":{"allAlerts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"Alert"}]}]}],"_inputCurrentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrCurrentAlertIndex"]}]}],"currentAlertIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrCurrentAlertIndexChange"]}]}],"currentAlert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrCurrentAlert"]}]}],"currentAlertChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrCurrentAlertChange"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵt"}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"AlertsPager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-alerts-pager","template":"\n <div class=\"alerts-pager-control\">\n <div class=\"alerts-page-down\">\n <button class=\"alerts-pager-button\" (click)=\"pageDown()\">\n <clr-icon shape=\"caret left\"></clr-icon>\n </button>\n </div>\n <div class=\"alerts-pager-text\">\n {{this.multiAlertService.current+1}} / {{this.multiAlertService.count}}\n </div>\n <div class=\"alerts-page-up\">\n <button class=\"alerts-pager-button\" (click)=\"pageUp()\">\n <clr-icon shape=\"caret right\"></clr-icon>\n </button>\n </div>\n </div>\n","host":{"[class.alerts-pager]":"true"}}]}],"members":{"currentAlert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrCurrentAlert"]}]}],"currentAlertChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrCurrentAlertChange"]}]}],"currentAlertIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrCurrentAlertIndex"]}]}],"currentAlertIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrCurrentAlertIndexChange"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵt"}]}],"ngOnInit":[{"__symbolic":"method"}],"pageUp":[{"__symbolic":"method"}],"pageDown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"BUTTON_GROUP_DIRECTIVES":[{"__symbolic":"reference","name":"ɵcs"},{"__symbolic":"reference","name":"ɵcu"}],"LOADING_BUTTON_DIRECTIVES":[{"__symbolic":"reference","name":"ɵcr"}],"CHECKBOX_DIRECTIVES":[{"__symbolic":"reference","name":"Checkbox"}],"Checkbox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-checkbox","template":"\n <!--\n FIXME: We are not subscribed to the change event but the click event here.\n The reason for that is because checkboxes behave differently on IE & Edge.\n https://stackoverflow.com/a/19447939\n \n To fix that, we listen to every click event and then toggle the checkbox manually\n to make it behave the same way across the browsers we support.\n \n This works for cases when users toggle the checkbox using the keyboard too:\n https://stackoverflow.com/questions/27878940/spacebar-triggering-click-event-on-checkbox\n -->\n <input type=\"checkbox\" [id]=\"id\" [name]=\"name\" [checked]=\"checked\"\n [indeterminate]=\"indeterminate\" [disabled]=\"disabled\"\n (blur)=\"touch()\" (click)=\"checkIndeterminateState()\">\n <label [attr.for]=\"id\">\n <ng-content></ng-content>\n </label>\n ","host":{"[class.checkbox]":"!inline","[class.checkbox-inline]":"inline","[class.disabled]":"disabled"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Checkbox"},"multi":true}]}]}],"members":{"_id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["id"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["name"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDisabled"]}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrInline"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrChecked"]}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrIndeterminate"]}]}],"indeterminateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrIndeterminateChange"]}]}],"setIndeterminate":[{"__symbolic":"method"}],"setChecked":[{"__symbolic":"method"}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrCheckedChange"]}]}],"toggle":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"touch":[{"__symbolic":"method"}],"checkIndeterminateState":[{"__symbolic":"method"}]}},"CODE_HIGHLIGHT_DIRECTIVES":[{"__symbolic":"reference","name":"CodeHighlight"}],"CodeHighlight":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"code[clr-code-highlight]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"redraw":[{"__symbolic":"method"}],"highlight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clr-code-highlight"]}]}]}},"DROPDOWN_DIRECTIVES":[{"__symbolic":"reference","name":"Dropdown"},{"__symbolic":"reference","name":"DropdownMenu"},{"__symbolic":"reference","name":"DropdownTrigger"},{"__symbolic":"reference","name":"DropdownItem"}],"Dropdown":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dropdown","template":"<ng-content></ng-content>","host":{"[class.dropdown]":"true","[class.open]":"ifOpenService.open"},"providers":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"provide":{"__symbolic":"reference","name":"ɵi"},"useExisting":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","name":"Dropdown"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]}],"isMenuClosable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrCloseMenuOnItemClick"]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DropdownMenu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵj"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dropdown-menu","template":"\n <ng-content></ng-content>\n ","host":{"[class.dropdown-menu]":"true"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"ɵi"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"DropdownMenu"}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrPosition"]}]}]}},"DropdownTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[clrDropdownTrigger],[clrDropdownToggle]","host":{"[class.dropdown-toggle]":"isRootLevelToggle","[class.dropdown-item]":"!isRootLevelToggle","[class.expandable]":"!isRootLevelToggle","[class.active]":"active"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Dropdown"},{"__symbolic":"reference","name":"ɵe"}]}],"onDropdownTriggerClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}]}},"DropdownItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[clrDropdownItem]","host":{"[class.dropdown-item]":"true"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Dropdown"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"ɵf"}]}],"onDropdownItemClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}]}},"menuPositions":["bottom-left","bottom-right","top-left","top-right","left-bottom","left-top","right-bottom","right-top"],"DATAGRID_DIRECTIVES":[{"__symbolic":"reference","name":"Datagrid"},{"__symbolic":"reference","name":"DatagridActionBar"},{"__symbolic":"reference","name":"DatagridActionOverflow"},{"__symbolic":"reference","name":"DatagridColumn"},{"__symbolic":"reference","name":"DatagridColumnToggle"},{"__symbolic":"reference","name":"DatagridColumnToggleButton"},{"__symbolic":"reference","name":"DatagridColumnToggleTitle"},{"__symbolic":"reference","name":"DatagridHideableColumnDirective"},{"__symbolic":"reference","name":"DatagridFilter"},{"__symbolic":"reference","name":"DatagridItems"},{"__symbolic":"reference","name":"DatagridItemsTrackBy"},{"__symbolic":"reference","name":"DatagridRow"},{"__symbolic":"reference","name":"DatagridRowDetail"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"DatagridCell"},{"__symbolic":"reference","name":"DatagridFooter"},{"__symbolic":"reference","name":"DatagridPagination"},{"__symbolic":"reference","name":"DatagridPlaceholder"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"DatagridStringFilter"}],"Datagrid":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-datagrid","template":"\n <!--\n ~ Copyright (c) 2016-2017 VMware, Inc. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n <ng-content select=\"clr-dg-action-bar\"></ng-content>\n <div class=\"datagrid-overlay-wrapper\">\n <div class=\"datagrid-scroll-wrapper\">\n <div class=\"datagrid\" #datagrid>\n <clr-dg-table-wrapper class=\"datagrid-table-wrapper\">\n <div clrDgHead class=\"datagrid-head\">\n <div class=\"datagrid-row datagrid-row-flex\">\n <!-- header for datagrid where you can select multiple rows -->\n <div class=\"datagrid-column datagrid-select datagrid-fixed-column\"\n *ngIf=\"selection.selectionType === SELECTION_TYPE.Multi\">\n <span class=\"datagrid-column-title\">\n <clr-checkbox [(ngModel)]=\"allSelected\"></clr-checkbox>\n </span>\n <div class=\"datagrid-column-separator\"></div>\n </div>\n <!-- header for datagrid where you can select one row only -->\n <div class=\"datagrid-column datagrid-select datagrid-fixed-column\"\n *ngIf=\"selection.selectionType === SELECTION_TYPE.Single\">\n <div class=\"datagrid-column-separator\"></div>\n </div>\n <!-- header for single row action; only display if we have at least one actionable row in datagrid -->\n <div class=\"datagrid-column datagrid-row-actions datagrid-fixed-column\"\n *ngIf=\"rowActionService.hasActionableRow\">\n <div class=\"datagrid-column-separator\"></div>\n </div>\n <!-- header for carets; only display if we have at least one expandable row in datagrid -->\n <div class=\"datagrid-column datagrid-expandable-caret datagrid-fixed-column\"\n *ngIf=\"expandableRows.hasExpandableRow\">\n <div class=\"datagrid-column-separator\"></div>\n </div>\n <ng-content select=\"clr-dg-column\"></ng-content>\n </div>\n </div>\n\n <ng-template *ngIf=\"iterator\"\n ngFor [ngForOf]=\"items.displayed\" [ngForTrackBy]=\"items.trackBy\"\n [ngForTemplate]=\"iterator.template\"></ng-template>\n <ng-content *ngIf=\"!iterator\"></ng-content>\n\n <!-- Custom placeholder overrides the default empty one -->\n <ng-content select=\"clr-dg-placeholder\"></ng-content>\n <clr-dg-placeholder *ngIf=\"!placeholder\"></clr-dg-placeholder>\n </clr-dg-table-wrapper>\n\n <!--\n This is not inside the table because there is no good way of having a single column span\n everything when using custom elements with display:table-cell.\n -->\n <ng-content select=\"clr-dg-footer\"></ng-content>\n </div>\n </div>\n <div class=\"datagrid-spinner\" *ngIf=\"loading\">\n <div class=\"spinner\">Loading...</div>\n </div>\n </div>\n ","providers":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"}],"host":{"[class.datagrid-host]":"true"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbh"}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgLoading"]}]}],"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgRefresh"]}]}],"dataChanged":[{"__symbolic":"method"}],"iterator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"DatagridItems"}]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgSelected"]}]}],"selectedChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgSelectedChange"]}]}],"singleSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgSingleSelected"]}]}],"singleSelectedChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgSingleSelectedChange"]}]}],"rowSelectionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clDgRowSelection"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"DatagridPlaceholder"}]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"DatagridColumn"}]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"DatagridRow"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}]}},"DatagridActionBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-action-bar","template":"\n <ng-content></ng-content>\n ","host":{"[class.datagrid-action-bar]":"true"}}]}],"members":{}},"DatagridActionOverflow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-action-overflow","template":"\n <button (click)=\"toggle($event)\" type=\"button\" class=\"datagrid-action-toggle\" #anchor>\n <clr-icon shape=\"ellipsis-vertical\"></clr-icon>\n </button>\n <ng-template [(clrPopoverOld)]=\"open\" [clrPopoverOldAnchor]=\"anchor\" [clrPopoverOldAnchorPoint]=\"anchorPoint\"\n [clrPopoverOldPopoverPoint]=\"popoverPoint\">\n <div #menu class=\"datagrid-action-overflow\" (clrOutsideClick)=\"close($event)\" [clrStrict]=\"true\">\n <ng-content></ng-content>\n </div>\n </ng-template>\n "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbe"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgActionOverflowOpen"]}]}],"openChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgActionOverflowOpenChange"]}]}],"toggle":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"DatagridColumn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbj"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-column","template":"\n <div class=\"datagrid-column-flex\">\n <!-- I'm really not happy with that select since it's not very scalable -->\n <ng-content select=\"clr-dg-filter, clr-dg-string-filter\"></ng-content>\n\n <clr-dg-string-filter\n *ngIf=\"field && !customFilter\"\n [clrDgStringFilter]=\"registered\"\n [(clrFilterValue)]=\"filterValue\"></clr-dg-string-filter>\n\n <ng-template #columnTitle><ng-content></ng-content></ng-template>\n\n <button class=\"datagrid-column-title\" *ngIf=\"sortable\" (click)=\"sort()\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"columnTitle\"></ng-container>\n </button>\n\n <span class=\"datagrid-column-title\" *ngIf=\"!sortable\">\n <ng-container *ngTemplateOutlet=\"columnTitle\"></ng-container>\n </span>\n\n <div class=\"datagrid-column-separator\">\n <button #columnHandle class=\"datagrid-column-handle\" tabindex=\"-1\" type=\"button\"></button>\n <div #columnHandleTracker class=\"datagrid-column-handle-tracker\"></div>\n </div>\n </div>\n ","host":{"[class.datagrid-column]":"true","[class.datagrid-column--hidden]":"hidden"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbk"}]}],"handleElRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["columnHandle"]}]}],"handleTrackerElRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["columnHandleTracker"]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgField"]}]}],"sortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgSortBy"]}]}],"sorted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgSorted"]}]}],"sortedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgSortedChange"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgSortOrder"]}]}],"sortOrderChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrDgSortOrderChange"]}]}],"sort":[{"__symbolic":"method"}],"asc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.asc"]}]}],"desc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.desc"]}]}],"projectedFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵbl"}]}]}],"filterValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrFilterValue"]}]}],"filterValueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clrFilterValueChange"]}]}]}},"DatagridColumnToggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-column-toggle","template":"\n <button\n #anchor\n (click)=\"toggleUI()\"\n class=\"btn btn-sm btn-link column-toggle--action\"\n type=\"button\">\n <clr-icon shape=\"view-columns\"></clr-icon>\n </button>\n <div class=\"column-switch\"\n *clrPopoverOld=\"open; anchor: anchor; anchorPoint: anchorPoint; popoverPoint: popoverPoint\">\n <div class=\"switch-header\">\n <ng-container *ngIf=\"!title\">Show Columns</ng-container>\n <ng-content select=\"clr-dg-column-toggle-title\"></ng-content>\n <button\n class=\"btn btn-sm btn-link\"\n (click)=\"toggleUI()\"\n type=\"button\">\n <clr-icon\n shape=\"close\"></clr-icon>\n </button>\n </div>\n <ul class=\"switch-content list-unstyled\">\n <li *ngFor=\"let column of columns\">\n <clr-checkbox [clrChecked]=\"!column.hidden\"\n [clrDisabled]=\"column.lastVisibleColumn\"\n (clrCheckedChange)=\"toggleColumn($event, column)\">\n <ng-template [ngTemplateOutlet]=\"column.template\"></ng-template>\n </clr-checkbox>\n </li>\n </ul>\n <div class=\"switch-footer\" *ngIf=\"buttons.length > 0\">\n <ng-content select=\"clr-dg-column-toggle-button\"></ng-content>\n </div>\n <div class=\"switch-footer\" *ngIf=\"buttons.length === 0\">\n <div>\n <button\n class=\"btn btn-sm btn-link p6 text-uppercase\"\n [disabled]=\"allColumnsVisible\"\n (click)=\"selectAll()\"\n type=\"button\">Select All\n </button>\n </div>\n <div class=\"action-right\">\n <button\n (click)=\"toggleUI()\"\n class=\"btn btn-primary\"\n type=\"button\">\n Ok\n </button>\n </div>\n </div>\n </div>\n ","host":{"[class.column-switch-wrapper]":"true","[class.active]":"open"}}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"DatagridColumnToggleTitle"}]}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"DatagridColumnToggleButton"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbi"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"toggleColumn":[{"__symbolic":"method"}],"toggleUI":[{"__symbolic":"method"}]}},"DatagridColumnToggleButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-column-toggle-button","template":"\n <button\n (click)=\"click()\"\n [disabled]=\"toggleButtons.selectAllDisabled && !isOk()\"\n [ngClass]=\"getClasses()\"\n type=\"button\">\n <ng-content></ng-content>\n </button>\n ","host":{"[class.action-right]":"isOk()","[style.display]":"block"}}]}],"members":{"clrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbi"}]}],"getClasses":[{"__symbolic":"method"}],"isOk":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}]}},"DatagridColumnToggleTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-column-toggle-title","template":"<ng-content></ng-content>"}]}],"members":{}},"DatagridHideableColumnDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[clrDgHideableColumn]"}]}],"members":{"clrDgHideableColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["clrDgHideableColumn"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","name":"DatagridColumn"}]}]}},"DatagridFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbj"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"clr-dg-filter","providers":[{"provide":{"__symbolic":"reference","name":"ɵbl"},"useExisting":{"__symbolic":"reference","name":"DatagridFilter"}}],"template":"\n <button #anchor class=\"datagrid-filter-toggle\" (click)=\"toggle()\"\n [class.datagrid-filter-open]=\"open\" [class.datagrid-filtered]=\"active\"\n type=\"button\"></button>\n\n <ng-template [(clrPopoverOld)]=\"open\" [clrPopoverOldAnchor]=\"anchor\" [clrPopoverOldAnchorPoint]=\"anchorPoint\"\n [clrPopoverOldPopoverPoint]=\"popoverPoint\" [clrPopoverOldOptions]=\"popoverOptions\">\n <div class=\"datagrid-filter\">\n <!-- FIXME: this whole filter part needs a final design before we can try to have a cleaner DOM -->\n