cax-design-system 1.0.0

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

@@ -0,0 +1,303 @@
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from 'cax-design-system/api';
+import { CaxTemplate, SharedModule } from 'cax-design-system/api';
+import * as i4 from 'cax-design-system/button';
+import { ButtonModule } from 'cax-design-system/button';
+import { TimesIcon } from 'cax-design-system/icons/times';
+import * as i3 from 'cax-design-system/ripple';
+import { RippleModule } from 'cax-design-system/ripple';
+import { timer } from 'rxjs';
+
+/**
+ * Messages is used to display alerts inline.
+ * @group Components
+ */
+class Messages {
+    messageService;
+    el;
+    cd;
+    config;
+    /**
+     * An array of messages to display.
+     * @group Props
+     */
+    set value(messages) {
+        this.messages = messages;
+        this.startMessageLifes(this.messages);
+    }
+    /**
+     * Defines if message box can be closed by the click icon.
+     * @group Props
+     */
+    closable = true;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * Whether displaying services messages are enabled.
+     * @group Props
+     */
+    enableService = true;
+    /**
+     * Id to match the key of the message to enable scoping in service based messaging.
+     * @group Props
+     */
+    key;
+    /**
+     * Whether displaying messages would be escaped or not.
+     * @group Props
+     */
+    escape = true;
+    /**
+     * Severity level of the message.
+     * @group Props
+     */
+    severity;
+    /**
+     * Size of the message.
+     * @group Props
+     */
+    size = 'md';
+    /**
+     * Display icon or not
+     * @group Props
+     */
+    displayIcon = true;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     */
+    showTransitionOptions = '300ms ease-out';
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     */
+    hideTransitionOptions = '200ms cubic-bezier(0.86, 0, 0.07, 1)';
+    /**
+     * This function is executed when the value changes.
+     * @param {Message[]} value - messages value.
+     * @group Emits
+     */
+    valueChange = new EventEmitter();
+    /**
+     * This function is executed when a message is closed.
+     * @param {Message} value - Closed message.
+     * @group Emits
+     */
+    onClose = new EventEmitter();
+    templates;
+    messages;
+    messageSubscription;
+    clearSubscription;
+    timerSubscriptions = [];
+    contentTemplate;
+    constructor(messageService, el, cd, config) {
+        this.messageService = messageService;
+        this.el = el;
+        this.cd = cd;
+        this.config = config;
+    }
+    ngAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this.contentTemplate = item.template;
+                    break;
+                default:
+                    this.contentTemplate = item.template;
+                    break;
+            }
+        });
+        if (this.messageService && this.enableService && !this.contentTemplate) {
+            this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {
+                if (messages) {
+                    if (!Array.isArray(messages)) {
+                        messages = [messages];
+                    }
+                    const filteredMessages = messages.filter((m) => this.key === m.key);
+                    this.messages = this.messages ? [...this.messages, ...filteredMessages] : [...filteredMessages];
+                    this.startMessageLifes(filteredMessages);
+                    this.cd.markForCheck();
+                }
+            });
+            this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
+                if (key) {
+                    if (this.key === key) {
+                        this.messages = null;
+                    }
+                }
+                else {
+                    this.messages = null;
+                }
+                this.cd.markForCheck();
+            });
+        }
+    }
+    hasMessages() {
+        let parentEl = this.el.nativeElement.parentElement;
+        if (parentEl && parentEl.offsetParent) {
+            return this.contentTemplate != null || (this.messages && this.messages.length > 0);
+        }
+        return false;
+    }
+    clear() {
+        this.messages = [];
+        this.valueChange.emit(this.messages);
+    }
+    removeMessage(i) {
+        const removedMessage = this.messages[i];
+        this.messages = this.messages?.filter((msg, index) => index !== i);
+        removedMessage && this.onClose.emit(removedMessage);
+        this.valueChange.emit(this.messages);
+    }
+    get icon() {
+        const severity = this.severity || (this.hasMessages() ? this.messages[0].severity : null);
+        if (this.hasMessages()) {
+            switch (severity) {
+                case 'success':
+                    return 'cax-check-circle';
+                case 'info':
+                    return 'cax-info-circle';
+                case 'error':
+                    return 'cax-close-circle';
+                case 'warn':
+                    return 'cax-danger-triangle';
+                default:
+                    return 'cax-info-circle';
+            }
+        }
+        return null;
+    }
+    get closeAriaLabel() {
+        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
+    }
+    ngOnDestroy() {
+        if (this.messageSubscription) {
+            this.messageSubscription.unsubscribe();
+        }
+        if (this.clearSubscription) {
+            this.clearSubscription.unsubscribe();
+        }
+        this.timerSubscriptions?.forEach((subscription) => subscription.unsubscribe());
+    }
+    startMessageLifes(messages) {
+        messages?.forEach((message) => message.life && this.startMessageLife(message));
+    }
+    startMessageLife(message) {
+        const timerSubsctiption = timer(message.life).subscribe(() => {
+            this.messages = this.messages?.filter((msgEl) => msgEl !== message);
+            this.timerSubscriptions = this.timerSubscriptions?.filter((timerEl) => timerEl !== timerSubsctiption);
+            this.valueChange.emit(this.messages);
+            this.cd.markForCheck();
+        });
+        this.timerSubscriptions.push(timerSubsctiption);
+    }
+    //custom methods
+    sizeClass(size) {
+        return size ? { [`cax-messages-${size}`]: size } : { [`cax-messages-${this.size}`]: this.size };
+    }
+    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: Messages, deps: [{ token: i1.MessageService, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Messages, isStandalone: true, selector: "cax-messages", inputs: { value: "value", closable: ["closable", "closable", booleanAttribute], style: "style", styleClass: "styleClass", enableService: ["enableService", "enableService", booleanAttribute], key: "key", escape: ["escape", "escape", booleanAttribute], severity: "severity", size: "size", displayIcon: "displayIcon", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { valueChange: "valueChange", onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto;padding:0 14px 14px 20px}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: SharedModule }, { 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('messageAnimation', [
+                transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
+                transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Messages, decorators: [{
+            type: Component,
+            args: [{ selector: 'cax-messages', animations: [
+                        trigger('messageAnimation', [
+                            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
+                            transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])
+                        ])
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, RippleModule, TimesIcon, SharedModule, ButtonModule], host: {
+                        class: 'cax-element'
+                    }, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto;padding:0 14px 14px 20px}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { value: [{
+                type: Input
+            }], closable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], enableService: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], key: [{
+                type: Input
+            }], escape: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], severity: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], displayIcon: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], templates: [{
+                type: ContentChildren,
+                args: [CaxTemplate]
+            }] } });
+
+class MessagesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule], exports: [Messages, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MessagesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Messages, SharedModule],
+                    exports: [Messages, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Messages, MessagesModule };
+//# sourceMappingURL=cax-design-system-messages.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-messages.mjs","sources":["../../src/app/components/messages/messages.ts","../../src/app/components/messages/messages.html","../../src/app/components/messages/messages.module.ts","../../src/app/components/messages/cax-design-system-messages.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, OnDestroy, Optional, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { Message, MessageService, CaxTemplate, SharedModule, caxConfig } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Subscription, timer } from 'rxjs';\nimport { ActionButtonItem } from './messages.interface';\n/**\n * Messages is used to display alerts inline.\n * @group Components\n */\n@Component({\n    selector: 'cax-messages',\n    templateUrl: './messages.html',\n    animations: [\n        trigger('messageAnimation', [\n            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),\n            transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./messages.scss'],\n    standalone: true,\n    imports: [CommonModule, RippleModule, TimesIcon, SharedModule, ButtonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Messages implements AfterContentInit, OnDestroy {\n    /**\n     * An array of messages to display.\n     * @group Props\n     */\n    @Input() set value(messages: Message[]) {\n        this.messages = messages;\n        this.startMessageLifes(this.messages);\n    }\n    /**\n     * Defines if message box can be closed by the click icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) closable: boolean = true;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Whether displaying services messages are enabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) enableService: boolean = true;\n    /**\n     * Id to match the key of the message to enable scoping in service based messaging.\n     * @group Props\n     */\n    @Input() key: string | undefined;\n    /**\n     * Whether displaying messages would be escaped or not.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) escape: boolean = true;\n    /**\n     * Severity level of the message.\n     * @group Props\n     */\n    @Input() severity: 'success' | 'info' | 'error' | 'warn' | undefined;\n    /**\n     * Size of the message.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    /**\n     * Display icon or not\n     * @group Props\n     */\n    @Input() displayIcon: boolean = true;\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 = '200ms cubic-bezier(0.86, 0, 0.07, 1)';\n    /**\n     * This function is executed when the value changes.\n     * @param {Message[]} value - messages value.\n     * @group Emits\n     */\n    @Output() valueChange: EventEmitter<Message[]> = new EventEmitter<Message[]>();\n    /**\n     * This function is executed when a message is closed.\n     * @param {Message} value - Closed message.\n     * @group Emits\n     */\n    @Output() onClose: EventEmitter<Message> = new EventEmitter<Message>();\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    messages: Message[] | null | undefined;\n\n    messageSubscription: Subscription | undefined;\n\n    clearSubscription: Subscription | undefined;\n\n    timerSubscriptions: Subscription[] = [];\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Optional() public messageService: MessageService,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        private config: caxConfig\n    ) {}\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n\n        if (this.messageService && this.enableService && !this.contentTemplate) {\n            this.messageSubscription = this.messageService.messageObserver.subscribe((messages: Message | Message[]) => {\n                if (messages) {\n                    if (!Array.isArray(messages)) {\n                        messages = [messages];\n                    }\n\n                    const filteredMessages = messages.filter((m) => this.key === m.key);\n                    this.messages = this.messages ? [...this.messages, ...filteredMessages] : [...filteredMessages];\n                    this.startMessageLifes(filteredMessages);\n                    this.cd.markForCheck();\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\n    hasMessages() {\n        let parentEl = this.el.nativeElement.parentElement;\n        if (parentEl && parentEl.offsetParent) {\n            return this.contentTemplate != null || (this.messages && this.messages.length > 0);\n        }\n\n        return false;\n    }\n\n    clear() {\n        this.messages = [];\n        this.valueChange.emit(this.messages);\n    }\n\n    removeMessage(i: number) {\n        const removedMessage = this.messages[i];\n        this.messages = this.messages?.filter((msg, index) => index !== i);\n        removedMessage && this.onClose.emit(removedMessage);\n        this.valueChange.emit(this.messages);\n    }\n\n    get icon(): string | null {\n        const severity = this.severity || (this.hasMessages() ? this.messages![0].severity : null);\n\n        if (this.hasMessages()) {\n            switch (severity) {\n                case 'success':\n                    return 'cax-check-circle';\n\n                case 'info':\n                    return 'cax-info-circle';\n\n                case 'error':\n                    return 'cax-close-circle';\n\n                case 'warn':\n                    return 'cax-danger-triangle';\n\n                default:\n                    return 'cax-info-circle';\n            }\n        }\n\n        return null;\n    }\n    get closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    ngOnDestroy() {\n        if (this.messageSubscription) {\n            this.messageSubscription.unsubscribe();\n        }\n\n        if (this.clearSubscription) {\n            this.clearSubscription.unsubscribe();\n        }\n\n        this.timerSubscriptions?.forEach((subscription) => subscription.unsubscribe());\n    }\n\n    private startMessageLifes(messages: Message[]): void {\n        messages?.forEach((message) => message.life && this.startMessageLife(message));\n    }\n\n    private startMessageLife(message: Message): void {\n        const timerSubsctiption = timer(message.life!).subscribe(() => {\n            this.messages = this.messages?.filter((msgEl) => msgEl !== message);\n            this.timerSubscriptions = this.timerSubscriptions?.filter((timerEl) => timerEl !== timerSubsctiption);\n            this.valueChange.emit(this.messages);\n            this.cd.markForCheck();\n        });\n        this.timerSubscriptions.push(timerSubsctiption);\n    }\n\n    //custom methods\n    sizeClass(size?: 'sm' | 'md' | 'lg') {\n        return size ? { [`cax-messages-${size}`]: size } : { [`cax-messages-${this.size}`]: this.size };\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 class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { Messages } from './messages';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [Messages, SharedModule],\n    exports: [Messages, SharedModule]\n})\nexport class MessagesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}