@craftsjs/alert 1.0.0 → 4.0.0

package/fesm2020/craftsjs-alert.mjs

@@ -0,0 +1,298 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, InjectionToken, TemplateRef, Injector, Inject, ViewChildren, Injectable, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@craftsjs/core';
+import { DynamicDirective, CoreModule } from '@craftsjs/core';
+
+class AlertSuccessComponent {
+}
+AlertSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: AlertSuccessComponent, selector: "alert-success", host: { classAttribute: "alert-icon alert-icon-success" }, ngImport: i0, template: "<span class=\"alert-icon-success-line alert-icon-success-line-long\"></span>\r\n<span class=\"alert-icon-success-line alert-icon-success-line-tip\"></span>\r\n<div class=\"alert-icon-success-ring\"></div>\r\n<div class=\"alert-icon-success-hide-corners\"></div>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertSuccessComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-success', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'alert-icon alert-icon-success'
+                    }, template: "<span class=\"alert-icon-success-line alert-icon-success-line-long\"></span>\r\n<span class=\"alert-icon-success-line alert-icon-success-line-tip\"></span>\r\n<div class=\"alert-icon-success-ring\"></div>\r\n<div class=\"alert-icon-success-hide-corners\"></div>", styles: [""] }]
+        }] });
+
+var AlertEnum;
+(function (AlertEnum) {
+    AlertEnum["success"] = "success";
+    AlertEnum["error"] = "error";
+    AlertEnum["info"] = "info";
+    AlertEnum["warning"] = "warning";
+})(AlertEnum || (AlertEnum = {}));
+
+class AlertInfoComponent {
+}
+AlertInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: AlertInfoComponent, selector: "alert-info", host: { classAttribute: "alert-icon alert-icon-info" }, ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'alert-icon alert-icon-info'
+                    }, template: "", styles: [""] }]
+        }] });
+
+class WarningComponent {
+}
+WarningComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: WarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WarningComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: WarningComponent, selector: "alert-warning", host: { classAttribute: "alert-icon alert-icon-warning " }, ngImport: i0, template: "<span class=\"alert-icon-warning-body\">\r\n  <span class=\"alert-icon-warning-dot\"></span>\r\n</span>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: WarningComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-warning', host: {
+                        class: 'alert-icon alert-icon-warning '
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"alert-icon-warning-body\">\r\n  <span class=\"alert-icon-warning-dot\"></span>\r\n</span>", styles: [""] }]
+        }] });
+
+class ErrorComponent {
+}
+ErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: ErrorComponent, selector: "alert-error", host: { classAttribute: "alert-icon alert-icon-error" }, ngImport: i0, template: "<div class=\"alert-icon-error-x-mark\">\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-left\"></span>\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-right\"></span>\r\n</div>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-error', host: {
+                        class: 'alert-icon alert-icon-error'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"alert-icon-error-x-mark\">\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-left\"></span>\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-right\"></span>\r\n</div>", styles: [""] }]
+        }] });
+
+const alertComponents = [
+    {
+        type: AlertEnum.success,
+        component: AlertSuccessComponent
+    },
+    {
+        type: AlertEnum.info,
+        component: AlertInfoComponent
+    },
+    {
+        type: AlertEnum.warning,
+        component: WarningComponent
+    },
+    {
+        type: AlertEnum.error,
+        component: ErrorComponent
+    }
+];
+
+class AlertOkButtonComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+}
+AlertOkButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertOkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertOkButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: AlertOkButtonComponent, selector: "alert-ok-button", outputs: { click: "click" }, ngImport: i0, template: "<button mat-raised-button color=\"primary\" (click)=\"click.emit($event)\">{{'general.ok' | translate}}</button>", styles: [""], components: [{ type: i1.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"] }], pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertOkButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-ok-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-raised-button color=\"primary\" (click)=\"click.emit($event)\">{{'general.ok' | translate}}</button>", styles: [""] }]
+        }], propDecorators: { click: [{
+                type: Output
+            }] } });
+
+class AlertCancelButtonComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+}
+AlertCancelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertCancelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertCancelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: AlertCancelButtonComponent, selector: "alert-cancel-button", outputs: { click: "click" }, ngImport: i0, template: "<button mat-raised-button (click)=\"click.emit($event)\">{{'general.cancel' | translate}}</button>", styles: [""], components: [{ type: i1.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"] }], pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertCancelButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert-cancel-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-raised-button (click)=\"click.emit($event)\">{{'general.cancel' | translate}}</button>", styles: [""] }]
+        }], propDecorators: { click: [{
+                type: Output
+            }] } });
+
+const CRAFTSJS_ALERT_DATA = new InjectionToken('CraftsjsAlertData');
+class DialogAlertComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.loadComponents();
+    }
+    loadComponents() {
+        const itemComponent = alertComponents.find(x => x.type === this.data.type);
+        const component = itemComponent && itemComponent.component;
+        this.resolveComponent(component, this.appDynamic.find(x => x.name === 'alert-icon').viewContainerRef);
+        this.resolveComponent(this.data.customBody, this.appDynamic.find(x => x.name === 'alert-body').viewContainerRef);
+        this.resolveComponent(this.data.customButtonComponent, this.appDynamic.find(x => x.name === 'alert-buttons').viewContainerRef);
+    }
+    resolveComponent(component, viewContainerRef) {
+        if (!component) {
+            return;
+        }
+        viewContainerRef.clear();
+        if (component instanceof TemplateRef) {
+            viewContainerRef.createEmbeddedView(component, { $implicit: this.data, dialogRef: this.dialogRef });
+        }
+        else {
+            const injector = this.createInjector(viewContainerRef.injector);
+            viewContainerRef.createComponent(component, {
+                injector
+            });
+        }
+    }
+    createInjector(injector) {
+        return Injector.create({
+            providers: [{
+                    provide: CRAFTSJS_ALERT_DATA,
+                    useValue: this.data
+                },
+                {
+                    provide: MatDialogRef,
+                    useValue: this.dialogRef
+                }],
+            parent: injector
+        });
+    }
+    buttonClick(result) {
+        this.dialogRef.close({ data: this.data, result });
+    }
+}
+DialogAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: DialogAlertComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: DialogAlertComponent, selector: "dialog-alert", viewQueries: [{ propertyName: "appDynamic", predicate: DynamicDirective, descendants: true }], ngImport: i0, template: "<ng-template craftsjsDynamic name=\"alert-icon\"></ng-template>\r\n<div *ngIf=\"data?.title\" class=\"alert-title\">\r\n    <span>\r\n        {{data.title | translate}}\r\n    </span>\r\n</div>\r\n<div *ngIf=\"data?.text\" class=\"alert-text\">\r\n    <span>\r\n        {{data.text | translate}}\r\n    </span>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-body\"></ng-template>\r\n<div class=\"alert-footer\" *ngIf=\"!data?.hiddenButtons\">\r\n    <alert-ok-button *ngIf=\"!data?.customButtonComponent\" (click)=\"buttonClick('ok')\">\r\n    </alert-ok-button>\r\n    <alert-cancel-button *ngIf=\"!data?.customButtonComponent && data?.showCancelButton\"\r\n        (click)=\"buttonClick('cancel')\">\r\n    </alert-cancel-button>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-buttons\"></ng-template>", styles: [".alert-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.alert-icon-custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.alert-icon img{max-width:100%;max-height:100%}.alert-title{color:#000000a6;font-weight:600;text-transform:none;position:relative;display:block;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.alert-title:first-child{margin-top:26px}.alert-title:not(:first-child){padding-bottom:0}.alert-title:not(:last-child){margin-bottom:13px}.alert-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:center;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:#000000a3;overflow-wrap:break-word;box-sizing:border-box;width:100%}.alert-text:first-child{margin-top:45px}.alert-text:last-child{margin-bottom:45px}.alert-footer{text-align:right;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.alert-footer-button-container{margin:5px;display:inline-block;position:relative}.alert-footer>*{display:inline-block;margin-right:.5em}.alert-footer>:last-child{margin-right:inherit}\n"], components: [{ type: AlertOkButtonComponent, selector: "alert-ok-button", outputs: ["click"] }, { type: AlertCancelButtonComponent, selector: "alert-cancel-button", outputs: ["click"] }], directives: [{ type: i4.DynamicDirective, selector: "[craftsjsDynamic]", inputs: ["name"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: DialogAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dialog-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template craftsjsDynamic name=\"alert-icon\"></ng-template>\r\n<div *ngIf=\"data?.title\" class=\"alert-title\">\r\n    <span>\r\n        {{data.title | translate}}\r\n    </span>\r\n</div>\r\n<div *ngIf=\"data?.text\" class=\"alert-text\">\r\n    <span>\r\n        {{data.text | translate}}\r\n    </span>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-body\"></ng-template>\r\n<div class=\"alert-footer\" *ngIf=\"!data?.hiddenButtons\">\r\n    <alert-ok-button *ngIf=\"!data?.customButtonComponent\" (click)=\"buttonClick('ok')\">\r\n    </alert-ok-button>\r\n    <alert-cancel-button *ngIf=\"!data?.customButtonComponent && data?.showCancelButton\"\r\n        (click)=\"buttonClick('cancel')\">\r\n    </alert-cancel-button>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-buttons\"></ng-template>", styles: [".alert-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.alert-icon-custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.alert-icon img{max-width:100%;max-height:100%}.alert-title{color:#000000a6;font-weight:600;text-transform:none;position:relative;display:block;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.alert-title:first-child{margin-top:26px}.alert-title:not(:first-child){padding-bottom:0}.alert-title:not(:last-child){margin-bottom:13px}.alert-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:center;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:#000000a3;overflow-wrap:break-word;box-sizing:border-box;width:100%}.alert-text:first-child{margin-top:45px}.alert-text:last-child{margin-bottom:45px}.alert-footer{text-align:right;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.alert-footer-button-container{margin:5px;display:inline-block;position:relative}.alert-footer>*{display:inline-block;margin-right:.5em}.alert-footer>:last-child{margin-right:inherit}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { appDynamic: [{
+                type: ViewChildren,
+                args: [DynamicDirective]
+            }] } });
+
+class AlertService {
+    constructor(_dialog) {
+        this._dialog = _dialog;
+    }
+    showSimple(title, message) {
+        return this._open({
+            title,
+            text: message
+        });
+    }
+    showSuccess(title, message) {
+        return this._open({
+            title,
+            text: message,
+            type: AlertEnum.success
+        });
+    }
+    showError(title, message) {
+        return this._open({
+            title,
+            text: message,
+            type: AlertEnum.error
+        });
+    }
+    showInfo(title, message) {
+        return this._open({
+            title,
+            text: message,
+            type: AlertEnum.info
+        });
+    }
+    showWarning(title, message) {
+        return this._open({
+            title,
+            text: message,
+            type: AlertEnum.warning
+        });
+    }
+    showConfirmation(title, message) {
+        return this._open({
+            title,
+            text: message,
+            type: AlertEnum.warning,
+            showCancelButton: true
+        });
+    }
+    _open(alertModel) {
+        return this._dialog.open(DialogAlertComponent, {
+            width: '500px',
+            data: alertModel
+        });
+    }
+}
+AlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertService, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+AlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; } });
+
+class AlertModule {
+    static forRoot() {
+        return {
+            ngModule: AlertModule,
+            providers: [
+                AlertService
+            ]
+        };
+    }
+}
+AlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertModule, declarations: [DialogAlertComponent,
+        AlertSuccessComponent,
+        AlertInfoComponent,
+        WarningComponent,
+        ErrorComponent,
+        AlertOkButtonComponent,
+        AlertCancelButtonComponent], imports: [CommonModule,
+        TranslateModule,
+        MatButtonModule,
+        CoreModule,
+        MatDialogModule], exports: [DialogAlertComponent] });
+AlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            MatButtonModule,
+            CoreModule,
+            MatDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: AlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        MatButtonModule,
+                        CoreModule,
+                        MatDialogModule
+                    ],
+                    declarations: [
+                        DialogAlertComponent,
+                        AlertSuccessComponent,
+                        AlertInfoComponent,
+                        WarningComponent,
+                        ErrorComponent,
+                        AlertOkButtonComponent,
+                        AlertCancelButtonComponent
+                    ],
+                    exports: [
+                        DialogAlertComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of alert
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertCancelButtonComponent, AlertEnum, AlertInfoComponent, AlertModule, AlertOkButtonComponent, AlertService, AlertSuccessComponent, CRAFTSJS_ALERT_DATA, DialogAlertComponent, ErrorComponent, WarningComponent, alertComponents };
+//# sourceMappingURL=craftsjs-alert.mjs.map

