@morozeckiy/dd-lib 0.1.9 → 0.1.11
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/toast/toast-base/toast-base.component.mjs +25 -6
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/morozeckiy-dd-lib.mjs +24 -5
- package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
- package/lib/toast/toast-base/toast-base.component.d.ts +8 -2
- package/{morozeckiy-dd-lib-0.1.8.tgz → morozeckiy-dd-lib-0.1.11.tgz} +0 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/morozeckiy-dd-lib-0.1.9.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Inject, InjectionToken } from '@angular/core';
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Inject, InjectionToken, Output, } from '@angular/core';
|
|
2
|
+
import { NgOptimizedImage, NgStyle } from '@angular/common';
|
|
3
3
|
import { LibSvgIconComponent } from "../../lib-svg-icon/lib-svg-icon.component";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../toast.service";
|
|
@@ -11,19 +11,38 @@ export class ToastBaseComponent {
|
|
|
11
11
|
constructor(toastService, ddToastData) {
|
|
12
12
|
this.toastService = toastService;
|
|
13
13
|
this.ddToastData = ddToastData;
|
|
14
|
+
this.callEvent = new EventEmitter();
|
|
15
|
+
this.maxWidth = '350px';
|
|
14
16
|
this.data = { ...this.ddToastData };
|
|
17
|
+
if (this.data.maxWidth) {
|
|
18
|
+
this.maxWidth = this.data.maxWidth;
|
|
19
|
+
}
|
|
20
|
+
this.top = window.scrollY + 'px';
|
|
21
|
+
}
|
|
22
|
+
scroll() {
|
|
23
|
+
this.top = window.scrollY + 'px';
|
|
15
24
|
}
|
|
16
25
|
destroy() {
|
|
17
26
|
this.toastService.destroyToast(this.id);
|
|
18
27
|
}
|
|
28
|
+
onClickDesc($event) {
|
|
29
|
+
if ($event.target.tagName === 'A') {
|
|
30
|
+
this.callEvent.emit();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
19
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, deps: [{ token: i1.ToastService }, { token: TOAST_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", outputs: { callEvent: "callEvent" }, host: { listeners: { "window:scroll": "scroll()" } }, ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
35
|
}
|
|
22
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, decorators: [{
|
|
23
37
|
type: Component,
|
|
24
|
-
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgOptimizedImage,
|
|
38
|
+
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgOptimizedImage, NgStyle, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"] }]
|
|
25
39
|
}], ctorParameters: () => [{ type: i1.ToastService }, { type: undefined, decorators: [{
|
|
26
40
|
type: Inject,
|
|
27
41
|
args: [TOAST_DATA]
|
|
28
|
-
}] }]
|
|
29
|
-
|
|
42
|
+
}] }], propDecorators: { callEvent: [{
|
|
43
|
+
type: Output
|
|
44
|
+
}], scroll: [{
|
|
45
|
+
type: HostListener,
|
|
46
|
+
args: ['window:scroll']
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi90b2FzdC90b2FzdC1iYXNlL3RvYXN0LWJhc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvdG9hc3QvdG9hc3QtYmFzZS90b2FzdC1iYXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osTUFBTSxFQUNOLGNBQWMsRUFDZCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDJDQUEyQyxDQUFDOzs7QUFVOUUsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLElBQUksY0FBYyxDQUFZLFdBQVcsQ0FBQyxDQUFDO0FBVXJFLE1BQU0sT0FBTyxrQkFBa0I7SUFFN0IsSUFBVyxFQUFFO1FBQ1gsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBTUQsWUFBb0IsWUFBMEIsRUFBNkIsV0FBc0I7UUFBN0UsaUJBQVksR0FBWixZQUFZLENBQWM7UUFBNkIsZ0JBQVcsR0FBWCxXQUFXLENBQVc7UUFUaEYsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFNekMsYUFBUSxHQUFHLE9BQU8sQ0FBQztRQUl4QixJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDckMsQ0FBQztRQUNELElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQztJQUVxQyxNQUFNO1FBQzFDLElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVNLFdBQVcsQ0FBQyxNQUFrQjtRQUNuQyxJQUFLLE1BQU0sQ0FBQyxNQUFzQixDQUFDLE9BQU8sS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNuRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDSCxDQUFDOzhHQTlCVSxrQkFBa0IsOENBVTJCLFVBQVU7a0dBVnZELGtCQUFrQixvS0MvQi9CLHNPQU9BLHNqQkRtQnVDLG1CQUFtQjs7MkZBSzdDLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixDQUFDLG1CQUd4Qyx1QkFBdUIsQ0FBQyxNQUFNOzswQkFZRSxNQUFNOzJCQUFDLFVBQVU7eUNBVGpELFNBQVM7c0JBQXpCLE1BQU07Z0JBaUIrQixNQUFNO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIEluamVjdCxcclxuICBJbmplY3Rpb25Ub2tlbixcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nT3B0aW1pemVkSW1hZ2UsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUb2FzdFNlcnZpY2UsIFRvYXN0VHlwZSB9IGZyb20gJy4uL3RvYXN0LnNlcnZpY2UnO1xyXG5pbXBvcnQge0xpYlN2Z0ljb25Db21wb25lbnR9IGZyb20gXCIuLi8uLi9saWItc3ZnLWljb24vbGliLXN2Zy1pY29uLmNvbXBvbmVudFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBUb2FzdERhdGEge1xyXG4gIHRpdGxlPzogc3RyaW5nO1xyXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gIHR5cGU6IFRvYXN0VHlwZTtcclxuICBpZDogbnVtYmVyO1xyXG4gIG1heFdpZHRoPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgY29uc3QgVE9BU1RfREFUQSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUb2FzdERhdGE+KCdUb2FzdERhdGEnKTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtdG9hc3QtYmFzZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdPcHRpbWl6ZWRJbWFnZSwgTmdTdHlsZSwgTGliU3ZnSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LWJhc2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi90b2FzdC1iYXNlLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvYXN0QmFzZUNvbXBvbmVudCB7XHJcbiAgQE91dHB1dCgpIHB1YmxpYyBjYWxsRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgcHVibGljIGdldCBpZCgpIHtcclxuICAgIHJldHVybiB0aGlzLmRhdGEuaWQ7XHJcbiAgfVxyXG4gIHB1YmxpYyB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIHByb3RlY3RlZCBkYXRhOiBUb2FzdERhdGE7XHJcbiAgcHVibGljIG1heFdpZHRoID0gJzM1MHB4JztcclxuICBwdWJsaWMgdG9wOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBUb2FzdFNlcnZpY2UsIEBJbmplY3QoVE9BU1RfREFUQSkgcHVibGljIGRkVG9hc3REYXRhOiBUb2FzdERhdGEpIHtcclxuICAgIHRoaXMuZGF0YSA9IHsgLi4udGhpcy5kZFRvYXN0RGF0YSB9O1xyXG4gICAgaWYgKHRoaXMuZGF0YS5tYXhXaWR0aCkge1xyXG4gICAgICB0aGlzLm1heFdpZHRoID0gdGhpcy5kYXRhLm1heFdpZHRoO1xyXG4gICAgfVxyXG4gICAgdGhpcy50b3AgPSB3aW5kb3cuc2Nyb2xsWSArICdweCc7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJykgcHVibGljIHNjcm9sbCgpIHtcclxuICAgIHRoaXMudG9wID0gd2luZG93LnNjcm9sbFkgKyAncHgnO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnRvYXN0U2VydmljZS5kZXN0cm95VG9hc3QodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGlja0Rlc2MoJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAoKCRldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnRhZ05hbWUgPT09ICdBJykge1xyXG4gICAgICB0aGlzLmNhbGxFdmVudC5lbWl0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKGNsaWNrKT1cImRlc3Ryb3koKVwiIGNsYXNzPVwidG9hc3Qtd3JhcHBlciB7eyBkYXRhLnR5cGUgfX1cIj5cbiAgPGRkLWxpYi1zdmctaWNvbiBbaWNvbl09XCJkYXRhLnR5cGVcIj48L2RkLWxpYi1zdmctaWNvbj5cbiAgPGRpdj5cbiAgICA8ZGl2Pnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2Pnt7IGRhdGEuZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -31,5 +31,6 @@ export * from './lib/lib-textarea/lib-textarea.component';
|
|
|
31
31
|
export * from './lib/utils/decorators';
|
|
32
32
|
export * from './lib/toast/toast.service';
|
|
33
33
|
export * from './lib/toast/toast-placeholder/toast-placeholder.component';
|
|
34
|
+
export * from './lib/toast/toast-base/toast-base.component';
|
|
34
35
|
export * from './lib/core/index';
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUE7QUFDckIsYUFBYTtBQUNiLGNBQWMsZ0NBQWdDLENBQUE7QUFDOUMsY0FBYyxvQ0FBb0MsQ0FBQTtBQUNsRCxjQUFjLHVDQUF1QyxDQUFBO0FBQ3JELGNBQWMsdUNBQXVDLENBQUE7QUFDckQsY0FBYyw2Q0FBNkMsQ0FBQTtBQUMzRCxjQUFjLGlEQUFpRCxDQUFBO0FBQy9ELGNBQWMsMkNBQTJDLENBQUE7QUFDekQsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLDJDQUEyQyxDQUFBO0FBQ3pELGNBQWMscURBQXFELENBQUE7QUFDbkUsY0FBYyxpREFBaUQsQ0FBQTtBQUMvRCxjQUFjLHFEQUFxRCxDQUFBO0FBQ25FLGNBQWMsbURBQW1ELENBQUE7QUFDakUsY0FBYyxxQ0FBcUMsQ0FBQTtBQUNuRCxjQUFjLHVDQUF1QyxDQUFBO0FBQ3JELGNBQWMscUNBQXFDLENBQUE7QUFDbkQsY0FBYyxtREFBbUQsQ0FBQTtBQUNqRSxjQUFjLHVDQUF1QyxDQUFBO0FBQ3JELGNBQWMsMkNBQTJDLENBQUE7QUFDekQsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELGNBQWMsaUNBQWlDLENBQUE7QUFDL0MsY0FBYywyQ0FBMkMsQ0FBQTtBQUN6RCxjQUFjLHFEQUFxRCxDQUFBO0FBQ25FLGNBQWMsMkNBQTJDLENBQUE7QUFDekQsY0FBYyx3QkFBd0IsQ0FBQTtBQUV0QyxjQUFjLDJCQUEyQixDQUFBO0FBQ3pDLGNBQWMsMkRBQTJELENBQUE7QUFDekUsY0FBYyw2Q0FBNkMsQ0FBQTtBQUMzRCxjQUFjLGtCQUFrQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGRkLWxpYlxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IHQgPSB0cnVlXHJcbi8vIGNvbXBvbmVudHNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tbW9uL2xpYi1jb21tb24tYnV0dG9uJ1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21tb24vbGliLWNvbW1vbi1pbnB1dC10ZXh0J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItbG9hZGVyL2xpYi1sb2FkZXIuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItYnV0dG9uL2xpYi1idXR0b24uY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItYWNjb3JkaW9uL2xpYi1hY2NvcmRpb24uY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItYmFjay1idXR0b24vbGliLWJhY2stYnV0dG9uLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLWNhbGVuZGFyL2xpYi1jYWxlbmRhci5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1jYXJkL2xpYi1jYXJkLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLWNoZWNrYm94L2xpYi1jaGVja2JveC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1jb21tZW50LWlucHV0L2xpYi1jb21tZW50LWlucHV0LmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLWZpbGUtdXBsb2FkL2xpYi1maWxlLXVwbG9hZC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1maWx0ZXItYnV0dG9uL2xpYi1maWx0ZXItYnV0dG9uLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLWltYWdlLWxvYWRlci9saWItaW1hZ2UtbG9hZGVyLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLWlucHV0L2xpYi1pbnB1dC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1wZXJpb2QvbGliLXBlcmlvZC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1yYWRpby9saWItcmFkaW8uY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItc2VhcmNoLWlucHV0L2xpYi1zZWFyY2gtaW5wdXQuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItc2VsZWN0L2xpYi1zZWxlY3QuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItc2tlbGV0b24vbGliLXNrZWxldG9uLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGliLXNvcnQvbGliLXNvcnQuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItc3RlcC9saWItc3RlcC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1zdmcvbGliLXN2Zy5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi1zdmctaWNvbi9saWItc3ZnLWljb24uY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saWItdGFicy1mcmFnbWVudC9saWItdGFicy1mcmFnbWVudC5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpYi10ZXh0YXJlYS9saWItdGV4dGFyZWEuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9kZWNvcmF0b3JzJ1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3QvdG9hc3Quc2VydmljZSdcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3QvdG9hc3QtcGxhY2Vob2xkZXIvdG9hc3QtcGxhY2Vob2xkZXIuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2FzdC90b2FzdC1iYXNlL3RvYXN0LWJhc2UuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb3JlL2luZGV4J1xyXG4iXX0=
|
|
@@ -3,7 +3,7 @@ import { EventEmitter, Component, Input, ViewChild, Output, forwardRef, ChangeDe
|
|
|
3
3
|
import * as i1$5 from '@angular/forms';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
|
-
import { CommonModule, DecimalPipe, DOCUMENT, NgOptimizedImage, NgTemplateOutlet,
|
|
6
|
+
import { CommonModule, DecimalPipe, DOCUMENT, NgOptimizedImage, NgTemplateOutlet, NgStyle } from '@angular/common';
|
|
7
7
|
import { BehaviorSubject, Subject, of, fromEvent, combineLatest } from 'rxjs';
|
|
8
8
|
import { format, parse } from 'date-fns';
|
|
9
9
|
import * as i1$2 from '@angular/common/http';
|
|
@@ -2830,21 +2830,40 @@ class ToastBaseComponent {
|
|
|
2830
2830
|
constructor(toastService, ddToastData) {
|
|
2831
2831
|
this.toastService = toastService;
|
|
2832
2832
|
this.ddToastData = ddToastData;
|
|
2833
|
+
this.callEvent = new EventEmitter();
|
|
2834
|
+
this.maxWidth = '350px';
|
|
2833
2835
|
this.data = { ...this.ddToastData };
|
|
2836
|
+
if (this.data.maxWidth) {
|
|
2837
|
+
this.maxWidth = this.data.maxWidth;
|
|
2838
|
+
}
|
|
2839
|
+
this.top = window.scrollY + 'px';
|
|
2840
|
+
}
|
|
2841
|
+
scroll() {
|
|
2842
|
+
this.top = window.scrollY + 'px';
|
|
2834
2843
|
}
|
|
2835
2844
|
destroy() {
|
|
2836
2845
|
this.toastService.destroyToast(this.id);
|
|
2837
2846
|
}
|
|
2847
|
+
onClickDesc($event) {
|
|
2848
|
+
if ($event.target.tagName === 'A') {
|
|
2849
|
+
this.callEvent.emit();
|
|
2850
|
+
}
|
|
2851
|
+
}
|
|
2838
2852
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, deps: [{ token: ToastService }, { token: TOAST_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2839
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2853
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", outputs: { callEvent: "callEvent" }, host: { listeners: { "window:scroll": "scroll()" } }, ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2840
2854
|
}
|
|
2841
2855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, decorators: [{
|
|
2842
2856
|
type: Component,
|
|
2843
|
-
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgOptimizedImage,
|
|
2857
|
+
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgOptimizedImage, NgStyle, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"] }]
|
|
2844
2858
|
}], ctorParameters: () => [{ type: ToastService }, { type: undefined, decorators: [{
|
|
2845
2859
|
type: Inject,
|
|
2846
2860
|
args: [TOAST_DATA]
|
|
2847
|
-
}] }]
|
|
2861
|
+
}] }], propDecorators: { callEvent: [{
|
|
2862
|
+
type: Output
|
|
2863
|
+
}], scroll: [{
|
|
2864
|
+
type: HostListener,
|
|
2865
|
+
args: ['window:scroll']
|
|
2866
|
+
}] } });
|
|
2848
2867
|
|
|
2849
2868
|
var ToastType;
|
|
2850
2869
|
(function (ToastType) {
|
|
@@ -3000,5 +3019,5 @@ const t = true;
|
|
|
3000
3019
|
* Generated bundle index. Do not edit.
|
|
3001
3020
|
*/
|
|
3002
3021
|
|
|
3003
|
-
export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DEFAULT_FORMAT, DateService, Debounce, DeclensionDirective, DestroyService, DialogService, DisableAfterNCall, Disabled, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibFileUploadComponent, LibFilterButtonComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOOLTIP_DATA, ThemeConfigurator, ThemeConstructorService, Throttle, ToastConfig, ToastPlaceholderComponent, ToastService, ToastType, TooltipComponent, TooltipDirective, ValidatorsService, t };
|
|
3022
|
+
export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DEFAULT_FORMAT, DateService, Debounce, DeclensionDirective, DestroyService, DialogService, DisableAfterNCall, Disabled, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibFileUploadComponent, LibFilterButtonComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOAST_DATA, TOOLTIP_DATA, ThemeConfigurator, ThemeConstructorService, Throttle, ToastBaseComponent, ToastConfig, ToastPlaceholderComponent, ToastService, ToastType, TooltipComponent, TooltipDirective, ValidatorsService, t };
|
|
3004
3023
|
//# sourceMappingURL=morozeckiy-dd-lib.mjs.map
|