@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
92 lines (86 loc) • 5.99 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, ChangeDetectionStrategy, Inject, Injectable, NgModule } from '@angular/core';
import * as i1 from '@angular/material/snack-bar';
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
import * as i2 from '@angular/material/icon';
import { MatIconModule } from '@angular/material/icon';
import * as i3 from '@angular/material/button';
import { MatButtonModule } from '@angular/material/button';
class KoalaSnackbarComponent {
constructor(snackbarRef, data) {
this.snackbarRef = snackbarRef;
this.data = data;
}
}
KoalaSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
KoalaSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: KoalaSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"message\">\n <div>\n <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n <span>{{data.message}}</span>\n </div>\n <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n <mat-icon>close</mat-icon>\n </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarComponent, decorators: [{
type: Component,
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message\">\n <div>\n <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n <span>{{data.message}}</span>\n </div>\n <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n <mat-icon>close</mat-icon>\n </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"] }]
}], ctorParameters: function () { return [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{
type: Inject,
args: [MAT_SNACK_BAR_DATA]
}] }]; } });
class KoalaSnackbarService {
constructor(snackBar) {
this.snackBar = snackBar;
}
success(message) {
this.showSnackBar(message, 'check_circle', 'success');
}
warning(message) {
this.showSnackBar(message, 'warning', 'warning');
}
error(message) {
this.showSnackBar(message, 'error', 'error');
}
showSnackBar(message, icon, panelClass) {
this.snackBar.openFromComponent(KoalaSnackbarComponent, {
data: {
message,
icon
},
panelClass: panelClass ? [panelClass] : [],
horizontalPosition: "left",
duration: 10000
});
}
}
KoalaSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
KoalaSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarService });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarService, decorators: [{
type: Injectable
}], ctorParameters: function () { return [{ type: i1.MatSnackBar }]; } });
class KoalaSnackbarModule {
}
KoalaSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
KoalaSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarModule, declarations: [KoalaSnackbarComponent], imports: [MatSnackBarModule,
MatIconModule,
MatButtonModule], exports: [KoalaSnackbarComponent,
MatSnackBarModule] });
KoalaSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarModule, providers: [KoalaSnackbarService], imports: [MatSnackBarModule,
MatIconModule,
MatButtonModule, MatSnackBarModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KoalaSnackbarModule, decorators: [{
type: NgModule,
args: [{
declarations: [
KoalaSnackbarComponent
],
exports: [
KoalaSnackbarComponent,
MatSnackBarModule
],
imports: [
MatSnackBarModule,
MatIconModule,
MatButtonModule
],
providers: [KoalaSnackbarService]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { KoalaSnackbarComponent, KoalaSnackbarModule, KoalaSnackbarService };
//# sourceMappingURL=koalarx-ui-snackbar.mjs.map