import { Component, ViewChild } from '@angular/core';
import { IgxColumnActionsComponent } from '../column-actions/column-actions.component';
import { IgxColumnHidingDirective } from '../column-actions/column-hiding.directive';
import { BaseToolbarColumnActionsDirective } from './grid-toolbar.base';
import * as i0 from "@angular/core";
import * as i1 from "../column-actions/column-hiding.directive";
import * as i2 from "../column-actions/column-actions.component";
import * as i3 from "@angular/common";
import * as i4 from "../../directives/button/button.directive";
import * as i5 from "../../icon/icon.component";
import * as i6 from "../../directives/toggle/toggle.directive";
/**
 * Provides a pre-configured column hiding component for the grid.
 *
 *
 * @igxModule IgxGridToolbarModule
 * @igxParent IgxGridToolbarComponent
 *
 * @example
 * ```html
 *  <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
 * ```
 */
export class IgxGridToolbarHidingComponent extends BaseToolbarColumnActionsDirective {
    set content(content) {
        this.columnActionsUI = content;
    }
}
IgxGridToolbarHidingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IgxGridToolbarHidingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
IgxGridToolbarHidingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: IgxGridToolbarHidingComponent, selector: "igx-grid-toolbar-hiding", viewQueries: [{ propertyName: "content", first: true, predicate: IgxColumnHidingDirective, descendants: true, read: IgxColumnActionsComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"grid.rendered$ | async\">\n    <button [title]=\"grid?.resourceStrings.igx_grid_toolbar_hiding_button_tooltip\" #btn igxButton=\"outlined\" type=\"button\"\n        name=\"btnColumnHiding\" (click)=\"toggle(btn, ref, actions)\" [displayDensity]=\"grid.displayDensity\">\n        <igx-icon>{{ !grid.hiddenColumnsCount ? 'visibility' : 'visibility_off' }}</igx-icon>\n        <span>{{ grid.hiddenColumnsCount }}</span>\n        <span>{{ buttonText }}</span>\n    </button>\n    <igx-column-actions #actions igxColumnHiding igxToggle (opened)=\"focusSearch(ref.element)\" #ref=\"toggle\"\n        [grid]=\"grid\" [title]=\"title || grid?.resourceStrings.igx_grid_toolbar_hiding_title\"\n        [filterColumnsPrompt]=\"prompt || grid?.resourceStrings.igx_grid_toolbar_actions_filter_prompt\"\n        [hideFilter]=\"hideFilter\" [filterCriteria]=\"filterCriteria\" [columnDisplayOrder]=\"columnDisplayOrder\" [columnsAreaMaxHeight]=\"columnsAreaMaxHeight\"\n        [uncheckAllText]=\"uncheckAllText\" [checkAllText]=\"checkAllText\" [indentation]=\"indentetion\">\n    </igx-column-actions>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.IgxColumnHidingDirective, selector: "[igxColumnHiding]" }, { kind: "component", type: i2.IgxColumnActionsComponent, selector: "igx-column-actions", inputs: ["grid", "indentation", "columnsAreaMaxHeight", "hideFilter", "title", "filterColumnsPrompt", "filterCriteria", "columnDisplayOrder", "uncheckAllText", "checkAllText", "id"], outputs: ["columnToggled"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxButtonColor", "igxButtonBackground", "igxLabel", "disabled"], outputs: ["buttonClick", "buttonSelected"] }, { kind: "component", type: i5.IgxIconComponent, selector: "igx-icon", inputs: ["family", "active", "name"] }, { kind: "directive", type: i6.IgxToggleDirective, selector: "[igxToggle]", inputs: ["id"], outputs: ["opened", "opening", "closed", "closing", "appended"], exportAs: ["toggle"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IgxGridToolbarHidingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'igx-grid-toolbar-hiding', template: "<ng-container *ngIf=\"grid.rendered$ | async\">\n    <button [title]=\"grid?.resourceStrings.igx_grid_toolbar_hiding_button_tooltip\" #btn igxButton=\"outlined\" type=\"button\"\n        name=\"btnColumnHiding\" (click)=\"toggle(btn, ref, actions)\" [displayDensity]=\"grid.displayDensity\">\n        <igx-icon>{{ !grid.hiddenColumnsCount ? 'visibility' : 'visibility_off' }}</igx-icon>\n        <span>{{ grid.hiddenColumnsCount }}</span>\n        <span>{{ buttonText }}</span>\n    </button>\n    <igx-column-actions #actions igxColumnHiding igxToggle (opened)=\"focusSearch(ref.element)\" #ref=\"toggle\"\n        [grid]=\"grid\" [title]=\"title || grid?.resourceStrings.igx_grid_toolbar_hiding_title\"\n        [filterColumnsPrompt]=\"prompt || grid?.resourceStrings.igx_grid_toolbar_actions_filter_prompt\"\n        [hideFilter]=\"hideFilter\" [filterCriteria]=\"filterCriteria\" [columnDisplayOrder]=\"columnDisplayOrder\" [columnsAreaMaxHeight]=\"columnsAreaMaxHeight\"\n        [uncheckAllText]=\"uncheckAllText\" [checkAllText]=\"checkAllText\" [indentation]=\"indentetion\">\n    </igx-column-actions>\n</ng-container>\n" }]
        }], propDecorators: { content: [{
                type: ViewChild,
                args: [IgxColumnHidingDirective, { read: IgxColumnActionsComponent }]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC10b29sYmFyLWhpZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZ25pdGV1aS1hbmd1bGFyL3NyYy9saWIvZ3JpZHMvdG9vbGJhci9ncmlkLXRvb2xiYXItaGlkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lnbml0ZXVpLWFuZ3VsYXIvc3JjL2xpYi9ncmlkcy90b29sYmFyL2dyaWQtdG9vbGJhci1oaWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdkYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDckYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7O0FBR3hFOzs7Ozs7Ozs7OztHQVdHO0FBS0gsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGlDQUFpQztJQUVoRixJQUNZLE9BQU8sQ0FBQyxPQUFrQztRQUNsRCxJQUFJLENBQUMsZUFBZSxHQUFHLE9BQU8sQ0FBQztJQUNuQyxDQUFDOzswSEFMUSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix3R0FFM0Isd0JBQXdCLDJCQUFTLHlCQUF5QixvREN4QnpFLDJtQ0FjQTsyRkRRYSw2QkFBNkI7a0JBSnpDLFNBQVM7K0JBQ0kseUJBQXlCOzhCQU12QixPQUFPO3NCQURsQixTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUMsSUFBSSxFQUFFLHlCQUF5QixFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElneENvbHVtbkFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuLi9jb2x1bW4tYWN0aW9ucy9jb2x1bW4tYWN0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWd4Q29sdW1uSGlkaW5nRGlyZWN0aXZlIH0gZnJvbSAnLi4vY29sdW1uLWFjdGlvbnMvY29sdW1uLWhpZGluZy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFzZVRvb2xiYXJDb2x1bW5BY3Rpb25zRGlyZWN0aXZlIH0gZnJvbSAnLi9ncmlkLXRvb2xiYXIuYmFzZSc7XG5cblxuLyoqXG4gKiBQcm92aWRlcyBhIHByZS1jb25maWd1cmVkIGNvbHVtbiBoaWRpbmcgY29tcG9uZW50IGZvciB0aGUgZ3JpZC5cbiAqXG4gKlxuICogQGlneE1vZHVsZSBJZ3hHcmlkVG9vbGJhck1vZHVsZVxuICogQGlneFBhcmVudCBJZ3hHcmlkVG9vbGJhckNvbXBvbmVudFxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiAgPGlneC1ncmlkLXRvb2xiYXItaGlkaW5nPjwvaWd4LWdyaWQtdG9vbGJhci1oaWRpbmc+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdpZ3gtZ3JpZC10b29sYmFyLWhpZGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtdG9vbGJhci1oaWRpbmcuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIElneEdyaWRUb29sYmFySGlkaW5nQ29tcG9uZW50IGV4dGVuZHMgQmFzZVRvb2xiYXJDb2x1bW5BY3Rpb25zRGlyZWN0aXZlIHtcblxuICAgIEBWaWV3Q2hpbGQoSWd4Q29sdW1uSGlkaW5nRGlyZWN0aXZlLCB7cmVhZDogSWd4Q29sdW1uQWN0aW9uc0NvbXBvbmVudH0pXG4gICAgcHJpdmF0ZSBzZXQgY29udGVudChjb250ZW50OiBJZ3hDb2x1bW5BY3Rpb25zQ29tcG9uZW50KSB7XG4gICAgICAgIHRoaXMuY29sdW1uQWN0aW9uc1VJID0gY29udGVudDtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZ3JpZC5yZW5kZXJlZCQgfCBhc3luY1wiPlxuICAgIDxidXR0b24gW3RpdGxlXT1cImdyaWQ/LnJlc291cmNlU3RyaW5ncy5pZ3hfZ3JpZF90b29sYmFyX2hpZGluZ19idXR0b25fdG9vbHRpcFwiICNidG4gaWd4QnV0dG9uPVwib3V0bGluZWRcIiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgbmFtZT1cImJ0bkNvbHVtbkhpZGluZ1wiIChjbGljayk9XCJ0b2dnbGUoYnRuLCByZWYsIGFjdGlvbnMpXCIgW2Rpc3BsYXlEZW5zaXR5XT1cImdyaWQuZGlzcGxheURlbnNpdHlcIj5cbiAgICAgICAgPGlneC1pY29uPnt7ICFncmlkLmhpZGRlbkNvbHVtbnNDb3VudCA/ICd2aXNpYmlsaXR5JyA6ICd2aXNpYmlsaXR5X29mZicgfX08L2lneC1pY29uPlxuICAgICAgICA8c3Bhbj57eyBncmlkLmhpZGRlbkNvbHVtbnNDb3VudCB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4+e3sgYnV0dG9uVGV4dCB9fTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8aWd4LWNvbHVtbi1hY3Rpb25zICNhY3Rpb25zIGlneENvbHVtbkhpZGluZyBpZ3hUb2dnbGUgKG9wZW5lZCk9XCJmb2N1c1NlYXJjaChyZWYuZWxlbWVudClcIiAjcmVmPVwidG9nZ2xlXCJcbiAgICAgICAgW2dyaWRdPVwiZ3JpZFwiIFt0aXRsZV09XCJ0aXRsZSB8fCBncmlkPy5yZXNvdXJjZVN0cmluZ3MuaWd4X2dyaWRfdG9vbGJhcl9oaWRpbmdfdGl0bGVcIlxuICAgICAgICBbZmlsdGVyQ29sdW1uc1Byb21wdF09XCJwcm9tcHQgfHwgZ3JpZD8ucmVzb3VyY2VTdHJpbmdzLmlneF9ncmlkX3Rvb2xiYXJfYWN0aW9uc19maWx0ZXJfcHJvbXB0XCJcbiAgICAgICAgW2hpZGVGaWx0ZXJdPVwiaGlkZUZpbHRlclwiIFtmaWx0ZXJDcml0ZXJpYV09XCJmaWx0ZXJDcml0ZXJpYVwiIFtjb2x1bW5EaXNwbGF5T3JkZXJdPVwiY29sdW1uRGlzcGxheU9yZGVyXCIgW2NvbHVtbnNBcmVhTWF4SGVpZ2h0XT1cImNvbHVtbnNBcmVhTWF4SGVpZ2h0XCJcbiAgICAgICAgW3VuY2hlY2tBbGxUZXh0XT1cInVuY2hlY2tBbGxUZXh0XCIgW2NoZWNrQWxsVGV4dF09XCJjaGVja0FsbFRleHRcIiBbaW5kZW50YXRpb25dPVwiaW5kZW50ZXRpb25cIj5cbiAgICA8L2lneC1jb2x1bW4tYWN0aW9ucz5cbjwvbmctY29udGFpbmVyPlxuIl19