@tavanasystem/advance-toolbar
Version:
advance toolbar simple beautiful toolbar , you can ues easily from this toolbar and enjoy it . this toolbar has simple configs :
84 lines (78 loc) • 27.8 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, Output, Input, NgModule } from '@angular/core';
import * as i1 from '@angular/material/menu';
import { MatMenuModule } from '@angular/material/menu';
import * as i2 from '@angular/material/icon';
import { MatIconModule } from '@angular/material/icon';
import * as i3 from '@angular/material/divider';
import { MatDividerModule } from '@angular/material/divider';
import * as i4 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i5 from '@angular/material/tooltip';
import { MatTooltipModule } from '@angular/material/tooltip';
class AdvanceToolbarComponent {
constructor() {
this.toolbarEvent = new EventEmitter();
this.endConfigs = [];
this.startConfigs = [];
}
ngOnInit() { }
handleFn(fn) {
if (typeof fn == 'function')
return fn();
else
return fn;
}
onToolbarEvent(btn) {
this.toolbarEvent.emit(btn.id);
}
}
AdvanceToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AdvanceToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: AdvanceToolbarComponent, selector: "tips-advance-toolbar", inputs: { endConfigs: "endConfigs", startConfigs: "startConfigs" }, outputs: { toolbarEvent: "toolbarEvent" }, ngImport: i0, template: "<div class=\"white-space\">\r\n <div id=\"toolbar-container\">\r\n <span class=\"toolbar-group\">\r\n <ng-container *ngFor=\"let config of startConfigs; let i = index\">\r\n <ng-container [ngSwitch]=\"config.btnType\" *ngIf=\"handleFn(config.show)\">\r\n <ng-container *ngSwitchCase=\"'stroked-button'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-stroked-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'menu'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n style=\"display: flex\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n mat-stroked-button\r\n [matMenuTriggerFor]=\"menu\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container\r\n *ngFor=\"let subconfig of config.submenuItems | async\"\r\n >\r\n <button\r\n *ngIf=\"!handleFn(subconfig.hide)\"\r\n (click)=\"onToolbarEvent(subconfig)\"\r\n [disabled]=\"handleFn(subconfig.disable)\"\r\n mat-menu-item\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"menuItemContent1\"\r\n ></ng-container>\r\n </button>\r\n <ng-template #menuItemContent1>\r\n <mat-icon\r\n *ngIf=\"\r\n subconfig.icon ||\r\n (handleFn(subconfig.disable) && subconfig.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(subconfig.disable)\r\n ? subconfig.disableIcon\r\n : subconfig.icon\r\n }}\"\r\n ></mat-icon>\r\n <span>\r\n {{ subconfig.title }}\r\n </span>\r\n </ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <ng-container\r\n (click)=\"onToolbarEvent(config)\"\r\n *ngTemplateOutlet=\"labelContent1\"\r\n ></ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-icon-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n <mat-divider\r\n *ngIf=\"\r\n handleFn(config.show) &&\r\n config.hasDividerAfter &&\r\n i != startConfigs.length - 1\r\n \"\r\n [vertical]=\"true\"\r\n ></mat-divider>\r\n <ng-template #buttonContent1>\r\n <a class=\"item-box\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <span *ngIf=\"config.btnType != 'icon-button'\">\r\n {{ handleFn(config.title) }}\r\n </span>\r\n <mat-icon class=\"drop_icon\" *ngIf=\"config.btnType == 'menu'\"\r\n >arrow_drop_down</mat-icon\r\n >\r\n </a>\r\n </ng-template>\r\n <ng-template #labelContent1>\r\n <a class=\"label-container\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <h5\r\n class=\"label-type\"\r\n [ngStyle]=\"config.styles ? config.styles : {}\"\r\n >\r\n {{ handleFn(config.title) }}\r\n </h5>\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"toolbar-group\">\r\n <ng-container *ngFor=\"let config of endConfigs; let i = index\">\r\n <ng-container [ngSwitch]=\"config.btnType\" *ngIf=\"handleFn(config.show)\">\r\n <ng-container *ngSwitchCase=\"'stroked-button'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-stroked-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'menu'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n style=\"display: flex\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n mat-stroked-button\r\n [matMenuTriggerFor]=\"menu\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container\r\n *ngFor=\"let subconfig of config.submenuItems | async\"\r\n >\r\n <button\r\n [matTooltip]=\"\r\n config.hideTooltip ? false : handleFn(config.title)\r\n \"\r\n *ngIf=\"!handleFn(subconfig.hide)\"\r\n (click)=\"onToolbarEvent(subconfig)\"\r\n [disabled]=\"handleFn(subconfig.disable)\"\r\n mat-menu-item\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"menuItemContent2\"\r\n ></ng-container>\r\n </button>\r\n <ng-template #menuItemContent2>\r\n <mat-icon\r\n *ngIf=\"\r\n subconfig.icon ||\r\n (handleFn(subconfig.disable) && subconfig.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(subconfig.disable)\r\n ? subconfig.disableIcon\r\n : subconfig.icon\r\n }}\"\r\n ></mat-icon>\r\n <span>\r\n {{ subconfig.title }}\r\n </span>\r\n </ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <ng-container\r\n (click)=\"onToolbarEvent(config)\"\r\n *ngTemplateOutlet=\"labelContent2\"\r\n ></ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-icon-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n <mat-divider\r\n *ngIf=\"\r\n handleFn(config.show) &&\r\n config.hasDividerAfter &&\r\n i != endConfigs.length - 1\r\n \"\r\n [vertical]=\"true\"\r\n ></mat-divider>\r\n <ng-template #buttonContent2>\r\n <a class=\"item-box\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <span *ngIf=\"config.btnType != 'icon-button'\">\r\n {{ handleFn(config.title) }}\r\n </span>\r\n <mat-icon class=\"drop_icon\" *ngIf=\"config.btnType == 'menu'\"\r\n >arrow_drop_down</mat-icon\r\n >\r\n </a>\r\n </ng-template>\r\n <ng-template #labelContent2>\r\n <a class=\"label-container\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <h5\r\n class=\"label-type\"\r\n [ngStyle]=\"config.styles ? config.styles : {}\"\r\n >\r\n {{ handleFn(config.title) }}\r\n </h5>\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".white-space{position:sticky;top:0;z-index:10;background-color:#fff;width:100%;padding-top:10px}#toolbar-container{display:flex;width:100%;padding:5px;background-color:#fff;box-shadow:0 1px 6px #cdcdcd;border-radius:7px;margin-top:5px;margin-bottom:5px;align-items:center;justify-content:space-between}#toolbar-container .toolbar-group{display:flex;align-items:center}#toolbar-container button{border:none!important;min-width:40px;height:40px;background-color:#fff;margin:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}#toolbar-container button mat-icon{width:35px;height:35px}#toolbar-container button span{text-decoration:none;color:#646464;align-self:center}#toolbar-container button:disabled{cursor:default}#toolbar-container button .item-box{display:flex;text-decoration:none}#toolbar-container .label-type{font-size:16px;margin:0;padding:0 15px}#toolbar-container mat-divider{height:40px;width:1px;background-color:#f1f1f1}#toolbar-container .drop_icon{display:flex;align-items:center}#toolbar-container .label-container{display:flex;border:1px solid #e0e0e0;padding:6px;border-radius:5px;text-decoration:none}\n"], components: [{ type: i1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i4.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarComponent, decorators: [{
type: Component,
args: [{ selector: 'tips-advance-toolbar', template: "<div class=\"white-space\">\r\n <div id=\"toolbar-container\">\r\n <span class=\"toolbar-group\">\r\n <ng-container *ngFor=\"let config of startConfigs; let i = index\">\r\n <ng-container [ngSwitch]=\"config.btnType\" *ngIf=\"handleFn(config.show)\">\r\n <ng-container *ngSwitchCase=\"'stroked-button'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-stroked-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'menu'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n style=\"display: flex\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n mat-stroked-button\r\n [matMenuTriggerFor]=\"menu\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container\r\n *ngFor=\"let subconfig of config.submenuItems | async\"\r\n >\r\n <button\r\n *ngIf=\"!handleFn(subconfig.hide)\"\r\n (click)=\"onToolbarEvent(subconfig)\"\r\n [disabled]=\"handleFn(subconfig.disable)\"\r\n mat-menu-item\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"menuItemContent1\"\r\n ></ng-container>\r\n </button>\r\n <ng-template #menuItemContent1>\r\n <mat-icon\r\n *ngIf=\"\r\n subconfig.icon ||\r\n (handleFn(subconfig.disable) && subconfig.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(subconfig.disable)\r\n ? subconfig.disableIcon\r\n : subconfig.icon\r\n }}\"\r\n ></mat-icon>\r\n <span>\r\n {{ subconfig.title }}\r\n </span>\r\n </ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <ng-container\r\n (click)=\"onToolbarEvent(config)\"\r\n *ngTemplateOutlet=\"labelContent1\"\r\n ></ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-icon-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent1\"></ng-container>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n <mat-divider\r\n *ngIf=\"\r\n handleFn(config.show) &&\r\n config.hasDividerAfter &&\r\n i != startConfigs.length - 1\r\n \"\r\n [vertical]=\"true\"\r\n ></mat-divider>\r\n <ng-template #buttonContent1>\r\n <a class=\"item-box\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <span *ngIf=\"config.btnType != 'icon-button'\">\r\n {{ handleFn(config.title) }}\r\n </span>\r\n <mat-icon class=\"drop_icon\" *ngIf=\"config.btnType == 'menu'\"\r\n >arrow_drop_down</mat-icon\r\n >\r\n </a>\r\n </ng-template>\r\n <ng-template #labelContent1>\r\n <a class=\"label-container\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <h5\r\n class=\"label-type\"\r\n [ngStyle]=\"config.styles ? config.styles : {}\"\r\n >\r\n {{ handleFn(config.title) }}\r\n </h5>\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"toolbar-group\">\r\n <ng-container *ngFor=\"let config of endConfigs; let i = index\">\r\n <ng-container [ngSwitch]=\"config.btnType\" *ngIf=\"handleFn(config.show)\">\r\n <ng-container *ngSwitchCase=\"'stroked-button'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-stroked-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'menu'\">\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n style=\"display: flex\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n mat-stroked-button\r\n [matMenuTriggerFor]=\"menu\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container\r\n *ngFor=\"let subconfig of config.submenuItems | async\"\r\n >\r\n <button\r\n [matTooltip]=\"\r\n config.hideTooltip ? false : handleFn(config.title)\r\n \"\r\n *ngIf=\"!handleFn(subconfig.hide)\"\r\n (click)=\"onToolbarEvent(subconfig)\"\r\n [disabled]=\"handleFn(subconfig.disable)\"\r\n mat-menu-item\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"menuItemContent2\"\r\n ></ng-container>\r\n </button>\r\n <ng-template #menuItemContent2>\r\n <mat-icon\r\n *ngIf=\"\r\n subconfig.icon ||\r\n (handleFn(subconfig.disable) && subconfig.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(subconfig.disable)\r\n ? subconfig.disableIcon\r\n : subconfig.icon\r\n }}\"\r\n ></mat-icon>\r\n <span>\r\n {{ subconfig.title }}\r\n </span>\r\n </ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <ng-container\r\n (click)=\"onToolbarEvent(config)\"\r\n *ngTemplateOutlet=\"labelContent2\"\r\n ></ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button\r\n [matTooltip]=\"config.hideTooltip ? false : handleFn(config.title)\"\r\n [disabled]=\"handleFn(config.disable)\"\r\n (click)=\"onToolbarEvent(config)\"\r\n mat-icon-button\r\n >\r\n <ng-container *ngTemplateOutlet=\"buttonContent2\"></ng-container>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n <mat-divider\r\n *ngIf=\"\r\n handleFn(config.show) &&\r\n config.hasDividerAfter &&\r\n i != endConfigs.length - 1\r\n \"\r\n [vertical]=\"true\"\r\n ></mat-divider>\r\n <ng-template #buttonContent2>\r\n <a class=\"item-box\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <span *ngIf=\"config.btnType != 'icon-button'\">\r\n {{ handleFn(config.title) }}\r\n </span>\r\n <mat-icon class=\"drop_icon\" *ngIf=\"config.btnType == 'menu'\"\r\n >arrow_drop_down</mat-icon\r\n >\r\n </a>\r\n </ng-template>\r\n <ng-template #labelContent2>\r\n <a class=\"label-container\">\r\n <mat-icon\r\n *ngIf=\"\r\n handleFn(config.icon) ||\r\n (handleFn(config.disable) && config.disableIcon)\r\n \"\r\n svgIcon=\"{{\r\n handleFn(config.disable)\r\n ? config.disableIcon\r\n : handleFn(config.icon)\r\n }}\"\r\n ></mat-icon>\r\n <h5\r\n class=\"label-type\"\r\n [ngStyle]=\"config.styles ? config.styles : {}\"\r\n >\r\n {{ handleFn(config.title) }}\r\n </h5>\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".white-space{position:sticky;top:0;z-index:10;background-color:#fff;width:100%;padding-top:10px}#toolbar-container{display:flex;width:100%;padding:5px;background-color:#fff;box-shadow:0 1px 6px #cdcdcd;border-radius:7px;margin-top:5px;margin-bottom:5px;align-items:center;justify-content:space-between}#toolbar-container .toolbar-group{display:flex;align-items:center}#toolbar-container button{border:none!important;min-width:40px;height:40px;background-color:#fff;margin:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}#toolbar-container button mat-icon{width:35px;height:35px}#toolbar-container button span{text-decoration:none;color:#646464;align-self:center}#toolbar-container button:disabled{cursor:default}#toolbar-container button .item-box{display:flex;text-decoration:none}#toolbar-container .label-type{font-size:16px;margin:0;padding:0 15px}#toolbar-container mat-divider{height:40px;width:1px;background-color:#f1f1f1}#toolbar-container .drop_icon{display:flex;align-items:center}#toolbar-container .label-container{display:flex;border:1px solid #e0e0e0;padding:6px;border-radius:5px;text-decoration:none}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { toolbarEvent: [{
type: Output
}], endConfigs: [{
type: Input
}], startConfigs: [{
type: Input
}] } });
class AdvanceToolbarModule {
}
AdvanceToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
AdvanceToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarModule, declarations: [AdvanceToolbarComponent], imports: [CommonModule,
MatMenuModule,
MatIconModule,
MatTooltipModule,
MatDividerModule], exports: [AdvanceToolbarComponent] });
AdvanceToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarModule, imports: [[
CommonModule,
MatMenuModule,
MatIconModule,
MatTooltipModule,
MatDividerModule,
]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AdvanceToolbarModule, decorators: [{
type: NgModule,
args: [{
declarations: [AdvanceToolbarComponent],
imports: [
CommonModule,
MatMenuModule,
MatIconModule,
MatTooltipModule,
MatDividerModule,
],
exports: [AdvanceToolbarComponent],
}]
}] });
/*
* Public API Surface of tips-multi-column-select
*/
/**
* Generated bundle index. Do not edit.
*/
export { AdvanceToolbarComponent, AdvanceToolbarModule };
//# sourceMappingURL=tavanasystem-advance-toolbar.mjs.map