package/fesm2020/craftsjs-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"craftsjs-alert.mjs","sources":["../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/alert-success/alert-success.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/alert-success/alert-success.component.html","../../../../projects/craftsjs/alert/src/lib/models/alert-enum.model.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/alert-info/alert-info.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/alert-info/alert-info.component.html","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/warning/warning.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/warning/warning.component.html","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/error/error.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/error/error.component.html","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/components.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component.html","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component.html","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/dialog-alert.component.ts","../../../../projects/craftsjs/alert/src/lib/components/dialog-alert/dialog-alert.component.html","../../../../projects/craftsjs/alert/src/lib/services/alert.service.ts","../../../../projects/craftsjs/alert/src/lib/alert.module.ts","../../../../projects/craftsjs/alert/src/public-api.ts","../../../../projects/craftsjs/alert/src/craftsjs-alert.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-success',\r\n  templateUrl: './alert-success.component.html',\r\n  styleUrls: ['./alert-success.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'alert-icon alert-icon-success'\r\n  }\r\n})\r\nexport class AlertSuccessComponent { }\r\n","<span class=\"alert-icon-success-line alert-icon-success-line-long\"></span>\r\n<span class=\"alert-icon-success-line alert-icon-success-line-tip\"></span>\r\n<div class=\"alert-icon-success-ring\"></div>\r\n<div class=\"alert-icon-success-hide-corners\"></div>","export enum AlertEnum {\r\n    success = 'success',\r\n    error = 'error',\r\n    info = 'info',\r\n    warning = 'warning'\r\n}\r\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-info',\r\n  templateUrl: './alert-info.component.html',\r\n  styleUrls: ['./alert-info.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'alert-icon alert-icon-info'\r\n  }\r\n})\r\nexport class AlertInfoComponent { }\r\n","","import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-warning',\r\n  templateUrl: './warning.component.html',\r\n  styleUrls: ['./warning.component.scss'],\r\n  host: {\r\n    class: 'alert-icon alert-icon-warning '\r\n  },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class WarningComponent { }\r\n","<span class=\"alert-icon-warning-body\">\r\n  <span class=\"alert-icon-warning-dot\"></span>\r\n</span>","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-error',\r\n  templateUrl: './error.component.html',\r\n  styleUrls: ['./error.component.scss'],\r\n  host: {\r\n    class: 'alert-icon alert-icon-error'\r\n  },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ErrorComponent { }\r\n","<div class=\"alert-icon-error-x-mark\">\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-left\"></span>\r\n  <span class=\"alert-icon-error-line alert-icon-error-line-right\"></span>\r\n</div>","import { AlertSuccessComponent } from './alert-success/alert-success.component';\r\nimport { AlertEnum } from '../../../models/alert-enum.model';\r\nimport { AlertInfoComponent } from './alert-info/alert-info.component';\r\nimport { WarningComponent } from './warning/warning.component';\r\nimport { ErrorComponent } from './error/error.component';\r\n\r\nexport const alertComponents = [\r\n    {\r\n        type: AlertEnum.success,\r\n        component: AlertSuccessComponent\r\n    },\r\n    {\r\n        type: AlertEnum.info,\r\n        component: AlertInfoComponent\r\n    },\r\n    {\r\n        type: AlertEnum.warning,\r\n        component: WarningComponent\r\n    },\r\n    {\r\n        type: AlertEnum.error,\r\n        component: ErrorComponent\r\n    }\r\n];\r\n","import { Component, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-ok-button',\r\n  templateUrl: './alert-ok-button.component.html',\r\n  styleUrls: ['./alert-ok-button.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class AlertOkButtonComponent {\r\n  @Output()\r\n  click = new EventEmitter();\r\n}\r\n","<button mat-raised-button color=\"primary\" (click)=\"click.emit($event)\">{{'general.ok' | translate}}</button>","import { Component, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'alert-cancel-button',\r\n  templateUrl: './alert-cancel-button.component.html',\r\n  styleUrls: ['./alert-cancel-button.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class AlertCancelButtonComponent {\r\n  @Output()\r\n  click = new EventEmitter();\r\n}\r\n","<button mat-raised-button (click)=\"click.emit($event)\">{{'general.cancel' | translate}}</button>","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  Inject,\r\n  ViewEncapsulation,\r\n  OnInit,\r\n  Injector,\r\n  InjectionToken,\r\n  Type,\r\n  ViewContainerRef,\r\n  QueryList,\r\n  ViewChildren,\r\n  AfterViewInit,\r\n  TemplateRef\r\n} from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { AlertModel } from '../../models/alert.model';\r\nimport { alertComponents } from './components/components';\r\nimport { DynamicDirective } from '@craftsjs/core';\r\n\r\nexport const CRAFTSJS_ALERT_DATA = new InjectionToken<any>('CraftsjsAlertData');\r\n\r\n@Component({\r\n  selector: 'dialog-alert',\r\n  templateUrl: './dialog-alert.component.html',\r\n  styleUrls: ['./dialog-alert.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None\r\n})\r\nexport class DialogAlertComponent implements OnInit, AfterViewInit {\r\n\r\n  @ViewChildren(DynamicDirective)\r\n  appDynamic: QueryList<DynamicDirective>;\r\n\r\n  constructor(\r\n    public dialogRef: MatDialogRef<DialogAlertComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public data: AlertModel,\r\n  ) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.loadComponents();\r\n  }\r\n\r\n  private loadComponents() {\r\n    const itemComponent = alertComponents.find(x => x.type === this.data.type);\r\n    const component = itemComponent && itemComponent.component;\r\n    this.resolveComponent(component, this.appDynamic.find(x => x.name === 'alert-icon').viewContainerRef);\r\n    this.resolveComponent(this.data.customBody, this.appDynamic.find(x => x.name === 'alert-body').viewContainerRef);\r\n    this.resolveComponent(this.data.customButtonComponent, this.appDynamic.find(x => x.name === 'alert-buttons').viewContainerRef);\r\n  }\r\n\r\n  private resolveComponent(component: Type<any> | TemplateRef<any>, viewContainerRef: ViewContainerRef) {\r\n    if (!component) { return; }\r\n    viewContainerRef.clear();\r\n    if (component instanceof TemplateRef) {\r\n      viewContainerRef.createEmbeddedView(component, { $implicit: this.data, dialogRef: this.dialogRef });\r\n    } else {\r\n      const injector = this.createInjector(viewContainerRef.injector);\r\n      viewContainerRef.createComponent(component, {\r\n        injector\r\n      });\r\n    }\r\n  }\r\n\r\n  private createInjector(injector: Injector) {\r\n    return Injector.create({\r\n      providers: [{\r\n        provide: CRAFTSJS_ALERT_DATA,\r\n        useValue: this.data\r\n      },\r\n      {\r\n        provide: MatDialogRef,\r\n        useValue: this.dialogRef\r\n      }],\r\n      parent: injector\r\n    })\r\n  }\r\n\r\n  buttonClick(result: string) {\r\n    this.dialogRef.close({ data: this.data, result });\r\n  }\r\n\r\n}\r\n","<ng-template craftsjsDynamic name=\"alert-icon\"></ng-template>\r\n<div *ngIf=\"data?.title\" class=\"alert-title\">\r\n    <span>\r\n        {{data.title | translate}}\r\n    </span>\r\n</div>\r\n<div *ngIf=\"data?.text\" class=\"alert-text\">\r\n    <span>\r\n        {{data.text | translate}}\r\n    </span>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-body\"></ng-template>\r\n<div class=\"alert-footer\" *ngIf=\"!data?.hiddenButtons\">\r\n    <alert-ok-button *ngIf=\"!data?.customButtonComponent\" (click)=\"buttonClick('ok')\">\r\n    </alert-ok-button>\r\n    <alert-cancel-button *ngIf=\"!data?.customButtonComponent && data?.showCancelButton\"\r\n        (click)=\"buttonClick('cancel')\">\r\n    </alert-cancel-button>\r\n</div>\r\n<ng-template craftsjsDynamic name=\"alert-buttons\"></ng-template>","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { AlertModel } from '../models/alert.model';\r\nimport { AlertEnum } from '../models/alert-enum.model';\r\nimport { DialogAlertComponent } from '../components/dialog-alert/dialog-alert.component';\r\n\r\n@Injectable()\r\nexport class AlertService {\r\n\r\n  constructor(private _dialog: MatDialog) { }\r\n\r\n  showSimple(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message\r\n    } as AlertModel);\r\n  }\r\n\r\n  showSuccess(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message,\r\n      type: AlertEnum.success\r\n    });\r\n  }\r\n\r\n  showError(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message,\r\n      type: AlertEnum.error\r\n    });\r\n  }\r\n\r\n  showInfo(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message,\r\n      type: AlertEnum.info\r\n    });\r\n  }\r\n\r\n  showWarning(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message,\r\n      type: AlertEnum.warning\r\n    });\r\n  }\r\n\r\n  showConfirmation(title: string, message: string) {\r\n    return this._open({\r\n      title,\r\n      text: message,\r\n      type: AlertEnum.warning,\r\n      showCancelButton: true\r\n    });\r\n  }\r\n\r\n  private _open(alertModel: AlertModel) {\r\n    return this._dialog.open(DialogAlertComponent, {\r\n      width: '500px',\r\n      data: alertModel\r\n    });\r\n  }\r\n}\r\n","import { NgModule, ModuleWithProviders } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CoreModule } from '@craftsjs/core';\r\nimport { DialogAlertComponent } from './components/dialog-alert/dialog-alert.component';\r\nimport { AlertSuccessComponent } from './components/dialog-alert/components/alert-success/alert-success.component';\r\nimport { AlertInfoComponent } from './components/dialog-alert/components/alert-info/alert-info.component';\r\nimport { WarningComponent } from './components/dialog-alert/components/warning/warning.component';\r\nimport { ErrorComponent } from './components/dialog-alert/components/error/error.component';\r\nimport { AlertOkButtonComponent } from './components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component';\r\nimport {\r\n  AlertCancelButtonComponent\r\n} from './components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component';\r\nimport { AlertService } from './services/alert.service';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        TranslateModule,\r\n        MatButtonModule,\r\n        CoreModule,\r\n        MatDialogModule\r\n    ],\r\n    declarations: [\r\n        DialogAlertComponent,\r\n        AlertSuccessComponent,\r\n        AlertInfoComponent,\r\n        WarningComponent,\r\n        ErrorComponent,\r\n        AlertOkButtonComponent,\r\n        AlertCancelButtonComponent\r\n    ],\r\n    exports: [\r\n        DialogAlertComponent\r\n    ]\r\n})\r\nexport class AlertModule {\r\n  static forRoot(): ModuleWithProviders<AlertModule> {\r\n    return {\r\n      ngModule: AlertModule,\r\n      providers: [\r\n        AlertService\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of alert\r\n */\r\n\r\nexport * from './lib/alert.module';\r\nexport * from './lib/components/dialog-alert/dialog-alert.component';\r\nexport * from './lib/components/dialog-alert/components/alert-info/alert-info.component';\r\nexport * from './lib/components/dialog-alert/components/alert-success/alert-success.component';\r\nexport * from './lib/components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component';\r\nexport * from './lib/components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component';\r\nexport * from './lib/components/dialog-alert/components/components';\r\nexport * from './lib/components/dialog-alert/components/error/error.component';\r\nexport * from './lib/components/dialog-alert/components/warning/warning.component';\r\nexport * from './lib/models/alert-enum.model';\r\nexport * from './lib/models/alert.model';\r\nexport * from './lib/services/alert.service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/alert.module.d.ts

@@ -1,4 +1,20 @@
 import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/dialog-alert/dialog-alert.component";
+import * as i2 from "./components/dialog-alert/components/alert-success/alert-success.component";
+import * as i3 from "./components/dialog-alert/components/alert-info/alert-info.component";
+import * as i4 from "./components/dialog-alert/components/warning/warning.component";
+import * as i5 from "./components/dialog-alert/components/error/error.component";
+import * as i6 from "./components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component";
+import * as i7 from "./components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@ngx-translate/core";
+import * as i10 from "@angular/material/button";
+import * as i11 from "@craftsjs/core";
+import * as i12 from "@angular/material/dialog";
 export declare class AlertModule {
     static forRoot(): ModuleWithProviders<AlertModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof i1.DialogAlertComponent, typeof i2.AlertSuccessComponent, typeof i3.AlertInfoComponent, typeof i4.WarningComponent, typeof i5.ErrorComponent, typeof i6.AlertOkButtonComponent, typeof i7.AlertCancelButtonComponent], [typeof i8.CommonModule, typeof i9.TranslateModule, typeof i10.MatButtonModule, typeof i11.CoreModule, typeof i12.MatDialogModule], [typeof i1.DialogAlertComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
 }

package/lib/components/dialog-alert/components/alert-info/alert-info.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class AlertInfoComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertInfoComponent, "alert-info", never, {}, {}, never, never>;
 }

