cax-design-system 1.0.0

package/fesm2022/cax-design-system-toast.mjs

@@ -0,0 +1,507 @@
+import { trigger, state, style, transition, animate, query, animateChild } from '@angular/animations';
+import * as i2 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ViewChild, booleanAttribute, Inject, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from 'cax-design-system/api';
+import { CaxTemplate, SharedModule } from 'cax-design-system/api';
+import { UniqueComponentId, ZIndexUtils, ObjectUtils } from 'cax-design-system/utils';
+import { DomHandler } from 'cax-design-system/dom';
+import { TimesIcon } from 'cax-design-system/icons/times';
+import * as i3 from 'cax-design-system/ripple';
+import { RippleModule } from 'cax-design-system/ripple';
+import * as i4 from 'cax-design-system/button';
+import { ButtonModule } from 'cax-design-system/button';
+
+class ToastItem {
+    zone;
+    config;
+    message;
+    index;
+    life;
+    displayIcon = true;
+    template;
+    headlessTemplate;
+    showTransformOptions;
+    hideTransformOptions;
+    showTransitionOptions;
+    hideTransitionOptions;
+    onClose = new EventEmitter();
+    containerViewChild;
+    timeout;
+    constructor(zone, config) {
+        this.zone = zone;
+        this.config = config;
+    }
+    ngAfterViewInit() {
+        this.initTimeout();
+    }
+    initTimeout() {
+        if (!this.message?.sticky) {
+            this.zone.runOutsideAngular(() => {
+                this.timeout = setTimeout(() => {
+                    this.onClose.emit({
+                        index: this.index,
+                        message: this.message
+                    });
+                }, this.message?.life || this.life || 3000);
+            });
+        }
+    }
+    clearTimeout() {
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+            this.timeout = null;
+        }
+    }
+    onMouseEnter() {
+        this.clearTimeout();
+    }
+    onMouseLeave() {
+        this.initTimeout();
+    }
+    onCloseIconClick = (event) => {
+        this.clearTimeout();
+        this.onClose.emit({
+            index: this.index,
+            message: this.message
+        });
+        event.preventDefault();
+    };
+    get closeAriaLabel() {
+        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
+    }
+    ngOnDestroy() {
+        this.clearTimeout();
+    }
+    onItemClick(e, item) {
+        if (item.command) {
+            item.command({ originalEvent: e, item });
+        }
+    }
+    getButtonSeverity(severity) {
+        switch (severity) {
+            case 'success':
+                return 'success';
+            case 'info':
+                return 'primary';
+            case 'error':
+                return 'danger';
+            case 'warn':
+                return 'warning';
+            default:
+                return 'primary';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastItem, deps: [{ token: i0.NgZone }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: ToastItem, isStandalone: true, selector: "cax-toastItem", inputs: { message: "message", index: ["index", "index", numberAttribute], life: ["life", "life", numberAttribute], displayIcon: "displayIcon", template: "template", headlessTemplate: "headlessTemplate", showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\r\n    #container\r\n    [attr.id]=\"message?.id\"\r\n    [class]=\"message?.styleClass\"\r\n    [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n    [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n    (mouseenter)=\"onMouseEnter()\"\r\n    (mouseleave)=\"onMouseLeave()\"\r\n    role=\"alert\"\r\n    aria-live=\"assertive\"\r\n    aria-atomic=\"true\"\r\n    [attr.data-pc-name]=\"'toast'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n>\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n        <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n    </ng-container>\r\n    <ng-template #notHeadless>\r\n        <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n            <ng-container *ngIf=\"!template\">\r\n                <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n                <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n                    <ng-container>\r\n                        <span class=\"cax cax-check-circle\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-info-circle\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-close-circle\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-danger-triangle\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                    </ng-container>\r\n                </span>\r\n                <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n                    <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n                    <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n            <cax-button\r\n                *ngIf=\"message.action\"\r\n                (click)=\"onItemClick($event, message.action)\"\r\n                (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n                [severity]=\"getButtonSeverity(message.severity)\"\r\n                [label]=\"message.action.label\"\r\n                [outlined]=\"message.action.outlined\"\r\n                [disabled]=\"message.action.disabled\"\r\n            />\r\n            <button\r\n                type=\"button\"\r\n                class=\"cax-toast-icon-close cax-link\"\r\n                (click)=\"onCloseIconClick($event)\"\r\n                (keydown.enter)=\"onCloseIconClick($event)\"\r\n                *ngIf=\"message?.closable !== false\"\r\n                caxRipple\r\n                [attr.aria-label]=\"closeAriaLabel\"\r\n                [attr.data-pc-section]=\"'closebutton'\"\r\n            >\r\n                <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n                <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n            </button>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
+            trigger('messageState', [
+                state('visible', style({
+                    transform: 'translateY(0)',
+                    opacity: 1
+                })),
+                transition('void => *', [
+                    style({
+                        transform: '{{showTransformParams}}',
+                        opacity: 0
+                    }),
+                    animate('{{showTransitionParams}}')
+                ]),
+                transition('* => void', [
+                    animate('{{hideTransitionParams}}', style({
+                        height: 0,
+                        opacity: 0,
+                        transform: '{{hideTransformParams}}'
+                    }))
+                ])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'cax-toastItem', animations: [
+                        trigger('messageState', [
+                            state('visible', style({
+                                transform: 'translateY(0)',
+                                opacity: 1
+                            })),
+                            transition('void => *', [
+                                style({
+                                    transform: '{{showTransformParams}}',
+                                    opacity: 0
+                                }),
+                                animate('{{showTransitionParams}}')
+                            ]),
+                            transition('* => void', [
+                                animate('{{hideTransitionParams}}', style({
+                                    height: 0,
+                                    opacity: 0,
+                                    transform: '{{hideTransformParams}}'
+                                }))
+                            ])
+                        ])
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, RippleModule, TimesIcon, ButtonModule], host: {
+                        class: 'cax-element'
+                    }, template: "<div\r\n    #container\r\n    [attr.id]=\"message?.id\"\r\n    [class]=\"message?.styleClass\"\r\n    [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n    [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n    (mouseenter)=\"onMouseEnter()\"\r\n    (mouseleave)=\"onMouseLeave()\"\r\n    role=\"alert\"\r\n    aria-live=\"assertive\"\r\n    aria-atomic=\"true\"\r\n    [attr.data-pc-name]=\"'toast'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n>\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n        <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n    </ng-container>\r\n    <ng-template #notHeadless>\r\n        <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n            <ng-container *ngIf=\"!template\">\r\n                <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n                <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n                    <ng-container>\r\n                        <span class=\"cax cax-check-circle\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-info-circle\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-close-circle\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-danger-triangle\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                    </ng-container>\r\n                </span>\r\n                <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n                    <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n                    <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n            <cax-button\r\n                *ngIf=\"message.action\"\r\n                (click)=\"onItemClick($event, message.action)\"\r\n                (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n                [severity]=\"getButtonSeverity(message.severity)\"\r\n                [label]=\"message.action.label\"\r\n                [outlined]=\"message.action.outlined\"\r\n                [disabled]=\"message.action.disabled\"\r\n            />\r\n            <button\r\n                type=\"button\"\r\n                class=\"cax-toast-icon-close cax-link\"\r\n                (click)=\"onCloseIconClick($event)\"\r\n                (keydown.enter)=\"onCloseIconClick($event)\"\r\n                *ngIf=\"message?.closable !== false\"\r\n                caxRipple\r\n                [attr.aria-label]=\"closeAriaLabel\"\r\n                [attr.data-pc-section]=\"'closebutton'\"\r\n            >\r\n                <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n                <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n            </button>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.caxConfig }], propDecorators: { message: [{
+                type: Input
+            }], index: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], life: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], displayIcon: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], headlessTemplate: [{
+                type: Input
+            }], showTransformOptions: [{
+                type: Input
+            }], hideTransformOptions: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], containerViewChild: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+
+/**
+ * Toast is used to display messages in an overlay.
+ * @group Components
+ */
+class Toast {
+    document;
+    renderer;
+    messageService;
+    cd;
+    config;
+    /**
+     * Key of the message in case message is targeted to a specific toast component.
+     * @group Props
+     */
+    key;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex = true;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex = 0;
+    /**
+     * The default time to display messages for in milliseconds.
+     * @group Props
+     */
+    life = 3000;
+    /**
+     * Size of the message.
+     * @group Props
+     */
+    size = 'sm';
+    /**
+     * Display icon or not
+     * @group Props
+     */
+    displayIcon = true;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style;
+    /**
+     * Inline class of the component.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * Position of the toast in viewport.
+     * @group Props
+     */
+    get position() {
+        return this._position;
+    }
+    set position(value) {
+        this._position = value;
+        this.cd.markForCheck();
+    }
+    /**
+     * It does not add the new message if there is already a toast displayed with the same content
+     * @group Props
+     */
+    preventOpenDuplicates = false;
+    /**
+     * Displays only once a message with the same content.
+     * @group Props
+     */
+    preventDuplicates = false;
+    /**
+     * Transform options of the show animation.
+     * @group Props
+     */
+    showTransformOptions = 'translateY(100%)';
+    /**
+     * Transform options of the hide animation.
+     * @group Props
+     */
+    hideTransformOptions = 'translateY(-100%)';
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     */
+    showTransitionOptions = '300ms ease-out';
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     */
+    hideTransitionOptions = '250ms ease-in';
+    /**
+     * Object literal to define styles per screen size.
+     * @group Props
+     */
+    breakpoints;
+    /**
+     * Callback to invoke when a message is closed.
+     * @param {ToastCloseEvent} event - custom close event.
+     * @group Emits
+     */
+    onClose = new EventEmitter();
+    containerViewChild;
+    templates;
+    messageSubscription;
+    clearSubscription;
+    messages;
+    messagesArchieve;
+    template;
+    headlessTemplate;
+    _position = 'top-right';
+    constructor(document, renderer, messageService, cd, config) {
+        this.document = document;
+        this.renderer = renderer;
+        this.messageService = messageService;
+        this.cd = cd;
+        this.config = config;
+    }
+    styleElement;
+    id = UniqueComponentId();
+    ngOnInit() {
+        this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {
+            if (messages) {
+                if (Array.isArray(messages)) {
+                    const filteredMessages = messages.filter((m) => this.canAdd(m));
+                    this.add(filteredMessages);
+                }
+                else if (this.canAdd(messages)) {
+                    this.add([messages]);
+                }
+            }
+        });
+        this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
+            if (key) {
+                if (this.key === key) {
+                    this.messages = null;
+                }
+            }
+            else {
+                this.messages = null;
+            }
+            this.cd.markForCheck();
+        });
+    }
+    ngAfterViewInit() {
+        if (this.breakpoints) {
+            this.createStyle();
+        }
+    }
+    add(messages) {
+        this.messages = this.messages ? [...this.messages, ...messages] : [...messages];
+        if (this.preventDuplicates) {
+            this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];
+        }
+        this.cd.markForCheck();
+    }
+    canAdd(message) {
+        let allow = this.key === message.key;
+        if (allow && this.preventOpenDuplicates) {
+            allow = !this.containsMessage(this.messages, message);
+        }
+        if (allow && this.preventDuplicates) {
+            allow = !this.containsMessage(this.messagesArchieve, message);
+        }
+        return allow;
+    }
+    containsMessage(collection, message) {
+        if (!collection) {
+            return false;
+        }
+        return (collection.find((m) => {
+            return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;
+        }) != null);
+    }
+    ngAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'message':
+                    this.template = item.template;
+                    break;
+                case 'headless':
+                    this.headlessTemplate = item.template;
+                    break;
+                default:
+                    this.template = item.template;
+                    break;
+            }
+        });
+    }
+    onMessageClose(event) {
+        this.messages?.splice(event.index, 1);
+        this.onClose.emit({
+            message: event.message
+        });
+        this.cd.detectChanges();
+    }
+    onAnimationStart(event) {
+        if (event.fromState === 'void') {
+            this.renderer.setAttribute(this.containerViewChild?.nativeElement, this.id, '');
+            if (this.autoZIndex && this.containerViewChild?.nativeElement.style.zIndex === '') {
+                ZIndexUtils.set('modal', this.containerViewChild?.nativeElement, this.baseZIndex || this.config.zIndex.modal);
+            }
+        }
+    }
+    onAnimationEnd(event) {
+        if (event.toState === 'void') {
+            if (this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
+                ZIndexUtils.clear(this.containerViewChild?.nativeElement);
+            }
+        }
+    }
+    createStyle() {
+        if (!this.styleElement) {
+            this.styleElement = this.renderer.createElement('style');
+            this.styleElement.type = 'text/css';
+            DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
+            this.renderer.appendChild(this.document.head, this.styleElement);
+            let innerHTML = '';
+            for (let breakpoint in this.breakpoints) {
+                let breakpointStyle = '';
+                for (let styleProp in this.breakpoints[breakpoint]) {
+                    breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ' !important;';
+                }
+                innerHTML += `
+                    @media screen and (max-width: ${breakpoint}) {
+                        .cax-toast[${this.id}] {
+                           ${breakpointStyle}
+                        }
+                    }
+                `;
+            }
+            this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
+        }
+    }
+    destroyStyle() {
+        if (this.styleElement) {
+            this.renderer.removeChild(this.document.head, this.styleElement);
+            this.styleElement = null;
+        }
+    }
+    ngOnDestroy() {
+        if (this.messageSubscription) {
+            this.messageSubscription.unsubscribe();
+        }
+        if (this.containerViewChild && this.autoZIndex) {
+            ZIndexUtils.clear(this.containerViewChild.nativeElement);
+        }
+        if (this.clearSubscription) {
+            this.clearSubscription.unsubscribe();
+        }
+        this.destroyStyle();
+    }
+    //custom methods
+    sizeClass(size) {
+        return size ? { [`cax-toast-${size}`]: size } : { [`cax-toast-${this.size}`]: this.size };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Toast, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i1.MessageService }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Toast, isStandalone: true, selector: "cax-toast", inputs: { key: "key", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], life: ["life", "life", numberAttribute], size: "size", displayIcon: "displayIcon", style: "style", styleClass: "styleClass", position: "position", preventOpenDuplicates: ["preventOpenDuplicates", "preventOpenDuplicates", booleanAttribute], preventDuplicates: ["preventDuplicates", "preventDuplicates", booleanAttribute], showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", breakpoints: "breakpoints" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n    <cax-toastItem\r\n        *ngFor=\"let msg of messages; let i = index\"\r\n        [message]=\"msg\"\r\n        [index]=\"i\"\r\n        [life]=\"life\"\r\n        [ngClass]=\"sizeClass(msg.size)\"\r\n        [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n        (onClose)=\"onMessageClose($event)\"\r\n        [template]=\"template\"\r\n        [headlessTemplate]=\"headlessTemplate\"\r\n        @toastAnimation\r\n        (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n        (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n        [showTransformOptions]=\"showTransformOptions\"\r\n        [hideTransformOptions]=\"hideTransformOptions\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n    ></cax-toastItem>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ToastItem, selector: "cax-toastItem", inputs: ["message", "index", "life", "displayIcon", "template", "headlessTemplate", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onClose"] }], animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Toast, decorators: [{
+            type: Component,
+            args: [{ selector: 'cax-toast', animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, ToastItem], host: {
+                        class: 'cax-element'
+                    }, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n    <cax-toastItem\r\n        *ngFor=\"let msg of messages; let i = index\"\r\n        [message]=\"msg\"\r\n        [index]=\"i\"\r\n        [life]=\"life\"\r\n        [ngClass]=\"sizeClass(msg.size)\"\r\n        [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n        (onClose)=\"onMessageClose($event)\"\r\n        [template]=\"template\"\r\n        [headlessTemplate]=\"headlessTemplate\"\r\n        @toastAnimation\r\n        (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n        (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n        [showTransformOptions]=\"showTransformOptions\"\r\n        [hideTransformOptions]=\"hideTransformOptions\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n    ></cax-toastItem>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}}\n"] }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.Renderer2 }, { type: i1.MessageService }, { type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { key: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], baseZIndex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], life: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], size: [{
+                type: Input
+            }], displayIcon: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], preventOpenDuplicates: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], preventDuplicates: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showTransformOptions: [{
+                type: Input
+            }], hideTransformOptions: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], breakpoints: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], containerViewChild: [{
+                type: ViewChild,
+                args: ['container']
+            }], templates: [{
+                type: ContentChildren,
+                args: [CaxTemplate]
+            }] } });
+
+class ToastModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ToastModule, imports: [Toast, CommonModule], exports: [Toast, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastModule, imports: [Toast, CommonModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Toast, CommonModule],
+                    exports: [Toast, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Toast, ToastModule };
+//# sourceMappingURL=cax-design-system-toast.mjs.map

package/fesm2022/cax-design-system-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-toast.mjs","sources":["../../src/app/components/toast/toastitem.ts","../../src/app/components/toast/toastitem.html","../../src/app/components/toast/toast.ts","../../src/app/components/toast/toast.html","../../src/app/components/toast/toast.module.ts","../../src/app/components/toast/cax-design-system-toast.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { Component, ViewEncapsulation, ChangeDetectionStrategy, AfterViewInit, OnDestroy, Input, numberAttribute, TemplateRef, Output, EventEmitter, ViewChild, ElementRef, NgZone } from '@angular/core';\nimport { Message, caxConfig } from 'cax-design-system/api';\nimport { ToastItemCloseEvent } from './toast.interface';\nimport { CommonModule } from '@angular/common';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { ActionButtonItem } from 'cax-design-system/messages';\n\n@Component({\n    selector: 'cax-toastItem',\n    templateUrl: './toastitem.html',\n    animations: [\n        trigger('messageState', [\n            state(\n                'visible',\n                style({\n                    transform: 'translateY(0)',\n                    opacity: 1\n                })\n            ),\n            transition('void => *', [\n                style({\n                    transform: '{{showTransformParams}}',\n                    opacity: 0\n                }),\n                animate('{{showTransitionParams}}')\n            ]),\n            transition('* => void', [\n                animate(\n                    '{{hideTransitionParams}}',\n                    style({\n                        height: 0,\n                        opacity: 0,\n                        transform: '{{hideTransformParams}}'\n                    })\n                )\n            ])\n        ])\n    ],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [CommonModule, RippleModule, TimesIcon, ButtonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ToastItem implements AfterViewInit, OnDestroy {\n    @Input() message: Message | null | undefined;\n\n    @Input({ transform: numberAttribute }) index: number | null | undefined;\n\n    @Input({ transform: numberAttribute }) life: number;\n\n    @Input() displayIcon: boolean = true;\n\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() headlessTemplate: TemplateRef<any> | undefined;\n\n    @Input() showTransformOptions: string | undefined;\n\n    @Input() hideTransformOptions: string | undefined;\n\n    @Input() showTransitionOptions: string | undefined;\n\n    @Input() hideTransitionOptions: string | undefined;\n\n    @Output() onClose: EventEmitter<ToastItemCloseEvent> = new EventEmitter();\n\n    @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n    timeout: any;\n\n    constructor(\n        private zone: NgZone,\n        private config: caxConfig\n    ) {}\n\n    ngAfterViewInit() {\n        this.initTimeout();\n    }\n\n    initTimeout() {\n        if (!this.message?.sticky) {\n            this.zone.runOutsideAngular(() => {\n                this.timeout = setTimeout(\n                    () => {\n                        this.onClose.emit({\n                            index: <number>this.index,\n                            message: <Message>this.message\n                        });\n                    },\n                    this.message?.life || this.life || 3000\n                );\n            });\n        }\n    }\n\n    clearTimeout() {\n        if (this.timeout) {\n            clearTimeout(this.timeout);\n            this.timeout = null;\n        }\n    }\n\n    onMouseEnter() {\n        this.clearTimeout();\n    }\n\n    onMouseLeave() {\n        this.initTimeout();\n    }\n\n    onCloseIconClick = (event: Event) => {\n        this.clearTimeout();\n\n        this.onClose.emit({\n            index: <number>this.index,\n            message: <Message>this.message\n        });\n\n        event.preventDefault();\n    };\n\n    get closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    ngOnDestroy() {\n        this.clearTimeout();\n    }\n\n    onItemClick(e: MouseEvent, item: ActionButtonItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined) {\n        switch (severity) {\n            case 'success':\n                return 'success';\n            case 'info':\n                return 'primary';\n            case 'error':\n                return 'danger';\n            case 'warn':\n                return 'warning';\n            default:\n                return 'primary';\n        }\n    }\n}\n","<div\r\n    #container\r\n    [attr.id]=\"message?.id\"\r\n    [class]=\"message?.styleClass\"\r\n    [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n    [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n    (mouseenter)=\"onMouseEnter()\"\r\n    (mouseleave)=\"onMouseLeave()\"\r\n    role=\"alert\"\r\n    aria-live=\"assertive\"\r\n    aria-atomic=\"true\"\r\n    [attr.data-pc-name]=\"'toast'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n>\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n        <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n    </ng-container>\r\n    <ng-template #notHeadless>\r\n        <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n            <ng-container *ngIf=\"!template\">\r\n                <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n                <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n                    <ng-container>\r\n                        <span class=\"cax cax-check-circle\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-info-circle\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-close-circle\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        <span class=\"cax cax-danger-triangle\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                    </ng-container>\r\n                </span>\r\n                <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n                    <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n                    <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n            <cax-button\r\n                *ngIf=\"message.action\"\r\n                (click)=\"onItemClick($event, message.action)\"\r\n                (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n                [severity]=\"getButtonSeverity(message.severity)\"\r\n                [label]=\"message.action.label\"\r\n                [outlined]=\"message.action.outlined\"\r\n                [disabled]=\"message.action.disabled\"\r\n            />\r\n            <button\r\n                type=\"button\"\r\n                class=\"cax-toast-icon-close cax-link\"\r\n                (click)=\"onCloseIconClick($event)\"\r\n                (keydown.enter)=\"onCloseIconClick($event)\"\r\n                *ngIf=\"message?.closable !== false\"\r\n                caxRipple\r\n                [attr.aria-label]=\"closeAriaLabel\"\r\n                [attr.data-pc-section]=\"'closebutton'\"\r\n            >\r\n                <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n                <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n            </button>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n","import { AnimationEvent, animateChild, query, transition, trigger } from '@angular/animations';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    QueryList,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { Message, MessageService, caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'cax-design-system/utils';\nimport { Subscription } from 'rxjs';\nimport { ToastCloseEvent, ToastItemCloseEvent, ToastPositionType } from './toast.interface';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ToastItem } from './toastitem';\n\n/**\n * Toast is used to display messages in an overlay.\n * @group Components\n */\n@Component({\n    selector: 'cax-toast',\n    templateUrl: './toast.html',\n    animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./toast.scss'],\n    standalone: true,\n    imports: [CommonModule, ToastItem],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Toast implements OnInit, AfterContentInit, OnDestroy {\n    /**\n     * Key of the message in case message is targeted to a specific toast component.\n     * @group Props\n     */\n    @Input() key: string | undefined;\n    /**\n     * Whether to automatically manage layering.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n    /**\n     * The default time to display messages for in milliseconds.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) life: number = 3000;\n    /**\n     * Size of the message.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'sm';\n    /**\n     * Display icon or not\n     * @group Props\n     */\n    @Input() displayIcon: boolean = true;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Inline class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n\n    /**\n     * Position of the toast in viewport.\n     * @group Props\n     */\n    @Input() get position(): ToastPositionType {\n        return this._position;\n    }\n\n    set position(value: ToastPositionType) {\n        this._position = value;\n        this.cd.markForCheck();\n    }\n\n    /**\n     * It does not add the new message if there is already a toast displayed with the same content\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) preventOpenDuplicates: boolean = false;\n    /**\n     * Displays only once a message with the same content.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) preventDuplicates: boolean = false;\n    /**\n     * Transform options of the show animation.\n     * @group Props\n     */\n    @Input() showTransformOptions: string = 'translateY(100%)';\n    /**\n     * Transform options of the hide animation.\n     * @group Props\n     */\n    @Input() hideTransformOptions: string = 'translateY(-100%)';\n    /**\n     * Transition options of the show animation.\n     * @group Props\n     */\n    @Input() showTransitionOptions: string = '300ms ease-out';\n    /**\n     * Transition options of the hide animation.\n     * @group Props\n     */\n    @Input() hideTransitionOptions: string = '250ms ease-in';\n    /**\n     * Object literal to define styles per screen size.\n     * @group Props\n     */\n    @Input() breakpoints: { [key: string]: any } | undefined;\n    /**\n     * Callback to invoke when a message is closed.\n     * @param {ToastCloseEvent} event - custom close event.\n     * @group Emits\n     */\n    @Output() onClose: EventEmitter<ToastCloseEvent> = new EventEmitter<ToastCloseEvent>();\n\n    @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    messageSubscription: Subscription | undefined;\n\n    clearSubscription: Subscription | undefined;\n\n    messages: Message[] | null | undefined;\n\n    messagesArchieve: Message[] | undefined;\n\n    template: TemplateRef<any> | undefined;\n\n    headlessTemplate: TemplateRef<any> | undefined;\n\n    _position: ToastPositionType = 'top-right';\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        private renderer: Renderer2,\n        public messageService: MessageService,\n        private cd: ChangeDetectorRef,\n        public config: caxConfig\n    ) {}\n\n    styleElement: any;\n\n    id: string = UniqueComponentId();\n\n    ngOnInit() {\n        this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {\n            if (messages) {\n                if (Array.isArray(messages)) {\n                    const filteredMessages = messages.filter((m) => this.canAdd(m));\n                    this.add(filteredMessages);\n                } else if (this.canAdd(messages)) {\n                    this.add([messages]);\n                }\n            }\n        });\n\n        this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {\n            if (key) {\n                if (this.key === key) {\n                    this.messages = null;\n                }\n            } else {\n                this.messages = null;\n            }\n\n            this.cd.markForCheck();\n        });\n    }\n\n    ngAfterViewInit() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    }\n\n    add(messages: Message[]): void {\n        this.messages = this.messages ? [...this.messages, ...messages] : [...messages];\n\n        if (this.preventDuplicates) {\n            this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];\n        }\n\n        this.cd.markForCheck();\n    }\n\n    canAdd(message: Message): boolean {\n        let allow = this.key === message.key;\n\n        if (allow && this.preventOpenDuplicates) {\n            allow = !this.containsMessage(this.messages!, message);\n        }\n\n        if (allow && this.preventDuplicates) {\n            allow = !this.containsMessage(this.messagesArchieve!, message);\n        }\n\n        return allow;\n    }\n\n    containsMessage(collection: Message[], message: Message): boolean {\n        if (!collection) {\n            return false;\n        }\n\n        return (\n            collection.find((m) => {\n                return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;\n            }) != null\n        );\n    }\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'message':\n                    this.template = item.template;\n                    break;\n                case 'headless':\n                    this.headlessTemplate = item.template;\n                    break;\n\n                default:\n                    this.template = item.template;\n                    break;\n            }\n        });\n    }\n\n    onMessageClose(event: ToastItemCloseEvent) {\n        this.messages?.splice(event.index, 1);\n\n        this.onClose.emit({\n            message: event.message\n        });\n\n        this.cd.detectChanges();\n    }\n\n    onAnimationStart(event: AnimationEvent) {\n        if (event.fromState === 'void') {\n            this.renderer.setAttribute(this.containerViewChild?.nativeElement, this.id, '');\n            if (this.autoZIndex && this.containerViewChild?.nativeElement.style.zIndex === '') {\n                ZIndexUtils.set('modal', this.containerViewChild?.nativeElement, this.baseZIndex || this.config.zIndex.modal);\n            }\n        }\n    }\n\n    onAnimationEnd(event: AnimationEvent) {\n        if (event.toState === 'void') {\n            if (this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {\n                ZIndexUtils.clear(this.containerViewChild?.nativeElement);\n            }\n        }\n    }\n\n    createStyle() {\n        if (!this.styleElement) {\n            this.styleElement = this.renderer.createElement('style');\n            this.styleElement.type = 'text/css';\n            DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);\n            this.renderer.appendChild(this.document.head, this.styleElement);\n            let innerHTML = '';\n            for (let breakpoint in this.breakpoints) {\n                let breakpointStyle = '';\n                for (let styleProp in this.breakpoints[breakpoint]) {\n                    breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ' !important;';\n                }\n                innerHTML += `\n                    @media screen and (max-width: ${breakpoint}) {\n                        .cax-toast[${this.id}] {\n                           ${breakpointStyle}\n                        }\n                    }\n                `;\n            }\n\n            this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);\n        }\n    }\n\n    destroyStyle() {\n        if (this.styleElement) {\n            this.renderer.removeChild(this.document.head, this.styleElement);\n            this.styleElement = null;\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.messageSubscription) {\n            this.messageSubscription.unsubscribe();\n        }\n\n        if (this.containerViewChild && this.autoZIndex) {\n            ZIndexUtils.clear(this.containerViewChild.nativeElement);\n        }\n\n        if (this.clearSubscription) {\n            this.clearSubscription.unsubscribe();\n        }\n\n        this.destroyStyle();\n    }\n\n    //custom methods\n    sizeClass(size?: 'sm' | 'md' | 'lg') {\n        return size ? { [`cax-toast-${size}`]: size } : { [`cax-toast-${this.size}`]: this.size };\n    }\n}\n","<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n    <cax-toastItem\r\n        *ngFor=\"let msg of messages; let i = index\"\r\n        [message]=\"msg\"\r\n        [index]=\"i\"\r\n        [life]=\"life\"\r\n        [ngClass]=\"sizeClass(msg.size)\"\r\n        [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n        (onClose)=\"onMessageClose($event)\"\r\n        [template]=\"template\"\r\n        [headlessTemplate]=\"headlessTemplate\"\r\n        @toastAnimation\r\n        (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n        (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n        [showTransformOptions]=\"showTransformOptions\"\r\n        [hideTransformOptions]=\"hideTransformOptions\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n    ></cax-toastItem>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { Toast } from './toast';\n\n@NgModule({\n    imports: [Toast, CommonModule],\n    exports: [Toast, SharedModule]\n})\nexport class ToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}