myrta-ui 17.0.0-beta.29 → 17.0.0-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/services/toaster-service/components/toaster/toaster.component.mjs +6 -3
- package/esm2022/lib/services/toaster-service/toaster-service.module.mjs +3 -3
- package/esm2022/lib/services/toaster-service/toaster-service.service.mjs +6 -2
- package/fesm2022/myrta-ui.mjs +11 -5
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/services/toaster-service/components/toaster/toaster.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import { Toast } from 'ngx-toastr';
|
|
3
|
+
import { ToasterType } from '../../models/toaster.model';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "ngx-toastr";
|
|
5
6
|
import * as i2 from "@angular/common";
|
|
@@ -7,10 +8,12 @@ import * as i3 from "../../../../pipes/safe/safe.pipe";
|
|
|
7
8
|
export class ToasterComponent extends Toast {
|
|
8
9
|
toastrService;
|
|
9
10
|
toastPackage;
|
|
11
|
+
ToasterType = ToasterType;
|
|
10
12
|
constructor(toastrService, toastPackage) {
|
|
11
13
|
super(toastrService, toastPackage);
|
|
12
14
|
this.toastrService = toastrService;
|
|
13
15
|
this.toastPackage = toastPackage;
|
|
16
|
+
console.log(this.options);
|
|
14
17
|
}
|
|
15
18
|
action(event) {
|
|
16
19
|
event.stopPropagation();
|
|
@@ -18,10 +21,10 @@ export class ToasterComponent extends Toast {
|
|
|
18
21
|
return false;
|
|
19
22
|
}
|
|
20
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ToasterComponent, deps: [{ token: i1.ToastrService }, { token: i1.ToastPackage }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ToasterComponent, selector: "mrx-toaster", usesInheritance: true, ngImport: i0, template: "<div class=\"mrx-toaster__type-icon\">\r\n <
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ToasterComponent, selector: "mrx-toaster", usesInheritance: true, ngImport: i0, template: "<div class=\"mrx-toaster__type-icon\">\r\n <ng-container [ngSwitch]=\"options.payload.colorType\">\r\n <ng-container *ngSwitchCase=\"ToasterType.Positive\">\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Negative\">\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Attention\">\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-toaster__content\">\r\n <div class=\"mrx-toaster__title\">{{ title }}</div>\r\n <div\r\n *ngIf=\"message && options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n [class]=\"options.messageClass\"\r\n [innerHTML]=\"message | safe\"\r\n ></div>\r\n\r\n <div\r\n *ngIf=\"message && !options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n >{{ message }}</div>\r\n</div>\r\n\r\n<span\r\n *ngIf=\"options.closeButton\"\r\n (click)=\"remove()\"\r\n class=\"mrx-icon icon-close icon-font-16 mrx-toaster__close\"\r\n></span>\r\n", styles: [":host{position:relative;display:block;pointer-events:auto;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:16px 24px 16px 48px}:host:not(:last-child){margin-bottom:16px}:host .mrx-toaster__type-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:16px;left:16px}:host .mrx-toaster__content{display:flex;flex-direction:column;justify-content:center;min-height:24px}:host .mrx-toaster__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}:host.mrx-toaster-info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}:host.mrx-toaster-info .mrx-toaster__title{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__text{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__type-icon{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__close{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}:host.mrx-toaster-positive .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__type-icon{color:var(--system-icon-positive, #2DA454)}:host.mrx-toaster-positive .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}:host.mrx-toaster-negative .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__type-icon{color:var(--system-icon-negative, #C65836)}:host.mrx-toaster-negative .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}:host.mrx-toaster-attention .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__type-icon{color:var(--system-icon-attention, #D97508)}:host.mrx-toaster-attention .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host .mrx-toaster__content .mrx-toaster__title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host .mrx-toaster__content .mrx-toaster__text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i3.SafePipe, name: "safe" }] });
|
|
22
25
|
}
|
|
23
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ToasterComponent, decorators: [{
|
|
24
27
|
type: Component,
|
|
25
|
-
args: [{ selector: 'mrx-toaster', template: "<div class=\"mrx-toaster__type-icon\">\r\n <
|
|
28
|
+
args: [{ selector: 'mrx-toaster', template: "<div class=\"mrx-toaster__type-icon\">\r\n <ng-container [ngSwitch]=\"options.payload.colorType\">\r\n <ng-container *ngSwitchCase=\"ToasterType.Positive\">\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Negative\">\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Attention\">\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-toaster__content\">\r\n <div class=\"mrx-toaster__title\">{{ title }}</div>\r\n <div\r\n *ngIf=\"message && options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n [class]=\"options.messageClass\"\r\n [innerHTML]=\"message | safe\"\r\n ></div>\r\n\r\n <div\r\n *ngIf=\"message && !options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n >{{ message }}</div>\r\n</div>\r\n\r\n<span\r\n *ngIf=\"options.closeButton\"\r\n (click)=\"remove()\"\r\n class=\"mrx-icon icon-close icon-font-16 mrx-toaster__close\"\r\n></span>\r\n", styles: [":host{position:relative;display:block;pointer-events:auto;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:16px 24px 16px 48px}:host:not(:last-child){margin-bottom:16px}:host .mrx-toaster__type-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:16px;left:16px}:host .mrx-toaster__content{display:flex;flex-direction:column;justify-content:center;min-height:24px}:host .mrx-toaster__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}:host.mrx-toaster-info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}:host.mrx-toaster-info .mrx-toaster__title{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__text{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__type-icon{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__close{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}:host.mrx-toaster-positive .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__type-icon{color:var(--system-icon-positive, #2DA454)}:host.mrx-toaster-positive .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}:host.mrx-toaster-negative .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__type-icon{color:var(--system-icon-negative, #C65836)}:host.mrx-toaster-negative .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}:host.mrx-toaster-attention .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__type-icon{color:var(--system-icon-attention, #D97508)}:host.mrx-toaster-attention .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host .mrx-toaster__content .mrx-toaster__title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host .mrx-toaster__content .mrx-toaster__text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}\n"] }]
|
|
26
29
|
}], ctorParameters: () => [{ type: i1.ToastrService }, { type: i1.ToastPackage }] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL3RvYXN0ZXItc2VydmljZS9jb21wb25lbnRzL3RvYXN0ZXIvdG9hc3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL3RvYXN0ZXItc2VydmljZS9jb21wb25lbnRzL3RvYXN0ZXIvdG9hc3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQStCLE1BQU0sWUFBWSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUFRekQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLEtBQUs7SUFJcEI7SUFDSDtJQUhYLFdBQVcsR0FBRyxXQUFXLENBQUE7SUFDaEMsWUFDcUIsYUFBNEIsRUFDL0IsWUFBMEI7UUFFMUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxZQUFZLENBQUMsQ0FBQztRQUhoQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUMvQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUkxQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVk7UUFDakIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDbEMsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO3dHQWhCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwwRUNWN0IsaTBDQXFDQTs7NEZEM0JhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRvYXN0LCBUb2FzdFBhY2thZ2UsIFRvYXN0clNlcnZpY2UgfSBmcm9tICduZ3gtdG9hc3RyJztcclxuaW1wb3J0IHsgVG9hc3RlclR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvdG9hc3Rlci5tb2RlbCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtdG9hc3RlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi90b2FzdGVyLmNvbXBvbmVudC5sZXNzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9hc3RlckNvbXBvbmVudCBleHRlbmRzIFRvYXN0IHtcclxuXHJcbiAgcHVibGljIFRvYXN0ZXJUeXBlID0gVG9hc3RlclR5cGVcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCBvdmVycmlkZSB0b2FzdHJTZXJ2aWNlOiBUb2FzdHJTZXJ2aWNlLFxyXG4gICAgcHVibGljIG92ZXJyaWRlIHRvYXN0UGFja2FnZTogVG9hc3RQYWNrYWdlLFxyXG4gICkge1xyXG4gICAgc3VwZXIodG9hc3RyU2VydmljZSwgdG9hc3RQYWNrYWdlKTtcclxuXHJcbiAgICBjb25zb2xlLmxvZyh0aGlzLm9wdGlvbnMpO1xyXG4gIH1cclxuXHJcbiAgYWN0aW9uKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLnRvYXN0UGFja2FnZS50cmlnZ2VyQWN0aW9uKCk7XHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtdG9hc3Rlcl9fdHlwZS1pY29uXCI+XHJcbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwib3B0aW9ucy5wYXlsb2FkLmNvbG9yVHlwZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiVG9hc3RlclR5cGUuUG9zaXRpdmVcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZWNrIGNvbG9yLXBvc2l0aXZlIGljb24tZm9udC0xNlwiPjwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiVG9hc3RlclR5cGUuTmVnYXRpdmVcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGNvbG9yLW5lZ2F0aXZlIGljb24tZm9udC0xNlwiPjwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiVG9hc3RlclR5cGUuQXR0ZW50aW9uXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hdHRlbnRpb24gY29sb3ItYXR0ZW50aW9uIGljb24tZm9udC0xNlwiPjwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24taW5mbyBjb2xvci1pbmZvIGljb24tZm9udC0xNlwiPjwvc3Bhbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJtcngtdG9hc3Rlcl9fY29udGVudFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtcngtdG9hc3Rlcl9fdGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxyXG4gIDxkaXZcclxuICAgICpuZ0lmPVwibWVzc2FnZSAmJiBvcHRpb25zLmVuYWJsZUh0bWxcIlxyXG4gICAgY2xhc3M9XCJtcngtdG9hc3Rlcl9fdGV4dFwiXHJcbiAgICBbY2xhc3NdPVwib3B0aW9ucy5tZXNzYWdlQ2xhc3NcIlxyXG4gICAgW2lubmVySFRNTF09XCJtZXNzYWdlIHwgc2FmZVwiXHJcbiAgPjwvZGl2PlxyXG5cclxuICA8ZGl2XHJcbiAgICAqbmdJZj1cIm1lc3NhZ2UgJiYgIW9wdGlvbnMuZW5hYmxlSHRtbFwiXHJcbiAgICBjbGFzcz1cIm1yeC10b2FzdGVyX190ZXh0XCJcclxuICA+e3sgbWVzc2FnZSB9fTwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxzcGFuXHJcbiAgKm5nSWY9XCJvcHRpb25zLmNsb3NlQnV0dG9uXCJcclxuICAoY2xpY2spPVwicmVtb3ZlKClcIlxyXG4gIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jbG9zZSBpY29uLWZvbnQtMTYgbXJ4LXRvYXN0ZXJfX2Nsb3NlXCJcclxuPjwvc3Bhbj5cclxuIl19
|
|
@@ -20,7 +20,7 @@ export class ToasterServiceModule {
|
|
|
20
20
|
success: 'mrx-toaster-positive',
|
|
21
21
|
warning: 'mrx-toaster-attention',
|
|
22
22
|
},
|
|
23
|
-
|
|
23
|
+
autoDismiss: true,
|
|
24
24
|
toastClass: 'mrx-toaster'
|
|
25
25
|
}),
|
|
26
26
|
SafeModule] });
|
|
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
38
38
|
success: 'mrx-toaster-positive',
|
|
39
39
|
warning: 'mrx-toaster-attention',
|
|
40
40
|
},
|
|
41
|
-
|
|
41
|
+
autoDismiss: true,
|
|
42
42
|
toastClass: 'mrx-toaster'
|
|
43
43
|
}),
|
|
44
44
|
SafeModule
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
49
49
|
]
|
|
50
50
|
}]
|
|
51
51
|
}] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci1zZXJ2aWNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvc2VydmljZXMvdG9hc3Rlci1zZXJ2aWNlL3RvYXN0ZXItc2VydmljZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBeUIxRCxNQUFNLE9BQU8sb0JBQW9CO3dHQUFwQixvQkFBb0I7eUdBQXBCLG9CQUFvQixpQkFwQmhCLGdCQUFnQixhQUU3QixZQUFZLG1CQVdaLFVBQVU7eUdBT0Qsb0JBQW9CLGFBTHBCO1lBQ1QsYUFBYTtZQUNiLGNBQWM7U0FDZixZQWhCQyxZQUFZO1lBQ1osWUFBWSxDQUFDLE9BQU8sQ0FBQztnQkFDbkIsV0FBVyxFQUFFO29CQUNYLEtBQUssRUFBRSxzQkFBc0I7b0JBQzdCLElBQUksRUFBRSxrQkFBa0I7b0JBQ3hCLE9BQU8sRUFBRSxzQkFBc0I7b0JBQy9CLE9BQU8sRUFBRSx1QkFBdUI7aUJBQ2pDO2dCQUNELFdBQVcsRUFBRSxJQUFJO2dCQUNqQixVQUFVLEVBQUUsYUFBYTthQUMxQixDQUFDO1lBQ0YsVUFBVTs7NEZBT0Qsb0JBQW9CO2tCQXJCaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWSxDQUFDLE9BQU8sQ0FBQzs0QkFDbkIsV0FBVyxFQUFFO2dDQUNYLEtBQUssRUFBRSxzQkFBc0I7Z0NBQzdCLElBQUksRUFBRSxrQkFBa0I7Z0NBQ3hCLE9BQU8sRUFBRSxzQkFBc0I7Z0NBQy9CLE9BQU8sRUFBRSx1QkFBdUI7NkJBQ2pDOzRCQUNELFdBQVcsRUFBRSxJQUFJOzRCQUNqQixVQUFVLEVBQUUsYUFBYTt5QkFDMUIsQ0FBQzt3QkFDRixVQUFVO3FCQUNYO29CQUNELFNBQVMsRUFBRTt3QkFDVCxhQUFhO3dCQUNiLGNBQWM7cUJBQ2Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUb2FzdHJNb2R1bGUsIFRvYXN0clNlcnZpY2UgfSBmcm9tICduZ3gtdG9hc3RyJztcclxuaW1wb3J0IHsgVG9hc3RlclNlcnZpY2UgfSBmcm9tICcuL3RvYXN0ZXItc2VydmljZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVG9hc3RlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90b2FzdGVyL3RvYXN0ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2FmZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3NhZmUvc2FmZS5tb2R1bGUnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1RvYXN0ZXJDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFRvYXN0ck1vZHVsZS5mb3JSb290KHtcclxuICAgICAgaWNvbkNsYXNzZXM6IHtcclxuICAgICAgICBlcnJvcjogJ21yeC10b2FzdGVyLW5lZ2F0aXZlJyxcclxuICAgICAgICBpbmZvOiAnbXJ4LXRvYXN0ZXItaW5mbycsXHJcbiAgICAgICAgc3VjY2VzczogJ21yeC10b2FzdGVyLXBvc2l0aXZlJyxcclxuICAgICAgICB3YXJuaW5nOiAnbXJ4LXRvYXN0ZXItYXR0ZW50aW9uJyxcclxuICAgICAgfSxcclxuICAgICAgYXV0b0Rpc21pc3M6IHRydWUsXHJcbiAgICAgIHRvYXN0Q2xhc3M6ICdtcngtdG9hc3RlcidcclxuICAgIH0pLFxyXG4gICAgU2FmZU1vZHVsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBUb2FzdHJTZXJ2aWNlLFxyXG4gICAgVG9hc3RlclNlcnZpY2VcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb2FzdGVyU2VydmljZU1vZHVsZSB7IH1cclxuIl19
|
|
@@ -14,7 +14,11 @@ export class ToasterService {
|
|
|
14
14
|
closeButton: true,
|
|
15
15
|
positionClass: ToasterPosition.BottomRight,
|
|
16
16
|
enableHtml: false,
|
|
17
|
-
timeOut: 5000
|
|
17
|
+
timeOut: 5000,
|
|
18
|
+
disableTimeOut: false,
|
|
19
|
+
payload: {
|
|
20
|
+
colorType: data.type || ToasterType.Info
|
|
21
|
+
}
|
|
18
22
|
};
|
|
19
23
|
if (customConfig) {
|
|
20
24
|
for (let key in customConfig) {
|
|
@@ -46,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
46
50
|
providedIn: 'root'
|
|
47
51
|
}]
|
|
48
52
|
}], ctorParameters: () => [{ type: i1.ToastrService }] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci1zZXJ2aWNlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3NlcnZpY2VzL3RvYXN0ZXItc2VydmljZS90b2FzdGVyLXNlcnZpY2Uuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQUsxRSxNQUFNLE9BQU8sY0FBYztJQUdmO0lBRFYsWUFDVSxlQUE4QjtRQUE5QixvQkFBZSxHQUFmLGVBQWUsQ0FBZTtJQUNyQyxDQUFDO0lBRUosSUFBSSxDQUFDLElBQTRELEVBQUUsWUFBd0M7UUFDekcsTUFBTSxXQUFXLEdBQThCO1lBQzdDLGNBQWMsRUFBRSxnQkFBZ0I7WUFDaEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLGVBQWUsQ0FBQyxXQUFXO1lBQzFDLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLE9BQU8sRUFBRSxJQUFJO1lBQ2IsY0FBYyxFQUFFLEtBQUs7WUFDckIsT0FBTyxFQUFFO2dCQUNQLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQyxJQUFJO2FBQ3pDO1NBQ0YsQ0FBQztRQUVGLElBQUksWUFBWSxFQUFFLENBQUM7WUFDakIsS0FBSyxJQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztnQkFDN0IsSUFBSSxZQUFZLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7b0JBQ3JDLFdBQVcsQ0FBQyxHQUFzQyxDQUFDLEdBQUcsWUFBWSxDQUFDLEdBQXNDLENBQUMsQ0FBQTtnQkFDNUcsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO1FBRUQsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxXQUFXLENBQUMsUUFBUTtnQkFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDO2dCQUNwRSxNQUFNO1lBQ1IsS0FBSyxXQUFXLENBQUMsUUFBUTtnQkFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDO2dCQUNsRSxNQUFNO1lBQ1IsS0FBSyxXQUFXLENBQUMsU0FBUztnQkFDeEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDO2dCQUNwRSxNQUFNO1lBQ1I7Z0JBQ0UsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBQ3JFLENBQUM7SUFDSCxDQUFDO3dHQXhDVSxjQUFjOzRHQUFkLGNBQWMsY0FGYixNQUFNOzs0RkFFUCxjQUFjO2tCQUgxQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVG9hc3RyU2VydmljZSB9IGZyb20gJ25neC10b2FzdHInO1xyXG5pbXBvcnQgeyBUb2FzdGVyUG9zaXRpb24sIFRvYXN0ZXJUeXBlIH0gZnJvbSAnLi9tb2RlbHMvdG9hc3Rlci5tb2RlbCc7XHJcbmltcG9ydCB7IEluZGl2aWR1YWxDb25maWcgfSBmcm9tICduZ3gtdG9hc3RyL3RvYXN0ci90b2FzdHItY29uZmlnJztcclxuaW1wb3J0IHsgVG9hc3RlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90b2FzdGVyL3RvYXN0ZXIuY29tcG9uZW50JztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvYXN0ZXJTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIF90b2FzdGVyU2VydmljZTogVG9hc3RyU2VydmljZVxyXG4gICkge31cclxuXHJcbiAgc2hvdyhkYXRhOiB7dGl0bGU/OiBzdHJpbmcsIG1lc3NhZ2U/OiBzdHJpbmcsIHR5cGU/OiBUb2FzdGVyVHlwZX0sIGN1c3RvbUNvbmZpZz86IFBhcnRpYWw8SW5kaXZpZHVhbENvbmZpZz4pIHtcclxuICAgIGNvbnN0IHRvYXN0Q29uZmlnOiBQYXJ0aWFsPEluZGl2aWR1YWxDb25maWc+ID0ge1xyXG4gICAgICB0b2FzdENvbXBvbmVudDogVG9hc3RlckNvbXBvbmVudCxcclxuICAgICAgY2xvc2VCdXR0b246IHRydWUsXHJcbiAgICAgIHBvc2l0aW9uQ2xhc3M6IFRvYXN0ZXJQb3NpdGlvbi5Cb3R0b21SaWdodCxcclxuICAgICAgZW5hYmxlSHRtbDogZmFsc2UsXHJcbiAgICAgIHRpbWVPdXQ6IDUwMDAsXHJcbiAgICAgIGRpc2FibGVUaW1lT3V0OiBmYWxzZSxcclxuICAgICAgcGF5bG9hZDoge1xyXG4gICAgICAgIGNvbG9yVHlwZTogZGF0YS50eXBlIHx8IFRvYXN0ZXJUeXBlLkluZm9cclxuICAgICAgfVxyXG4gICAgfTtcclxuXHJcbiAgICBpZiAoY3VzdG9tQ29uZmlnKSB7XHJcbiAgICAgIGZvciAobGV0IGtleSBpbiBjdXN0b21Db25maWcpIHtcclxuICAgICAgICBpZiAoY3VzdG9tQ29uZmlnLmhhc093blByb3BlcnR5KGtleSkpIHtcclxuICAgICAgICAgIHRvYXN0Q29uZmlnW2tleSBhcyBrZXlvZiBQYXJ0aWFsPEluZGl2aWR1YWxDb25maWc+XSA9IGN1c3RvbUNvbmZpZ1trZXkgYXMga2V5b2YgUGFydGlhbDxJbmRpdmlkdWFsQ29uZmlnPl1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBzd2l0Y2ggKGRhdGEudHlwZSkge1xyXG4gICAgICBjYXNlIFRvYXN0ZXJUeXBlLlBvc2l0aXZlOlxyXG4gICAgICAgIHRoaXMuX3RvYXN0ZXJTZXJ2aWNlLnN1Y2Nlc3MoZGF0YS5tZXNzYWdlLCBkYXRhLnRpdGxlLCB0b2FzdENvbmZpZyk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgVG9hc3RlclR5cGUuTmVnYXRpdmU6XHJcbiAgICAgICAgdGhpcy5fdG9hc3RlclNlcnZpY2UuZXJyb3IoZGF0YS5tZXNzYWdlLCBkYXRhLnRpdGxlLCB0b2FzdENvbmZpZyk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgVG9hc3RlclR5cGUuQXR0ZW50aW9uOlxyXG4gICAgICAgIHRoaXMuX3RvYXN0ZXJTZXJ2aWNlLndhcm5pbmcoZGF0YS5tZXNzYWdlLCBkYXRhLnRpdGxlLCB0b2FzdENvbmZpZyk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgdGhpcy5fdG9hc3RlclNlcnZpY2UuaW5mbyhkYXRhLm1lc3NhZ2UsIGRhdGEudGl0bGUsIHRvYXN0Q29uZmlnKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -4130,10 +4130,12 @@ var ToasterPosition;
|
|
|
4130
4130
|
class ToasterComponent extends Toast {
|
|
4131
4131
|
toastrService;
|
|
4132
4132
|
toastPackage;
|
|
4133
|
+
ToasterType = ToasterType;
|
|
4133
4134
|
constructor(toastrService, toastPackage) {
|
|
4134
4135
|
super(toastrService, toastPackage);
|
|
4135
4136
|
this.toastrService = toastrService;
|
|
4136
4137
|
this.toastPackage = toastPackage;
|
|
4138
|
+
console.log(this.options);
|
|
4137
4139
|
}
|
|
4138
4140
|
action(event) {
|
|
4139
4141
|
event.stopPropagation();
|
|
@@ -4141,11 +4143,11 @@ class ToasterComponent extends Toast {
|
|
|
4141
4143
|
return false;
|
|
4142
4144
|
}
|
|
4143
4145
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ToasterComponent, deps: [{ token: i1$7.ToastrService }, { token: i1$7.ToastPackage }], target: i0.ɵɵFactoryTarget.Component });
|
|
4144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ToasterComponent, selector: "mrx-toaster", usesInheritance: true, ngImport: i0, template: "<div class=\"mrx-toaster__type-icon\">\r\n <
|
|
4146
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ToasterComponent, selector: "mrx-toaster", usesInheritance: true, ngImport: i0, template: "<div class=\"mrx-toaster__type-icon\">\r\n <ng-container [ngSwitch]=\"options.payload.colorType\">\r\n <ng-container *ngSwitchCase=\"ToasterType.Positive\">\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Negative\">\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Attention\">\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-toaster__content\">\r\n <div class=\"mrx-toaster__title\">{{ title }}</div>\r\n <div\r\n *ngIf=\"message && options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n [class]=\"options.messageClass\"\r\n [innerHTML]=\"message | safe\"\r\n ></div>\r\n\r\n <div\r\n *ngIf=\"message && !options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n >{{ message }}</div>\r\n</div>\r\n\r\n<span\r\n *ngIf=\"options.closeButton\"\r\n (click)=\"remove()\"\r\n class=\"mrx-icon icon-close icon-font-16 mrx-toaster__close\"\r\n></span>\r\n", styles: [":host{position:relative;display:block;pointer-events:auto;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:16px 24px 16px 48px}:host:not(:last-child){margin-bottom:16px}:host .mrx-toaster__type-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:16px;left:16px}:host .mrx-toaster__content{display:flex;flex-direction:column;justify-content:center;min-height:24px}:host .mrx-toaster__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}:host.mrx-toaster-info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}:host.mrx-toaster-info .mrx-toaster__title{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__text{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__type-icon{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__close{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}:host.mrx-toaster-positive .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__type-icon{color:var(--system-icon-positive, #2DA454)}:host.mrx-toaster-positive .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}:host.mrx-toaster-negative .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__type-icon{color:var(--system-icon-negative, #C65836)}:host.mrx-toaster-negative .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}:host.mrx-toaster-attention .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__type-icon{color:var(--system-icon-attention, #D97508)}:host.mrx-toaster-attention .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host .mrx-toaster__content .mrx-toaster__title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host .mrx-toaster__content .mrx-toaster__text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: SafePipe, name: "safe" }] });
|
|
4145
4147
|
}
|
|
4146
4148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ToasterComponent, decorators: [{
|
|
4147
4149
|
type: Component,
|
|
4148
|
-
args: [{ selector: 'mrx-toaster', template: "<div class=\"mrx-toaster__type-icon\">\r\n <
|
|
4150
|
+
args: [{ selector: 'mrx-toaster', template: "<div class=\"mrx-toaster__type-icon\">\r\n <ng-container [ngSwitch]=\"options.payload.colorType\">\r\n <ng-container *ngSwitchCase=\"ToasterType.Positive\">\r\n <span class=\"mrx-icon icon-check color-positive icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Negative\">\r\n <span class=\"mrx-icon icon-close color-negative icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"ToasterType.Attention\">\r\n <span class=\"mrx-icon icon-attention color-attention icon-font-16\"></span>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <span class=\"mrx-icon icon-info color-info icon-font-16\"></span>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-toaster__content\">\r\n <div class=\"mrx-toaster__title\">{{ title }}</div>\r\n <div\r\n *ngIf=\"message && options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n [class]=\"options.messageClass\"\r\n [innerHTML]=\"message | safe\"\r\n ></div>\r\n\r\n <div\r\n *ngIf=\"message && !options.enableHtml\"\r\n class=\"mrx-toaster__text\"\r\n >{{ message }}</div>\r\n</div>\r\n\r\n<span\r\n *ngIf=\"options.closeButton\"\r\n (click)=\"remove()\"\r\n class=\"mrx-icon icon-close icon-font-16 mrx-toaster__close\"\r\n></span>\r\n", styles: [":host{position:relative;display:block;pointer-events:auto;border-radius:4px;box-shadow:0 1px 4px #3a3a3a4d;width:300px;max-width:calc(100vw - 32px);min-height:56px;padding:16px 24px 16px 48px}:host:not(:last-child){margin-bottom:16px}:host .mrx-toaster__type-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:16px;left:16px}:host .mrx-toaster__content{display:flex;flex-direction:column;justify-content:center;min-height:24px}:host .mrx-toaster__close{position:absolute;top:8px;right:8px;color:#fff;cursor:pointer}:host.mrx-toaster-info{background-color:var(--brand-toast-info-bg-default, #BED6F1)}:host.mrx-toaster-info .mrx-toaster__title{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__text{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__type-icon{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-info .mrx-toaster__close{color:var(--neutral-text-primary, #262626)}:host.mrx-toaster-positive{background-color:var(--system-bg-controls-positive-default, #108E3A)}:host.mrx-toaster-positive .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-positive .mrx-toaster__type-icon{color:var(--system-icon-positive, #2DA454)}:host.mrx-toaster-positive .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative{background-color:var(--system-bg-controls-negative-default, #B83B15)}:host.mrx-toaster-negative .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-negative .mrx-toaster__type-icon{color:var(--system-icon-negative, #C65836)}:host.mrx-toaster-negative .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention{background-color:var(--system-bg-controls-attention-default, #CC6E07)}:host.mrx-toaster-attention .mrx-toaster__title{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__text{color:var(--neutral-text-inverse, #FFF)}:host.mrx-toaster-attention .mrx-toaster__type-icon{color:var(--system-icon-attention, #D97508)}:host.mrx-toaster-attention .mrx-toaster__close{color:var(--neutral-text-inverse, #FFF)}:host .mrx-toaster__content .mrx-toaster__title{font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host .mrx-toaster__content .mrx-toaster__text{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}\n"] }]
|
|
4149
4151
|
}], ctorParameters: () => [{ type: i1$7.ToastrService }, { type: i1$7.ToastPackage }] });
|
|
4150
4152
|
|
|
4151
4153
|
class ToasterService {
|
|
@@ -4159,7 +4161,11 @@ class ToasterService {
|
|
|
4159
4161
|
closeButton: true,
|
|
4160
4162
|
positionClass: ToasterPosition.BottomRight,
|
|
4161
4163
|
enableHtml: false,
|
|
4162
|
-
timeOut: 5000
|
|
4164
|
+
timeOut: 5000,
|
|
4165
|
+
disableTimeOut: false,
|
|
4166
|
+
payload: {
|
|
4167
|
+
colorType: data.type || ToasterType.Info
|
|
4168
|
+
}
|
|
4163
4169
|
};
|
|
4164
4170
|
if (customConfig) {
|
|
4165
4171
|
for (let key in customConfig) {
|
|
@@ -4206,7 +4212,7 @@ class ToasterServiceModule {
|
|
|
4206
4212
|
success: 'mrx-toaster-positive',
|
|
4207
4213
|
warning: 'mrx-toaster-attention',
|
|
4208
4214
|
},
|
|
4209
|
-
|
|
4215
|
+
autoDismiss: true,
|
|
4210
4216
|
toastClass: 'mrx-toaster'
|
|
4211
4217
|
}),
|
|
4212
4218
|
SafeModule] });
|
|
@@ -4224,7 +4230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
4224
4230
|
success: 'mrx-toaster-positive',
|
|
4225
4231
|
warning: 'mrx-toaster-attention',
|
|
4226
4232
|
},
|
|
4227
|
-
|
|
4233
|
+
autoDismiss: true,
|
|
4228
4234
|
toastClass: 'mrx-toaster'
|
|
4229
4235
|
}),
|
|
4230
4236
|
SafeModule
|