package/lib/components/dialog-alert/components/alert-success/alert-success.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class AlertSuccessComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertSuccessComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertSuccessComponent, "alert-success", never, {}, {}, never, never>;
 }

package/lib/components/dialog-alert/components/buttons/alert-cancel-button/alert-cancel-button.component.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class AlertCancelButtonComponent {
     click: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertCancelButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertCancelButtonComponent, "alert-cancel-button", never, {}, { "click": "click"; }, never, never>;
 }

package/lib/components/dialog-alert/components/buttons/alert-ok-button/alert-ok-button.component.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class AlertOkButtonComponent {
     click: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertOkButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertOkButtonComponent, "alert-ok-button", never, {}, { "click": "click"; }, never, never>;
 }

package/lib/components/dialog-alert/components/error/error.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class ErrorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "alert-error", never, {}, {}, never, never>;
 }

package/lib/components/dialog-alert/components/warning/warning.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class WarningComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WarningComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WarningComponent, "alert-warning", never, {}, {}, never, never>;
 }

package/lib/components/dialog-alert/dialog-alert.component.d.ts

@@ -1,18 +1,20 @@
-import { OnInit, ComponentFactoryResolver, InjectionToken, QueryList, AfterViewInit } from '@angular/core';
+import { OnInit, InjectionToken, QueryList, AfterViewInit } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { AlertModel } from '../../models/alert.model';
 import { DynamicDirective } from '@craftsjs/core';
