@morozeckiy/dd-lib 0.1.9 → 0.1.10

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.
@@ -1,5 +1,5 @@
1
- import { ChangeDetectionStrategy, Component, Inject, InjectionToken } from '@angular/core';
2
- import { NgIf, NgOptimizedImage } from '@angular/common';
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, NgIf, 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"] }]
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
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi90b2FzdC90b2FzdC1iYXNlL3RvYXN0LWJhc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvdG9hc3QvdG9hc3QtYmFzZS90b2FzdC1iYXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFdkQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7OztBQVM5RSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsSUFBSSxjQUFjLENBQVksV0FBVyxDQUFDLENBQUM7QUFVckUsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFXLEVBQUU7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFLRCxZQUFvQixZQUEwQixFQUE2QixXQUFzQjtRQUE3RSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUE2QixnQkFBVyxHQUFYLFdBQVcsQ0FBVztRQUMvRixJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0FkVSxrQkFBa0IsOENBUTJCLFVBQVU7a0dBUnZELGtCQUFrQix5RUN0Qi9CLHNPQU9BLHNqQkRVb0MsbUJBQW1COzsyRkFLMUMsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsbUJBQW1CLENBQUMsbUJBR3JDLHVCQUF1QixDQUFDLE1BQU07OzBCQVVFLE1BQU07MkJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbmplY3Rpb25Ub2tlbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdJZiwgTmdPcHRpbWl6ZWRJbWFnZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtUb2FzdFNlcnZpY2UsIFRvYXN0VHlwZX0gZnJvbSAnLi4vdG9hc3Quc2VydmljZSc7XHJcbmltcG9ydCB7TGliU3ZnSWNvbkNvbXBvbmVudH0gZnJvbSBcIi4uLy4uL2xpYi1zdmctaWNvbi9saWItc3ZnLWljb24uY29tcG9uZW50XCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRvYXN0RGF0YSB7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgdHlwZTogVG9hc3RUeXBlO1xyXG4gIGlkOiBudW1iZXI7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBUT0FTVF9EQVRBID0gbmV3IEluamVjdGlvblRva2VuPFRvYXN0RGF0YT4oJ1RvYXN0RGF0YScpO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZC10b2FzdC1iYXNlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOZ09wdGltaXplZEltYWdlLCBOZ0lmLCBMaWJTdmdJY29uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QtYmFzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3RvYXN0LWJhc2UuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9hc3RCYXNlQ29tcG9uZW50IHtcclxuICBwdWJsaWMgZ2V0IGlkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZGF0YS5pZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIHByb3RlY3RlZCBkYXRhOiBUb2FzdERhdGE7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBUb2FzdFNlcnZpY2UsIEBJbmplY3QoVE9BU1RfREFUQSkgcHVibGljIGRkVG9hc3REYXRhOiBUb2FzdERhdGEpIHtcclxuICAgIHRoaXMuZGF0YSA9IHsgLi4udGhpcy5kZFRvYXN0RGF0YSB9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnRvYXN0U2VydmljZS5kZXN0cm95VG9hc3QodGhpcy5pZCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKGNsaWNrKT1cImRlc3Ryb3koKVwiIGNsYXNzPVwidG9hc3Qtd3JhcHBlciB7eyBkYXRhLnR5cGUgfX1cIj5cbiAgPGRkLWxpYi1zdmctaWNvbiBbaWNvbl09XCJkYXRhLnR5cGVcIj48L2RkLWxpYi1zdmctaWNvbj5cbiAgPGRpdj5cbiAgICA8ZGl2Pnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2Pnt7IGRhdGEuZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
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==
@@ -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, NgIf } from '@angular/common';
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, NgIf, 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"] }]
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) {