UNPKG

@netgrif/components-core

Version:

Netgrif Application engine frontend core Angular library

28 lines 7.33 kB
import { Component, Inject } from '@angular/core'; import { SnackBarComponent } from '../../models/abstract-snack-bar.component'; import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar'; import * as i0 from "@angular/core"; import * as i1 from "@angular/material/snack-bar"; import * as i2 from "@angular/common"; import * as i3 from "@ngbracket/ngx-layout/flex"; import * as i4 from "@angular/material/button"; import * as i5 from "@angular/material/icon"; export class WarningSnackBarComponent extends SnackBarComponent { snackBarRef; data; constructor(snackBarRef, data) { super(snackBarRef, data); this.snackBarRef = snackBarRef; this.data = data; } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningSnackBarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WarningSnackBarComponent, selector: "ncc-warning-snack-bar", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"snack-bar-container\">\n <mat-icon class=\"snack-bar-icon-margin warning-color\">{{data.matIconName}}</mat-icon>\n <span>{{data.message}}</span>\n <div fxFlex></div>\n <button *ngIf=\"data.closable\" mat-icon-button (click)=\"onDismiss()\">\n <mat-icon class=\"snack-bar-close-icon\">close</mat-icon>\n </button>\n</div>\n", styles: [".warning-color{color:#fb3}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningSnackBarComponent, decorators: [{ type: Component, args: [{ selector: 'ncc-warning-snack-bar', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"snack-bar-container\">\n <mat-icon class=\"snack-bar-icon-margin warning-color\">{{data.matIconName}}</mat-icon>\n <span>{{data.message}}</span>\n <div fxFlex></div>\n <button *ngIf=\"data.closable\" mat-icon-button (click)=\"onDismiss()\">\n <mat-icon class=\"snack-bar-close-icon\">close</mat-icon>\n </button>\n</div>\n", styles: [".warning-color{color:#fb3}\n"] }] }], ctorParameters: () => [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DATA] }] }] }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2FybmluZy1zbmFjay1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzLWNvcmUvc3JjL2xpYi9zbmFjay1iYXIvY29tcG9uZW50cy93YXJuaW5nLXNuYWNrLWJhci93YXJuaW5nLXNuYWNrLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMtY29yZS9zcmMvbGliL3NuYWNrLWJhci9jb21wb25lbnRzL3dhcm5pbmctc25hY2stYmFyL3dhcm5pbmctc25hY2stYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBRTVFLE9BQU8sRUFBQyxrQkFBa0IsRUFBaUIsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7OztBQU8vRSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsaUJBQTJDO0lBRWxFO0lBQzRCO0lBRC9DLFlBQW1CLFdBQXFELEVBQ3pCLElBQTJCO1FBQ3RFLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFGVixnQkFBVyxHQUFYLFdBQVcsQ0FBMEM7UUFDekIsU0FBSSxHQUFKLElBQUksQ0FBdUI7SUFFMUUsQ0FBQzt3R0FMUSx3QkFBd0IsZ0RBR2Isa0JBQWtCOzRGQUg3Qix3QkFBd0Isb0ZDVnJDLHVaQVFBOzs0RkRFYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksdUJBQXVCOzswQkFPcEIsTUFBTTsyQkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U25hY2tCYXJDb21wb25lbnR9IGZyb20gJy4uLy4uL21vZGVscy9hYnN0cmFjdC1zbmFjay1iYXIuY29tcG9uZW50JztcbmltcG9ydCB7U25hY2tCYXJJbmplY3Rpb25EYXRhfSBmcm9tICcuLi8uLi9tb2RlbHMvc25hY2stYmFyLWluamVjdGlvbi1kYXRhJztcbmltcG9ydCB7TUFUX1NOQUNLX0JBUl9EQVRBLCBNYXRTbmFja0JhclJlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduY2Mtd2FybmluZy1zbmFjay1iYXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi93YXJuaW5nLXNuYWNrLWJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vd2FybmluZy1zbmFjay1iYXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBXYXJuaW5nU25hY2tCYXJDb21wb25lbnQgZXh0ZW5kcyBTbmFja0JhckNvbXBvbmVudDxXYXJuaW5nU25hY2tCYXJDb21wb25lbnQ+IHtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzbmFja0JhclJlZjogTWF0U25hY2tCYXJSZWY8V2FybmluZ1NuYWNrQmFyQ29tcG9uZW50PixcbiAgICAgICAgICAgICAgICBASW5qZWN0KE1BVF9TTkFDS19CQVJfREFUQSkgcHVibGljIGRhdGE6IFNuYWNrQmFySW5qZWN0aW9uRGF0YSkge1xuICAgICAgICBzdXBlcihzbmFja0JhclJlZiwgZGF0YSk7XG4gICAgfVxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cInNuYWNrLWJhci1jb250YWluZXJcIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJzbmFjay1iYXItaWNvbi1tYXJnaW4gd2FybmluZy1jb2xvclwiPnt7ZGF0YS5tYXRJY29uTmFtZX19PC9tYXQtaWNvbj5cbiAgICA8c3Bhbj57e2RhdGEubWVzc2FnZX19PC9zcGFuPlxuICAgIDxkaXYgZnhGbGV4PjwvZGl2PlxuICAgIDxidXR0b24gKm5nSWY9XCJkYXRhLmNsb3NhYmxlXCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJvbkRpc21pc3MoKVwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzbmFjay1iYXItY2xvc2UtaWNvblwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19