@wizishop/angular-components 15.1.136 → 15.1.137
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/angular-components.scss +8 -0
- package/esm2020/lib/components/alert-popup/alert-popup.component.mjs +39 -8
- package/fesm2015/wizishop-angular-components.mjs +39 -7
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +38 -7
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/alert-popup/alert-popup.component.d.ts +9 -3
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.137.tgz +0 -0
- package/wizishop-angular-components-15.1.136.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -505,6 +505,8 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
505
505
|
width: auto;
|
|
506
506
|
box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
|
|
507
507
|
font-size: 14px;
|
|
508
|
+
visibility: hidden;
|
|
509
|
+
opacity: 0!important;
|
|
508
510
|
|
|
509
511
|
&.with-icon {
|
|
510
512
|
.alert--message {
|
|
@@ -515,6 +517,12 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
515
517
|
}
|
|
516
518
|
}
|
|
517
519
|
|
|
520
|
+
&.is-loaded {
|
|
521
|
+
visibility: visible;
|
|
522
|
+
opacity: 1!important;
|
|
523
|
+
transition: opacity .3s ease .3s, visibility 0s!important;
|
|
524
|
+
}
|
|
525
|
+
|
|
518
526
|
.icon + .wac-alert-popup__close + .wac-alert-popup__text {
|
|
519
527
|
width: auto;
|
|
520
528
|
}
|
|
@@ -3,18 +3,35 @@ import { Component, ViewEncapsulation } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class AlertPopupComponent {
|
|
6
|
-
constructor() {
|
|
6
|
+
constructor(elRef, renderer) {
|
|
7
|
+
this.elRef = elRef;
|
|
8
|
+
this.renderer = renderer;
|
|
7
9
|
/** Subject for notifying the user that the dialog has finished closing. */
|
|
8
10
|
this.afterClosedPopup = new Subject();
|
|
9
11
|
this.open = false;
|
|
10
12
|
}
|
|
11
|
-
|
|
13
|
+
ngOnInit() {
|
|
12
14
|
setTimeout(() => {
|
|
13
15
|
this.open = true;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
}, 100);
|
|
17
|
+
this.observer = new MutationObserver(() => {
|
|
18
|
+
const alert = document.querySelector('.wac-alert-popup:last-child .alert');
|
|
19
|
+
if (alert) {
|
|
20
|
+
const bgColor = getComputedStyle(alert).backgroundColor;
|
|
21
|
+
const hexColor = this.rgbToHex(bgColor);
|
|
22
|
+
if ((hexColor === '#2ecc71' || hexColor === '#e95656') && !alert.classList.contains('is-loaded')) {
|
|
23
|
+
alert.classList.add('is-loaded');
|
|
24
|
+
this.observer.disconnect();
|
|
25
|
+
}
|
|
16
26
|
}
|
|
17
|
-
}
|
|
27
|
+
});
|
|
28
|
+
this.observer.observe(document.body, {
|
|
29
|
+
childList: true,
|
|
30
|
+
subtree: true
|
|
31
|
+
});
|
|
32
|
+
if (this.config.duration > 0) {
|
|
33
|
+
this.timer = setTimeout(() => this.dismiss(), this.config.duration);
|
|
34
|
+
}
|
|
18
35
|
}
|
|
19
36
|
dismiss() {
|
|
20
37
|
this.open = false;
|
|
@@ -29,13 +46,27 @@ export class AlertPopupComponent {
|
|
|
29
46
|
afterClosed() {
|
|
30
47
|
return this.afterClosedPopup.asObservable();
|
|
31
48
|
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
this.observer?.disconnect();
|
|
51
|
+
}
|
|
52
|
+
rgbToHex(rgb) {
|
|
53
|
+
const result = rgb.match(/\d+/g);
|
|
54
|
+
if (!result)
|
|
55
|
+
return '';
|
|
56
|
+
const [r, g, b] = result.map(Number);
|
|
57
|
+
return ('#' +
|
|
58
|
+
[r, g, b]
|
|
59
|
+
.map((x) => x.toString(16).padStart(2, '0'))
|
|
60
|
+
.join('')
|
|
61
|
+
.toLowerCase());
|
|
62
|
+
}
|
|
32
63
|
}
|
|
33
|
-
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
+
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
65
|
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
35
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
36
67
|
type: Component,
|
|
37
68
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
38
69
|
class: 'wac-alert-popup'
|
|
39
70
|
}, encapsulation: ViewEncapsulation.None, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n" }]
|
|
40
|
-
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC1wb3B1cC9hbGVydC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0LXBvcHVwL2FsZXJ0LXBvcHVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxPQUFPLEVBQWUsTUFBTSxNQUFNLENBQUM7QUFFdkQsT0FBTyxFQUFnQixTQUFTLEVBQTRDLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFVcEgsTUFBTSxPQUFPLG1CQUFtQjtJQVc5QixZQUFvQixLQUFpQixFQUFVLFFBQW1CO1FBQTlDLFVBQUssR0FBTCxLQUFLLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBUmxFLDJFQUEyRTtRQUNuRSxxQkFBZ0IsR0FBaUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUV2RCxTQUFJLEdBQUcsS0FBSyxDQUFDO0lBS3dELENBQUM7SUFFdEUsUUFBUTtRQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNuQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFUixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksZ0JBQWdCLENBQUMsR0FBRyxFQUFFO1lBRXhDLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsb0NBQW9DLENBQWdCLENBQUM7WUFDMUYsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsTUFBTSxPQUFPLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUMsZUFBZSxDQUFDO2dCQUN4RCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUV4QyxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsSUFBSSxRQUFRLEtBQUssU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRTtvQkFDaEcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7b0JBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFLENBQUM7aUJBQzVCO2FBQ0Y7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUU7WUFDbkMsU0FBUyxFQUFFLElBQUk7WUFDZixPQUFPLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQztRQUdILElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3JFO0lBRUgsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUVsQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbkMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVEOztPQUVHO0lBQ0gsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzlDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU8sUUFBUSxDQUFDLEdBQVc7UUFDMUIsTUFBTSxNQUFNLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsTUFBTTtZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckMsT0FBTyxDQUNMLEdBQUc7WUFDSCxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2lCQUNOLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2lCQUMzQyxJQUFJLENBQUMsRUFBRSxDQUFDO2lCQUNSLFdBQVcsRUFBRSxDQUNqQixDQUFDO0lBQ0osQ0FBQzs7Z0hBM0VVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLG9HQ1poQyx5L0JBYUE7MkZERGEsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGlCQUFpQixRQUVyQjt3QkFDSixLQUFLLEVBQUUsaUJBQWlCO3FCQUN6QixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0LCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBbGVydFBvcHVwQ29uZmlnIH0gZnJvbSAnLi9hbGVydC1wb3B1cC5zZXJ2aWNlJztcclxuaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIE9uRGVzdHJveSwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd2FjLWFsZXJ0LXBvcHVwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQtcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHtcclxuICAgIGNsYXNzOiAnd2FjLWFsZXJ0LXBvcHVwJ1xyXG4gIH0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRQb3B1cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBjb25maWc6IEFsZXJ0UG9wdXBDb25maWc7XHJcblxyXG4gIC8qKiBTdWJqZWN0IGZvciBub3RpZnlpbmcgdGhlIHVzZXIgdGhhdCB0aGUgZGlhbG9nIGhhcyBmaW5pc2hlZCBjbG9zaW5nLiAqL1xyXG4gIHByaXZhdGUgYWZ0ZXJDbG9zZWRQb3B1cDogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3QoKTtcclxuXHJcbiAgb3BlbiA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIHRpbWVyOiBhbnk7XHJcblxyXG4gIHByaXZhdGUgb2JzZXJ2ZXI6IE11dGF0aW9uT2JzZXJ2ZXI7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9wZW4gPSB0cnVlO1xyXG4gICAgfSwgMTAwKTtcclxuXHJcbiAgICB0aGlzLm9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKCkgPT4ge1xyXG5cclxuICAgICAgY29uc3QgYWxlcnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcud2FjLWFsZXJ0LXBvcHVwOmxhc3QtY2hpbGQgLmFsZXJ0JykgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICAgIGlmIChhbGVydCkge1xyXG4gICAgICAgIGNvbnN0IGJnQ29sb3IgPSBnZXRDb21wdXRlZFN0eWxlKGFsZXJ0KS5iYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICAgICAgY29uc3QgaGV4Q29sb3IgPSB0aGlzLnJnYlRvSGV4KGJnQ29sb3IpO1xyXG5cclxuICAgICAgICBpZiAoKGhleENvbG9yID09PSAnIzJlY2M3MScgfHwgaGV4Q29sb3IgPT09ICcjZTk1NjU2JykgJiYgIWFsZXJ0LmNsYXNzTGlzdC5jb250YWlucygnaXMtbG9hZGVkJykpIHtcclxuICAgICAgICAgIGFsZXJ0LmNsYXNzTGlzdC5hZGQoJ2lzLWxvYWRlZCcpO1xyXG4gICAgICAgICAgdGhpcy5vYnNlcnZlci5kaXNjb25uZWN0KCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLm9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQuYm9keSwge1xyXG4gICAgICBjaGlsZExpc3Q6IHRydWUsXHJcbiAgICAgIHN1YnRyZWU6IHRydWVcclxuICAgIH0pO1xyXG5cclxuXHJcbiAgICBpZiAodGhpcy5jb25maWcuZHVyYXRpb24gPiAwKSB7XHJcbiAgICAgIHRoaXMudGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuZGlzbWlzcygpLCB0aGlzLmNvbmZpZy5kdXJhdGlvbik7XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbiAgZGlzbWlzcygpIHtcclxuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xyXG5cclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmFmdGVyQ2xvc2VkUG9wdXAubmV4dCh0cnVlKTtcclxuICAgICAgdGhpcy5hZnRlckNsb3NlZFBvcHVwLmNvbXBsZXRlKCk7XHJcbiAgICB9LCAyMDApO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogR2V0cyBhbiBvYnNlcnZhYmxlIHRoYXQgaXMgbm90aWZpZWQgd2hlbiB0aGUgZGlhbG9nIGlzIGZpbmlzaGVkIGNsb3NpbmcuXHJcbiAgICovXHJcbiAgYWZ0ZXJDbG9zZWQoKTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLmFmdGVyQ2xvc2VkUG9wdXAuYXNPYnNlcnZhYmxlKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMub2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmdiVG9IZXgocmdiOiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgcmVzdWx0ID0gcmdiLm1hdGNoKC9cXGQrL2cpO1xyXG4gICAgaWYgKCFyZXN1bHQpIHJldHVybiAnJztcclxuICAgIGNvbnN0IFtyLCBnLCBiXSA9IHJlc3VsdC5tYXAoTnVtYmVyKTtcclxuICAgIHJldHVybiAoXHJcbiAgICAgICcjJyArXHJcbiAgICAgIFtyLCBnLCBiXVxyXG4gICAgICAgIC5tYXAoKHgpID0+IHgudG9TdHJpbmcoMTYpLnBhZFN0YXJ0KDIsICcwJykpXHJcbiAgICAgICAgLmpvaW4oJycpXHJcbiAgICAgICAgLnRvTG93ZXJDYXNlKClcclxuICAgICk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBbY2xhc3NdPVwiJ2FsZXJ0ICcgKyAoKGNvbmZpZy5jb2xvcikgPyBjb25maWcuY29sb3IgOiAnIGlzLXByaW1hcnknKSArICgoY29uZmlnLmV4dHJhQ2xhc3NlcykgPyAnICcgKyBjb25maWcuZXh0cmFDbGFzc2VzIDogJycpICsgKChjb25maWcucG9zaXRpb24pID8gJyAnICsgY29uZmlnLnBvc2l0aW9uIDogJycpICsgKChjb25maWcuZnVsbHNpemUpID8gJyBmdWxsc2l6ZScgOiAnJykgKyAoKGNvbmZpZy5vcGFjaXR5KSA/ICcgb3BhY2l0eS1hY3RpdmUnIDogJycpICsgKChjb25maWcuc21hbGwpID8gJyBzbWFsbCcgOiAnJykgKyAoKGNvbmZpZy5pY29uKSA/ICcgd2l0aC1pY29uJyA6ICcnKSArICgoY29uZmlnLmR1cmF0aW9uKSA/ICcnIDogJyBuby1kdXJhdGlvbicpXCJcclxuICBbbmdDbGFzc109XCJ7J2lzLWFjdGl2ZSc6IG9wZW4sICdoYXMtY2xvc2UnOiBjb25maWcuY2xvc2VCdXR0b259XCJcclxuPlxyXG4gIDxkaXYgY2xhc3M9XCJhbGVydC0tbWVzc2FnZVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJpY29uXCIgKm5nSWY9XCJjb25maWcuaWNvblwiPlxyXG4gICAgICAgIDxpIFtjbGFzc109XCJjb25maWcuaWNvblwiPjwvaT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIChjbGljayk9XCJkaXNtaXNzKClcIiBjbGFzcz1cIndhYy1hbGVydC1wb3B1cF9fY2xvc2VcIiAqbmdJZj1cIiFjb25maWcuc21hbGwgfHwgKGNvbmZpZy5zbWFsbCAmJiBjb25maWcuY2xvc2VCdXR0b24pXCI+PGkgY2xhc3M9XCJmYXIgZmEtdGltZXNcIj48L2k+PC9zcGFuPlxyXG4gICAgPHAgKm5nSWY9XCJjb25maWcudGl0bGVcIiBjbGFzcz1cIndhYy1hbGVydC1wb3B1cF9fdGl0bGVcIiBbaW5uZXJIVE1MXT1cImNvbmZpZy50aXRsZVwiPjwvcD5cclxuICAgIDxwICpuZ0lmPVwiY29uZmlnLm1lc3NhZ2VcIiBjbGFzcz1cIndhYy1hbGVydC1wb3B1cF9fdGV4dFwiIFtpbm5lckhUTUxdPVwiY29uZmlnLm1lc3NhZ2VcIj48L3A+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -4612,18 +4612,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
4612
4612
|
}] } });
|
|
4613
4613
|
|
|
4614
4614
|
class AlertPopupComponent {
|
|
4615
|
-
constructor() {
|
|
4615
|
+
constructor(elRef, renderer) {
|
|
4616
|
+
this.elRef = elRef;
|
|
4617
|
+
this.renderer = renderer;
|
|
4616
4618
|
/** Subject for notifying the user that the dialog has finished closing. */
|
|
4617
4619
|
this.afterClosedPopup = new Subject();
|
|
4618
4620
|
this.open = false;
|
|
4619
4621
|
}
|
|
4620
|
-
|
|
4622
|
+
ngOnInit() {
|
|
4621
4623
|
setTimeout(() => {
|
|
4622
4624
|
this.open = true;
|
|
4623
|
-
|
|
4624
|
-
|
|
4625
|
+
}, 100);
|
|
4626
|
+
this.observer = new MutationObserver(() => {
|
|
4627
|
+
const alert = document.querySelector('.wac-alert-popup:last-child .alert');
|
|
4628
|
+
if (alert) {
|
|
4629
|
+
const bgColor = getComputedStyle(alert).backgroundColor;
|
|
4630
|
+
const hexColor = this.rgbToHex(bgColor);
|
|
4631
|
+
if ((hexColor === '#2ecc71' || hexColor === '#e95656') && !alert.classList.contains('is-loaded')) {
|
|
4632
|
+
alert.classList.add('is-loaded');
|
|
4633
|
+
this.observer.disconnect();
|
|
4634
|
+
}
|
|
4625
4635
|
}
|
|
4626
|
-
}
|
|
4636
|
+
});
|
|
4637
|
+
this.observer.observe(document.body, {
|
|
4638
|
+
childList: true,
|
|
4639
|
+
subtree: true
|
|
4640
|
+
});
|
|
4641
|
+
if (this.config.duration > 0) {
|
|
4642
|
+
this.timer = setTimeout(() => this.dismiss(), this.config.duration);
|
|
4643
|
+
}
|
|
4627
4644
|
}
|
|
4628
4645
|
dismiss() {
|
|
4629
4646
|
this.open = false;
|
|
@@ -4638,15 +4655,30 @@ class AlertPopupComponent {
|
|
|
4638
4655
|
afterClosed() {
|
|
4639
4656
|
return this.afterClosedPopup.asObservable();
|
|
4640
4657
|
}
|
|
4658
|
+
ngOnDestroy() {
|
|
4659
|
+
var _a;
|
|
4660
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
4661
|
+
}
|
|
4662
|
+
rgbToHex(rgb) {
|
|
4663
|
+
const result = rgb.match(/\d+/g);
|
|
4664
|
+
if (!result)
|
|
4665
|
+
return '';
|
|
4666
|
+
const [r, g, b] = result.map(Number);
|
|
4667
|
+
return ('#' +
|
|
4668
|
+
[r, g, b]
|
|
4669
|
+
.map((x) => x.toString(16).padStart(2, '0'))
|
|
4670
|
+
.join('')
|
|
4671
|
+
.toLowerCase());
|
|
4672
|
+
}
|
|
4641
4673
|
}
|
|
4642
|
-
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4674
|
+
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4643
4675
|
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4644
4676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
4645
4677
|
type: Component,
|
|
4646
4678
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
4647
4679
|
class: 'wac-alert-popup'
|
|
4648
4680
|
}, encapsulation: ViewEncapsulation.None, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n" }]
|
|
4649
|
-
}] });
|
|
4681
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
|
|
4650
4682
|
|
|
4651
4683
|
class AlertPopupService {
|
|
4652
4684
|
constructor(domService) {
|