import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
export class ResourceNoDataComponent {
    constructor() {
        this.isFiltered = false;
        this.type = 'namespace';
        this.refresh = new EventEmitter();
        this.clear = new EventEmitter();
    }
}
ResourceNoDataComponent.decorators = [
    { type: Component, args: [{
                selector: 'acl-resource-no-data',
                template: "<div class=\"no-data\">\n  <div class=\"no-data__figure\">\n    <img src=\"images/no-data.png\" alt=\"\" />\n  </div>\n  <div class=\"no-data__text\">\n    <ng-container *ngIf=\"isFiltered\">\n      <div class=\"no-data__title\">\n        {{ 'resource_not_found_title' | translate }}\n      </div>\n      <div class=\"no-data__des\">\n        {{ 'resource_not_found_des_pre' | translate }}\n        <a href=\"javascript:void(0);\" (click)=\"refresh.emit()\">{{\n          'refresh' | translate\n        }}</a>\n        {{ 'or' | translate }}\n        <a href=\"javascript:void(0);\" (click)=\"clear.emit()\">{{\n          'clear_filter' | translate\n        }}</a>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"!isFiltered\">\n      <div class=\"no-data__title\">\n        <ng-container *ngIf=\"type === 'namespace'\">\n          {{ 'no_namespace_tip' | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"type === 'project'\">\n          {{ 'no_project_tip' | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"type === 'cluster'\">\n          {{ 'no_cluster_tip' | translate }}\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n",
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: [".no-data{display:flex;align-items:center;flex-direction:column;height:100%;justify-content:center}.no-data__figure{width:200px;height:197px}.no-data__figure img{width:100%;height:100%}.no-data__title{margin:16px 0 8px}.no-data__des{font-size:12px;color:#999}\n"]
            },] }
];
ResourceNoDataComponent.propDecorators = {
    isFiltered: [{ type: Input }],
    type: [{ type: Input }],
    refresh: [{ type: Output }],
    clear: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYWxhdWRhLWNvbW1vbi1saWIvc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9pbnRlcm5hbHMvbm8tZGF0YS9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFVdkIsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQVFFLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsU0FBSSxHQUFhLFdBQVcsQ0FBQztRQUc3QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUduQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNuQyxDQUFDOzs7WUFsQkEsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLHNzQ0FBOEI7Z0JBRTlCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O3lCQUVFLEtBQUs7bUJBR0wsS0FBSztzQkFHTCxNQUFNO29CQUdOLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYXRhVHlwZSB9IGZyb20gJy4vLi4vLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtcmVzb3VyY2Utbm8tZGF0YScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VOb0RhdGFDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBpc0ZpbHRlcmVkID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdHlwZTogRGF0YVR5cGUgPSAnbmFtZXNwYWNlJztcblxuICBAT3V0cHV0KClcbiAgcmVmcmVzaCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgY2xlYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG59XG4iXX0=