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 "../../icon/icon.component";
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 "../column-actions/column-hiding.directive";
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: "13.0.0", ngImport: i0, type: IgxGridToolbarHidingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
IgxGridToolbarHidingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.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\"\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", components: [{ type: i1.IgxIconComponent, selector: "igx-icon", inputs: ["family", "active", "name"] }, { type: i2.IgxColumnActionsComponent, selector: "igx-column-actions", inputs: ["grid", "indentation", "columnsAreaMaxHeight", "hideFilter", "title", "filterColumnsPrompt", "filterCriteria", "columnDisplayOrder", "uncheckAllText", "checkAllText", "id"], outputs: ["columnToggled"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxButtonColor", "igxButtonBackground", "igxLabel", "disabled"], outputs: ["buttonClick", "buttonSelected"] }, { type: i5.IgxColumnHidingDirective, selector: "[igxColumnHiding]" }, { type: i6.IgxToggleDirective, selector: "[igxToggle]", inputs: ["id"], outputs: ["opened", "opening", "closed", "closing", "appended"], exportAs: ["toggle"] }], pipes: { "async": i3.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.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\"\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC10b29sYmFyLWhpZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZ25pdGV1aS1hbmd1bGFyL3NyYy9saWIvZ3JpZHMvdG9vbGJhci9ncmlkLXRvb2xiYXItaGlkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lnbml0ZXVpLWFuZ3VsYXIvc3JjL2xpYi9ncmlkcy90b29sYmFyL2dyaWQtdG9vbGJhci1oaWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdkYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDckYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7O0FBR3hFOzs7Ozs7Ozs7OztHQVdHO0FBS0gsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGlDQUFpQztJQUVoRixJQUNZLE9BQU8sQ0FBQyxPQUFrQztRQUNsRCxJQUFJLENBQUMsZUFBZSxHQUFHLE9BQU8sQ0FBQztJQUNuQyxDQUFDOzswSEFMUSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix3R0FFM0Isd0JBQXdCLDJCQUFTLHlCQUF5QixvREN4QnpFLDJsQ0FjQTsyRkRRYSw2QkFBNkI7a0JBSnpDLFNBQVM7K0JBQ0kseUJBQXlCOzhCQU12QixPQUFPO3NCQURsQixTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUMsSUFBSSxFQUFFLHlCQUF5QixFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElneENvbHVtbkFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuLi9jb2x1bW4tYWN0aW9ucy9jb2x1bW4tYWN0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWd4Q29sdW1uSGlkaW5nRGlyZWN0aXZlIH0gZnJvbSAnLi4vY29sdW1uLWFjdGlvbnMvY29sdW1uLWhpZGluZy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFzZVRvb2xiYXJDb2x1bW5BY3Rpb25zRGlyZWN0aXZlIH0gZnJvbSAnLi9ncmlkLXRvb2xiYXIuYmFzZSc7XG5cblxuLyoqXG4gKiBQcm92aWRlcyBhIHByZS1jb25maWd1cmVkIGNvbHVtbiBoaWRpbmcgY29tcG9uZW50IGZvciB0aGUgZ3JpZC5cbiAqXG4gKlxuICogQGlneE1vZHVsZSBJZ3hHcmlkVG9vbGJhck1vZHVsZVxuICogQGlneFBhcmVudCBJZ3hHcmlkVG9vbGJhckNvbXBvbmVudFxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiAgPGlneC1ncmlkLXRvb2xiYXItaGlkaW5nPjwvaWd4LWdyaWQtdG9vbGJhci1oaWRpbmc+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdpZ3gtZ3JpZC10b29sYmFyLWhpZGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtdG9vbGJhci1oaWRpbmcuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIElneEdyaWRUb29sYmFySGlkaW5nQ29tcG9uZW50IGV4dGVuZHMgQmFzZVRvb2xiYXJDb2x1bW5BY3Rpb25zRGlyZWN0aXZlIHtcblxuICAgIEBWaWV3Q2hpbGQoSWd4Q29sdW1uSGlkaW5nRGlyZWN0aXZlLCB7cmVhZDogSWd4Q29sdW1uQWN0aW9uc0NvbXBvbmVudH0pXG4gICAgcHJpdmF0ZSBzZXQgY29udGVudChjb250ZW50OiBJZ3hDb2x1bW5BY3Rpb25zQ29tcG9uZW50KSB7XG4gICAgICAgIHRoaXMuY29sdW1uQWN0aW9uc1VJID0gY29udGVudDtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZ3JpZC5yZW5kZXJlZCQgfCBhc3luY1wiPlxuICAgIDxidXR0b24gW3RpdGxlXT1cImdyaWQ/LnJlc291cmNlU3RyaW5ncy5pZ3hfZ3JpZF90b29sYmFyX2hpZGluZ19idXR0b25fdG9vbHRpcFwiICNidG4gaWd4QnV0dG9uPVwib3V0bGluZWRcIlxuICAgICAgICBuYW1lPVwiYnRuQ29sdW1uSGlkaW5nXCIgKGNsaWNrKT1cInRvZ2dsZShidG4sIHJlZiwgYWN0aW9ucylcIiBbZGlzcGxheURlbnNpdHldPVwiZ3JpZC5kaXNwbGF5RGVuc2l0eVwiPlxuICAgICAgICA8aWd4LWljb24+e3sgIWdyaWQuaGlkZGVuQ29sdW1uc0NvdW50ID8gJ3Zpc2liaWxpdHknIDogJ3Zpc2liaWxpdHlfb2ZmJyB9fTwvaWd4LWljb24+XG4gICAgICAgIDxzcGFuPnt7IGdyaWQuaGlkZGVuQ29sdW1uc0NvdW50IH19PC9zcGFuPlxuICAgICAgICA8c3Bhbj57eyBidXR0b25UZXh0IH19PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICAgIDxpZ3gtY29sdW1uLWFjdGlvbnMgI2FjdGlvbnMgaWd4Q29sdW1uSGlkaW5nIGlneFRvZ2dsZSAob3BlbmVkKT1cImZvY3VzU2VhcmNoKHJlZi5lbGVtZW50KVwiICNyZWY9XCJ0b2dnbGVcIlxuICAgICAgICBbZ3JpZF09XCJncmlkXCIgW3RpdGxlXT1cInRpdGxlIHx8IGdyaWQ/LnJlc291cmNlU3RyaW5ncy5pZ3hfZ3JpZF90b29sYmFyX2hpZGluZ190aXRsZVwiXG4gICAgICAgIFtmaWx0ZXJDb2x1bW5zUHJvbXB0XT1cInByb21wdCB8fCBncmlkPy5yZXNvdXJjZVN0cmluZ3MuaWd4X2dyaWRfdG9vbGJhcl9hY3Rpb25zX2ZpbHRlcl9wcm9tcHRcIlxuICAgICAgICBbaGlkZUZpbHRlcl09XCJoaWRlRmlsdGVyXCIgW2ZpbHRlckNyaXRlcmlhXT1cImZpbHRlckNyaXRlcmlhXCIgW2NvbHVtbkRpc3BsYXlPcmRlcl09XCJjb2x1bW5EaXNwbGF5T3JkZXJcIiBbY29sdW1uc0FyZWFNYXhIZWlnaHRdPVwiY29sdW1uc0FyZWFNYXhIZWlnaHRcIlxuICAgICAgICBbdW5jaGVja0FsbFRleHRdPVwidW5jaGVja0FsbFRleHRcIiBbY2hlY2tBbGxUZXh0XT1cImNoZWNrQWxsVGV4dFwiIFtpbmRlbnRhdGlvbl09XCJpbmRlbnRldGlvblwiPlxuICAgIDwvaWd4LWNvbHVtbi1hY3Rpb25zPlxuPC9uZy1jb250YWluZXI+XG4iXX0=