{"__symbolic":"module","version":4,"metadata":{"AutoTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":42,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"AutoTableComponent"}],"providers":[{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"AutoTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":58,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":68,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":69,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":79,"character":4}]}]}],"members":{}},"AutoTableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ngx-auto-table","template":"\n    <div\n      [class.isMobile]=\"config.disableMobileScroll\"\n      class=\"table-container mat-elevation-z8\"\n    >\n      <ngx-auto-table-header\n        [config]=\"config\"\n        [$setSearchText]=\"stateManager.$updatedSearch\"\n        [IsPerformingBulkAction]=\"IsPerformingBulkAction\"\n        [HasNoItems]=\"$HasNoItems | async\"\n        [IsMaxReached]=\"$IsMaxReached | async\"\n        [headerKeyValues]=\"\n          columnsManager.HeadersChoicesKeyValuesSorted$ | async\n        \"\n        [selectionMultiple]=\"selectionMultiple\"\n        [selectedHeaderKeys]=\"columnsManager.HeadersVisible$ | async\"\n        (searchChanged)=\"onSearchTextChanged($event)\"\n        (searchHeadersChanged)=\"onSearchHeadersChanged($event)\"\n        (columnsChanged)=\"onColumnsChanged($event)\"\n        (bulkActionStatus)=\"IsPerformingBulkAction = $event\"\n      ></ngx-auto-table-header>\n      <ngx-auto-table-content\n        [IsPerformingBulkAction]=\"IsPerformingBulkAction\"\n        [IsAllSelected]=\"$IsAllSelected | async\"\n        [IsMaxReached]=\"$IsMaxReached | async\"\n        [HasNoItems]=\"$HasNoItems | async\"\n        [HeadersVisible]=\"columnsManager.HeadersVisible$ | async\"\n        [config]=\"config\"\n        [debug]=\"config?.debug\"\n        [dataSource]=\"dataSource\"\n        [selectionMultiple]=\"selectionMultiple\"\n        [selectionSingle]=\"selectionSingle\"\n        [columnDefinitionsAll]=\"columnsManager.AllColumnDefinitions\"\n        (filtersChanged)=\"onFilterChanged($event)\"\n      ></ngx-auto-table-content>\n      <ngx-auto-table-footer\n        [HasNoItems]=\"$HasNoItems | async\"\n        [IsLoading]=\"$IsLoading | async\"\n        [config]=\"config\"\n        [dataSourceData]=\"dataSource?.data\"\n        [dataSource]=\"dataSource\"\n        [noItemsMessage]=\"config?.noItemsFoundPlaceholder\"\n        [pageIndex]=\"stateManager.$updatedPageIndex | async\"\n        [pageSize]=\"stateManager.$updatedPageSize | async\"\n        (pageIndexChanged)=\"stateManager.patchPageIndex($event)\"\n        (pageSizeChanged)=\"stateManager.patchPageSize($event)\"\n      ></ngx-auto-table-footer>\n    </div>\n  ","styles":["\n      .table-container {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n      }\n      .isMobile {\n        overflow-x: hidden;\n      }\n      ngx-auto-table-content {\n        overflow-x: auto;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"columnDefinitions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":138,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initDataChanges":[{"__symbolic":"method"}],"initResponsive":[{"__symbolic":"method"}],"reInitializeVariables":[{"__symbolic":"method"}],"initializeConfigTriggers":[{"__symbolic":"method"}],"initFilters":[{"__symbolic":"method"}],"initTable":[{"__symbolic":"method"}],"onRefreshDefaultColumns":[{"__symbolic":"method"}],"onRefreshMobileDefaultColumns":[{"__symbolic":"method"}],"onRefreshTabletDefaultColumns":[{"__symbolic":"method"}],"onSearchHeadersChanged":[{"__symbolic":"method"}],"onColumnsChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onSearchTextChanged":[{"__symbolic":"method"}]}},"ActionDefinition":{"__symbolic":"interface"},"ActionDefinitionBulk":{"__symbolic":"interface"},"ColumnDefinition":{"__symbolic":"interface"},"FilterOptions":{"__symbolic":"interface"},"ColumnDefinitionMap":{"__symbolic":"interface"},"AutoTableConfig":{"__symbolic":"interface"},"TableFiltersState":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"lodash_get","pure":true}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-auto-app-table-loader","template":"\n    <mat-toolbar-row>\n      <div class=\"loader-container is-button-icon\">\n        <div class=\"loader-div\">\n          <mat-spinner [diameter]=\"40\"></mat-spinner>\n        </div>\n      </div>\n    </mat-toolbar-row>\n  ","styles":["\n      .loader-container {\n        width: 100% !important;\n        display: flex !important;\n        padding: 0px 0px;\n        z-index: 100000000;\n      }\n      .loader-div {\n        margin: auto;\n      }\n      .loader-container,\n      .is-button-icon {\n        display: inline-block;\n        margin: 0;\n        margin-bottom: -4px;\n        margin-right: 5px;\n      }\n    "]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-auto-app-toolbar-loader","template":"\n    <div class=\"loader-container is-button-icon\">\n      <div class=\"loader-div\">\n        <mat-spinner [diameter]=\"60\"></mat-spinner>\n      </div>\n    </div>\n  ","styles":["\n      .loader-container {\n        display: flex !important;\n        padding: 0px 0px;\n        z-index: 100000000;\n      }\n      .loader-div {\n        margin: auto;\n      }\n      .loader-container,\n      .is-button-icon {\n        display: inline-block;\n        margin: 0;\n        margin-top: 10px;\n        margin-bottom: -4px;\n        margin-right: 5px;\n      }\n    "]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-table-csv-export","template":"\n    <button\n      *ngIf=\"data?.length\"\n      (click)=\"onClickDownload()\"\n      mat-raised-button\n      title=\"Export as CSV\"\n    >\n      <mat-icon>file_download</mat-icon>\n      <span>Export CSV</span>\n    </button>\n  ","styles":["\n      a {\n        color: black;\n      }\n      mat-icon {\n        padding-right: 5px;\n      }\n    "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"exportFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"filename":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"onClickDownload":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-auto-table-actions-menu","template":"\n    <div\n      *ngIf=\"actions?.length\"\n      class=\"flex flex-row-reverse items-center content-start\"\n    >\n      <button\n        class=\"mr-10\"\n        *ngIf=\"(actionsVisibleCount || 0) < actions.length\"\n        mat-mini-fab\n        color=\"secondary\"\n        [disabled]=\"isPerformingBulkAction\"\n        [matMenuTriggerFor]=\"rowMenu\"\n      >\n        <mat-icon color=\"dark\">more_vert</mat-icon>\n      </button>\n      <mat-menu #rowMenu=\"matMenu\" class=\"row-menu\">\n        <div\n          mat-menu-item\n          *ngFor=\"\n            let action of actions\n              | slice: actionsVisibleCount || 0:actions.length\n          \"\n          [matTooltip]=\"\n            action.disabledTooltip ||\n            'Action [' + action.label + '] is disabled'\n          \"\n          [matTooltipDisabled]=\"\n            !(!!action.disabledByRowField && row[action.disabledByRowField])\n          \"\n        >\n          <button\n            class=\"mr-10\"\n            mat-menu-item\n            *ngIf=\"action.onClick\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            (click)=\"onClickedAction(action, row)\"\n          >\n            <mat-icon [color]=\"action.iconColor\">{{ action.icon }}</mat-icon>\n            <span>{{ action.label }}</span>\n          </button>\n          <a\n            class=\"mr-10\"\n            mat-menu-item\n            *ngIf=\"action.onRouterLink && !action.routerLinkQuery\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            [routerLink]=\"['/' + action.onRouterLink(row)]\"\n          >\n            <mat-icon [color]=\"action.iconColor\">{{ action.icon }}</mat-icon>\n            <span>{{ action.label }}</span>\n          </a>\n          <a\n            class=\"mr-10\"\n            mat-menu-item\n            *ngIf=\"action.onRouterLink && action.routerLinkQuery\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            [routerLink]=\"['/' + action.onRouterLink(row)]\"\n            [queryParams]=\"action.routerLinkQuery(row)\"\n          >\n            <mat-icon [color]=\"action.iconColor\">{{ action.icon }}</mat-icon>\n            <span>{{ action.label }}</span>\n          </a>\n        </div>\n      </mat-menu>\n      <div class=\"flex\" *ngIf=\"actionsVisibleCount as visibleCount\">\n        <div\n          *ngFor=\"let action of actions | slice: 0:visibleCount\"\n          [matTooltip]=\"\n            action.disabledTooltip ||\n            'Action [' + action.label + '] is disabled'\n          \"\n          [matTooltipDisabled]=\"\n            !(!!action.disabledByRowField && row[action.disabledByRowField])\n          \"\n        >\n          <button\n            class=\"mr-10\"\n            mat-mini-fab\n            *ngIf=\"action.onClick\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            (click)=\"onClickedAction(action, row)\"\n            [matTooltip]=\"action.label\"\n            [color]=\"action.iconColor || 'accent'\"\n          >\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </button>\n          <a\n            class=\"mr-10\"\n            mat-mini-fab\n            *ngIf=\"action.onRouterLink && !action.routerLinkQuery\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            [routerLink]=\"['/' + action.onRouterLink(row)]\"\n            [matTooltip]=\"action.label\"\n            [color]=\"action.iconColor || 'accent'\"\n          >\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </a>\n          <a\n            class=\"mr-10\"\n            mat-mini-fab\n            *ngIf=\"action.onRouterLink && action.routerLinkQuery\"\n            [disabled]=\"\n              !!action.disabledByRowField && row[action.disabledByRowField]\n            \"\n            [routerLink]=\"['/' + action.onRouterLink(row)]\"\n            [queryParams]=\"action.routerLinkQuery(row)\"\n            [matTooltip]=\"action.label\"\n            [color]=\"action.iconColor || 'accent'\"\n          >\n            <mat-icon>{{ action.icon }}</mat-icon>\n          </a>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n      .flex-row-reverse {\n        flex-direction: row-reverse;\n      }\n      .items-center {\n        align-items: center;\n      }\n      .content-start {\n        justify-content: flex-start;\n      }\n      .flex {\n        display: flex;\n      }\n      .mr-10 {\n        margin-right: 10px;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"actionsVisibleCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"isPerformingBulkAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClickedAction":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ngx-auto-table-footer","template":"\n    <mat-toolbar class=\"mat-elevation-z8 overflow-hidden expansion-joint\">\n      <mat-toolbar-row> </mat-toolbar-row>\n    </mat-toolbar>\n    <mat-toolbar class=\"mat-elevation-z8 overflow-hidden\">\n      <mat-toolbar-row *ngIf=\"IsLoading\">\n        <ngx-auto-app-toolbar-loader\n          class=\"full-width\"\n        ></ngx-auto-app-toolbar-loader>\n      </mat-toolbar-row>\n      <mat-toolbar-row *ngIf=\"IsLoading\">\n        <h1 class=\"no-items\">Loading...</h1>\n      </mat-toolbar-row>\n      <mat-toolbar-row *ngIf=\"HasNoItems\">\n        <h1 class=\"no-items\">{{ noItemsMessage || 'No items found' }}</h1>\n      </mat-toolbar-row>\n      <mat-toolbar-row class=\"paginator-row\">\n        <app-table-csv-export\n          *ngIf=\"exportFilename\"\n          [data]=\"rawData\"\n          [exportFunction]=\"exportFunction\"\n          [filename]=\"exportFilename\"\n        ></app-table-csv-export>\n        <mat-paginator\n          #paginator\n          [hidden]=\"config.hidePaginator\"\n          (page)=\"onPageChange($event)\"\n          [pageSize]=\"config.pageSize || defaultPageSize\"\n          [pageSizeOptions]=\"defaultPageOptions\"\n        >\n        </mat-paginator>\n      </mat-toolbar-row>\n    </mat-toolbar>\n  ","styles":["\n      .no-items,\n      ngx-auto-app-table-loader {\n        text-align: center;\n        padding: 20px;\n        width: 100%;\n      }\n      .no-items {\n        color: #555;\n      }\n      .mat-paginator {\n        background-color: transparent;\n      }\n      .paginator-row {\n        display: flex;\n        align-items: centered;\n        justify-content: space-between;\n        height: unset;\n      }\n      .full-width {\n        width: 100%;\n      }\n      .expansion-joint {\n        flex-grow: 1;\n        min-height: 0px;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"IsLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"HasNoItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"noItemsMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"dataSourceData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"pageSizeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"pageIndexChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":132,"character":3},"arguments":["paginator",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onPageChange":[{"__symbolic":"method"}],"initExport":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"ngx-auto-table-content","template":"\n    <table\n      mat-table\n      #table\n      matSort\n      [matSortActive]=\"config.initialSort\"\n      [matSortDirection]=\"config.initialSortDir\"\n      [dataSource]=\"dataSource\"\n      style=\"width:100%;\"\n      class=\"mat-elevation-z8\"\n    >\n      <!-- All header definitions given to ngx-auto-table -->\n      <ng-container\n        *ngFor=\"let def of $ColumnDefinitions | async\"\n        [matColumnDef]=\"def.field\"\n      >\n        <th mat-header-cell *matHeaderCellDef>\n          <div class=\"flex items-center\">\n            <span mat-sort-header>{{ def.header_pretty }}</span>\n            <ngx-auto-table-filter-button\n              *ngIf=\"!!def.filter\"\n              [filter]=\"def.filter\"\n              [header]=\"def.header_pretty\"\n              [controlStringOptions]=\"def.$string_options | async\"\n              (filterBy)=\"onFilterBy($event, def.field)\"\n            >\n            </ngx-auto-table-filter-button>\n          </div>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"bg-unset\">\n          <div *ngIf=\"!def.template\" [class.break-words]=\"def.forceWrap\">\n            {{ row | lodash_get : def.field }}\n          </div>\n          <div *ngIf=\"def.template\">\n            <div\n              *ngTemplateOutlet=\"def.template; context: { $implicit: row }\"\n            ></div>\n          </div>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"__bulk\" stickyEnd>\n        <th mat-header-cell *matHeaderCellDef class=\"is-transparent\">\n          <mat-checkbox\n            [disabled]=\"IsPerformingBulkAction || HasNoItems\"\n            (change)=\"onClickMasterToggle()\"\n            [checked]=\"selectionMultiple.hasValue() && IsAllSelected\"\n            [indeterminate]=\"selectionMultiple.hasValue() && !IsAllSelected\"\n          >\n          </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"bg-unset bg-initial bulk-checkbox\">\n          <mat-checkbox\n            [disabled]=\"IsPerformingBulkAction\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"onClickBulkItem($event, row)\"\n            [checked]=\"selectionMultiple.isSelected(row)\"\n          >\n          </mat-checkbox>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"__star\" stickyEnd>\n        <th mat-header-cell *matHeaderCellDef class=\"is-transparent\"></th>\n        <td mat-cell *matCellDef=\"let row\">\n          <ngx-auto-table-actions-menu\n            [row]=\"row\"\n            [actions]=\"config?.actions\"\n            [actionsVisibleCount]=\"config?.actionsVisibleCount\"\n            [isPerformingBulkAction]=\"IsPerformingBulkAction\"\n          ></ngx-auto-table-actions-menu>\n        </td>\n      </ng-container>\n\n      <!-- Show only visible definitions -->\n      <tr\n        mat-header-row\n        *matHeaderRowDef=\"HeadersVisible\"\n        [hidden]=\"config.hideHeader\"\n      ></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: HeadersVisible\"\n        (click)=\"onClickRow(row)\"\n        (dblclick)=\"onDoubleClickRow(row)\"\n        [class.selected-row-multiple]=\"\n          !config.disableSelect && selectionMultiple.isSelected(row)\n        \"\n        [class.selected-row-single]=\"\n          !config.disableSelect && selectionSingle.isSelected(row)\n        \"\n        [class.has-pointer]=\"!config.disableSelect && config.onSelectItem\"\n        [class.hover-row]=\"!(config.disableSelect && config.disableHoverEffect)\"\n      ></tr>\n    </table>\n  ","styles":["\n      .flex {\n        display: flex;\n      }\n      .items-center {\n        align-items: center;\n      }\n      .has-pointer {\n        cursor: pointer;\n      }\n      .hover-row:hover {\n        filter: brightness(0.9) hue-rotate(15deg);\n      }\n      .selected-row-single {\n        filter: brightness(0.8) hue-rotate(15deg);\n      }\n      .selected-row-multiple {\n        filter: brightness(0.7) hue-rotate(15deg);\n      }\n      .break-words {\n        word-break: break-all;\n      }\n      .bulk-checkbox {\n        width: 30px;\n      }\n      .bg-initial {\n        background: initial;\n      }\n      .bg-unset {\n        background: unset;\n      }\n      .is-transparent {\n        background: transparent;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"IsPerformingBulkAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"IsAllSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"IsMaxReached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"HasNoItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"HeadersVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"columnDefinitionsAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"selectionMultiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}}]}],"selectionSingle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"debug":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"filtersChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":210,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":210,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClickMasterToggle":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"onClickBulkItem":[{"__symbolic":"method"}],"onFilterBy":[{"__symbolic":"method"}],"onClickRow":[{"__symbolic":"method"}],"onDoubleClickRow":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":5,"character":32}]}],"warn":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ngx-auto-table-filter-button","template":"\n    <button\n      mat-icon-button\n      #btnApps\n      [matBadge]=\"($filtersActive | async) ? '1' : null\"\n      [matMenuTriggerFor]=\"settingsMenu\"\n      [matTooltip]=\"'Filter column'\"\n    >\n      <mat-icon>filter_list</mat-icon>\n    </button>\n    <mat-menu #settingsMenu=\"matMenu\">\n      <h3 class=\"panel-header\">Filter column</h3>\n      <button\n        class=\"m-4\"\n        mat-raised-button\n        (click)=\"$event.stopPropagation(); onClickClear()\"\n        color=\"primary\"\n      >\n        <mat-icon>clear</mat-icon>\n        Clear Filters\n      </button>\n      <div class=\"m-4\" *ngIf=\"!!filter?.bool\">\n        <mat-checkbox\n          [formControl]=\"controlBool\"\n          [indeterminate]=\"controlBool.value == null\"\n          (change)=\"controlBool.setValue($event.checked)\"\n          color=\"primary\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ header }}\n        </mat-checkbox>\n      </div>\n      <div class=\"m-4\" *ngIf=\"!!filter?.string\">\n        <mat-form-field class=\"filter-columns overflow-hidden\">\n          <mat-icon matPrefix>local_offer</mat-icon>\n          <mat-select\n            [placeholder]=\"'Filter by Value'\"\n            [formControl]=\"controlString\"\n            multiple\n            (click)=\"$event.stopPropagation()\"\n          >\n            <mat-option\n              *ngFor=\"let item of controlStringOptions\"\n              [value]=\"item\"\n            >\n              {{ item }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div class=\"m-4\" *ngIf=\"!!filter?.stringArray\">\n        <mat-form-field class=\"filter-columns overflow-hidden\">\n          <mat-icon matPrefix matTooltip=\"∞\">local_offer</mat-icon>\n          <mat-select\n            [placeholder]=\"'Filter by Value'\"\n            [formControl]=\"controlStringArray\"\n            (click)=\"$event.stopPropagation()\"\n            multiple\n          >\n            <mat-option\n              *ngFor=\"let item of controlStringOptions\"\n              [value]=\"item\"\n            >\n              {{ item }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n    </mat-menu>\n  ","styles":["\n      .m-4 {\n        margin: 10px;\n      }\n      .panel-header {\n        margin: 0;\n        margin-bottom: 4px;\n        text-align: center;\n      }\n    "]}]}],"members":{"fieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"filterBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":3}}]}],"controlStringOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"onClickClear":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":54,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"declarations":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"providers":[]}]}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-auto-table-header","template":"\n    <div\n      class=\"table-header auto-elevation overflow-hidden\"\n      [class.addRightPixel]=\"config?.hideHeader\"\n      [hidden]=\"\n        (config?.hideFilter && config?.hideChooseColumns) ||\n        config?.hideHeader ||\n        HasNoItems\n      \"\n    >\n      <div class=\"relative\">\n        <mat-toolbar class=\"mat-elevation-z8\">\n          <mat-toolbar-row class=\"flex-h align-center space-between\">\n            <ngx-auto-table-header-search\n              [debug]=\"config?.debug\"\n              [hasFilterByColumn]=\"config?.searchByColumnOption\"\n              [hidden]=\"HasNoItems || config?.hideFilter\"\n              [filterText]=\"config?.filterText\"\n              [$setSearchText]=\"$setSearchText\"\n              [$clearTrigger]=\"$clearTrigger\"\n              (searchChanged)=\"onSearchChanged($event)\"\n              [headerKeyValues]=\"headerKeyValues\"\n              (searchHeadersChanged)=\"onSearchHeadersChanged($event)\"\n            ></ngx-auto-table-header-search>\n            <ngx-auto-table-header-columns-chooser\n              [hidden]=\"HasNoItems || config?.hideChooseColumns\"\n              [headerKeyValues]=\"headerKeyValues\"\n              [cacheId]=\"config?.cacheId\"\n              [selectedHeaderKeys]=\"selectedHeaderKeys\"\n              (columnsChanged)=\"onColumnsChanged($event)\"\n            ></ngx-auto-table-header-columns-chooser>\n          </mat-toolbar-row>\n        </mat-toolbar>\n        <mat-toolbar\n          class=\"bulk-actions flex-h align-center mat-primary overflow-x-auto overflow-y-hidden\"\n          *ngIf=\"hasInitialized && config?.actionsBulk?.length && !HasNoItems\"\n          [hidden]=\"\n            !hasInitialized || HasNoItems || !config?.actionsBulk?.length\n          \"\n          [class.hide-header]=\"!selectionMultiple?.selected?.length\"\n        >\n          <mat-toolbar-row class=\"flex-h align-center space-between\">\n            <div class=\"flex-h align-center\">\n              <button\n                class=\"mr-10\"\n                mat-raised-button\n                [disabled]=\"IsPerformingBulkAction\"\n                (click)=\"onClickCancelBulk()\"\n              >\n                <mat-icon>clear</mat-icon>\n                <span>Cancel</span>\n              </button>\n              <ngx-auto-table-header-search\n                [debug]=\"config?.debug\"\n                [hasFilterByColumn]=\"config?.searchByColumnOption\"\n                [filterText]=\"config?.filterText\"\n                [$setSearchText]=\"$setSearchText\"\n                [$clearTrigger]=\"$clearTrigger\"\n                (searchChanged)=\"onSearchChanged($event)\"\n                [headerKeyValues]=\"headerKeyValues\"\n                (searchHeadersChanged)=\"onSearchHeadersChanged($event)\"\n              ></ngx-auto-table-header-search>\n              <span class=\"item-count\">\n                ({{ selectionMultiple.selected.length }} Selected)\n              </span>\n              <span *ngIf=\"!IsPerformingBulkAction\" class=\"item-count\">\n                {{ IsMaxReached ? ' Max Reached!' : '' }}\n              </span>\n              <span *ngIf=\"IsPerformingBulkAction\" class=\"item-count\">\n                Performing action...\n              </span>\n            </div>\n            <span class=\"buttons flex-h align-center\">\n              <button\n                mat-raised-button\n                color=\"secondary\"\n                class=\"ml-10\"\n                [disabled]=\"IsPerformingBulkAction\"\n                *ngFor=\"let action of config?.actionsBulk\"\n                (click)=\"onClickBulkAction(action, btnBulkLoader)\"\n              >\n                <ngx-auto-table-btn-loader\n                  [disabled]=\"true\"\n                  #btnBulkLoader\n                ></ngx-auto-table-btn-loader>\n                <mat-icon>{{ action.icon }}</mat-icon>\n                <span>{{ action.label }}</span>\n              </button>\n            </span>\n          </mat-toolbar-row>\n        </mat-toolbar>\n      </div>\n    </div>\n  ","styles":["\n      .addRightPixel {\n        width: calc(100% - 1px);\n      }\n      .relative {\n        position: relative;\n      }\n      .flex-h {\n        display: flex;\n        flex-direction: row;\n      }\n      .space-between {\n        justify-content: space-between;\n      }\n      .align-center {\n        align-items: center;\n      }\n      .auto-elevation {\n        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n          0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n          0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n      }\n      .bulk-actions {\n        position: absolute;\n        top: 0px;\n        transition: all 0.7s;\n        width: 100%;\n        height: 100%;\n      }\n      .item-count {\n        padding-left: 10px;\n      }\n      .table-header {\n        width: 100%;\n      }\n      .hide-header {\n        top: -70px !important;\n        overflow: hidden !important;\n        height: 0px;\n      }\n      .overflow-x-auto {\n        overflow-x: auto;\n      }\n      .overflow-y-hidden {\n        overflow-y: hidden;\n      }\n      .mr-10 {\n        margin-right: 10px;\n      }\n      .ml-10 {\n        margin-left: 10px;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"$setSearchText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"IsPerformingBulkAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"HasNoItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"IsMaxReached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"headerKeyValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"selectedHeaderKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"selectionMultiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"searchChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3}}]}],"searchHeadersChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":3}}]}],"columnsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":3}}]}],"bulkActionStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":188,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClickBulkAction":[{"__symbolic":"method"}],"onClickCancelBulk":[{"__symbolic":"method"}],"onSearchChanged":[{"__symbolic":"method"}],"onColumnsChanged":[{"__symbolic":"method"}],"onSearchHeadersChanged":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ngx-auto-table-header-search","template":"\n    <div class=\"flex-h align-center\">\n      <mat-form-field class=\"filter-search\">\n        <mat-icon matPrefix>search</mat-icon>\n        <input\n          matInput\n          [formControl]=\"searchControl\"\n          [placeholder]=\"this.filterText || 'Search Rows...'\"\n          [name]=\"autoCompleteObscureName\"\n          autocomplete=\"dontcompleteme\"\n          #filterFieldBulk\n        />\n        <mat-icon class=\"has-pointer\" matSuffix (click)=\"searchControl.reset()\"\n          >clear</mat-icon\n        >\n      </mat-form-field>\n      <div [class.hide]=\"!hasFilterByColumn\">\n        <button mat-mini-fab (click)=\"matSelect.open()\">\n          <mat-icon>filter_list</mat-icon>\n        </button>\n        <div class=\"hide\">\n          <mat-select\n            #matSelect\n            [formControl]=\"chooseSearchColumnsControl\"\n            multiple\n          >\n            <mat-option [value]=\"SELECT_ALL_KEY\" (click)=\"toggleSelectAllColumns()\">\n              Select All\n            </mat-option>\n            <mat-optgroup label=\"Filter By\">\n              <mat-option *ngFor=\"let h of headerKeyValues\" [value]=\"h.key\">\n                {{ h.value }}\n              </mat-option>\n            </mat-optgroup>\n          </mat-select>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n      .flex-h {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n      }\n      .filter-search {\n        margin-top: 11px;\n        margin-bottom: -9px;\n        margin-right: 20px;\n      }\n      .has-pointer {\n        cursor: pointer;\n      }\n      .hidden {\n        display: hidden;\n      }\n      .hide {\n        width: 0px;\n        height: 0px;\n        overflow: hidden;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"debug":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"filterText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"hasFilterByColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"headerKeyValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"$setSearchText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"$clearTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"searchChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"searchHeadersChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleSelectAllColumns":[{"__symbolic":"method"}],"selectAllColumns":[{"__symbolic":"method"}],"getSearchByColumns":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ngx-auto-table-header-columns-chooser","template":"\n    <mat-form-field class=\"filter-columns overflow-hidden\">\n      <mat-icon matPrefix>view_column</mat-icon>\n      <mat-select\n        placeholder=\"Choose Columns...\"\n        [formControl]=\"chooseColumnsControl\"\n        multiple\n      >\n        <mat-option *ngFor=\"let h of headerKeyValues\" [value]=\"h.key\">\n          {{ h.value }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  ","styles":["\n      .filter-columns {\n        margin-top: 11px;\n        margin-bottom: -9px;\n      }\n    ",".overflow-hidden{overflow:hidden}mat-toolbar-row{height:unset}td.mat-table-sticky{padding-left:4px}"]}]}],"members":{"headerKeyValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"cacheId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"selectedHeaderKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"columnsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getCacheId":[{"__symbolic":"method"}],"columnsSetFromCache":[{"__symbolic":"method"}],"columnsCacheSetToCache":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-auto-table-btn-loader","template":"\n    <div *ngIf=\"!disabled\" class=\"loader-container is-button-icon\">\n      <div class=\"loader-div color-invert\">\n        <mat-spinner [diameter]=\"20\"></mat-spinner>\n      </div>\n    </div>\n  ","styles":["\n      .color-invert {\n        filter: invert(1);\n      }\n      .loader-container {\n        width: 100%;\n        display: flex;\n        margin: 25px 0px;\n      }\n      .loader-div {\n        margin: auto;\n      }\n      .loader-container,\n      .is-button-icon {\n        display: inline-block;\n        margin: 0;\n        width: fit-content;\n        margin-bottom: -4px;\n        margin-right: 5px;\n      }\n    "]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}]}}},"origins":{"AutoTableModule":"./lib/ngx-auto-table.module","AutoTableComponent":"./lib/ngx-auto-table.component","ActionDefinition":"./lib/models","ActionDefinitionBulk":"./lib/models","ColumnDefinition":"./lib/models","FilterOptions":"./lib/models","ColumnDefinitionMap":"./lib/models","AutoTableConfig":"./lib/models","TableFiltersState":"./lib/models","ɵa":"./lib/table/lodash_get.pipe","ɵb":"./lib/loaders/table-loader.component","ɵc":"./lib/loaders/toolbar-loader.component","ɵd":"./lib/footer/app-table-csv-export.component","ɵe":"./lib/table/actions-menu.component","ɵf":"./lib/footer/table-footer","ɵg":"./lib/table/table-content.component","ɵh":"./lib/table-notify.service","ɵi":"./lib/table/table-filter-button.component","ɵj":"./lib/header/table-header.module","ɵk":"./lib/header/table-header.component","ɵl":"./lib/header/table-header-search.component","ɵm":"./lib/header/table-header-columns-chooser","ɵn":"./lib/header/btn-loader.component"},"importAs":"ngx-auto-table"}