+import * as i0 from "@angular/core";
 export declare const CRAFTSJS_ALERT_DATA: InjectionToken<any>;
 export declare class DialogAlertComponent implements OnInit, AfterViewInit {
     dialogRef: MatDialogRef<DialogAlertComponent>;
     data: AlertModel;
-    private componentFactoryResolver;
     appDynamic: QueryList<DynamicDirective>;
-    constructor(dialogRef: MatDialogRef<DialogAlertComponent>, data: AlertModel, componentFactoryResolver: ComponentFactoryResolver);
+    constructor(dialogRef: MatDialogRef<DialogAlertComponent>, data: AlertModel);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     private loadComponents;
     private resolveComponent;
     private createInjector;
     buttonClick(result: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogAlertComponent, "dialog-alert", never, {}, {}, never, never>;
 }

package/lib/services/alert.service.d.ts

@@ -1,5 +1,6 @@
 import { MatDialog } from '@angular/material/dialog';
 import { DialogAlertComponent } from '../components/dialog-alert/dialog-alert.component';
+import * as i0 from "@angular/core";
 export declare class AlertService {
     private _dialog;
     constructor(_dialog: MatDialog);
@@ -10,4 +11,6 @@ export declare class AlertService {
     showWarning(title: string, message: string): import("@angular/material/dialog").MatDialogRef<DialogAlertComponent, any>;
     showConfirmation(title: string, message: string): import("@angular/material/dialog").MatDialogRef<DialogAlertComponent, any>;
     private _open;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlertService>;
 }

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@craftsjs/alert",
-  "version": "1.0.0",
+  "version": "4.0.0",
   "author": "craftsjs",
   "description": "Material alert library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">= 10.0.0 < 11.0.0",
-    "@angular/core": ">= 10.0.0 < 11.0.0",
-    "@angular/material": ">= 10.0.0 < 11.0.0",
-    "@angular/cdk": ">= 10.0.0 < 11.0.0",
-    "@angular/animations": ">= 10.0.0 < 11.0.0",
-    "angular-l10n": ">= 10.0.0 < 11.0.0",
-    "@craftsjs/core": ">=1.0.0 < 2.0.0"
+    "@angular/common": ">= 13.0.0 < 14.0.0",
+    "@angular/core": ">= 13.0.0 < 14.0.0",
+    "@angular/material": ">= 13.0.0 < 14.0.0",
+    "@angular/cdk": ">= 13.0.0 < 14.0.0",
+    "@angular/animations": ">= 13.0.0 < 14.0.0",
+    "@ngx-translate/core": ">= 14.0.0 < 17.0.0",
+    "@craftsjs/core": ">=4.0.0 < 5.0.0"
   },
   "repository": {
     "type": "git",
@@ -31,12 +31,24 @@
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "main": "bundles/craftsjs-alert.umd.js",
-  "module": "fesm2015/craftsjs-alert.js",
-  "es2015": "fesm2015/craftsjs-alert.js",
-  "esm2015": "esm2015/craftsjs-alert.js",
-  "fesm2015": "fesm2015/craftsjs-alert.js",
+  "module": "fesm2015/craftsjs-alert.mjs",
+  "es2020": "fesm2020/craftsjs-alert.mjs",
+  "esm2020": "esm2020/craftsjs-alert.mjs",
+  "fesm2020": "fesm2020/craftsjs-alert.mjs",
+  "fesm2015": "fesm2015/craftsjs-alert.mjs",
   "typings": "craftsjs-alert.d.ts",
-  "metadata": "craftsjs-alert.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./craftsjs-alert.d.ts",
+      "esm2020": "./esm2020/craftsjs-alert.mjs",
+      "es2020": "./fesm2020/craftsjs-alert.mjs",
+      "es2015": "./fesm2015/craftsjs-alert.mjs",
+      "node": "./fesm2015/craftsjs-alert.mjs",
+      "default": "./fesm2020/craftsjs-alert.mjs"
+    }
+  },
   "sideEffects": false
-}
+}