npm - cax-design-system - Versions diffs - 2.8.4 → 3.0.0 - Mend

cax-design-system 2.8.4 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (681) hide show

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

@@ -5,9 +5,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, booleanAttribute, ContentChildren, Output, Input, Optional, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from 'cax-design-system/api';
 import { SharedModule, CaxTemplate } 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';
@@ -64,11 +62,6 @@ class Messages {
      * @group Props
      */
     severity;
-    /**
-     * Size of the message.
-     * @group Props
-     */
-    size = 'md';
     /**
      * Display icon or not
      * @group Props
@@ -166,15 +159,15 @@ class Messages {
         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';
+                    return 'cax-check-circle-bold';
+                case 'primary':
+                    return 'cax-info-circle-bold';
+                case 'danger':
+                    return 'cax-danger-triangle-bold';
+                case 'warning':
+                    return 'cax-shield-warning-bold';
                 default:
-                    return 'cax-info-circle';
+                    return 'cax-info-circle-bold';
             }
         }
         return null;
@@ -203,47 +196,29 @@ class Messages {
         });
         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, outlined) {
-        switch (severity) {
-            case 'success':
-                return 'success';
-            case 'info':
-                return outlined ? 'secondary' : 'primary';
-            case 'error':
-                return 'danger';
-            case 'warn':
-                return 'warning';
-            default:
-                return 'primary';
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", 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: "19.2.16", 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, item.outlined)\"\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;gap:8px}.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}.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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", 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: "19.2.21", 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", 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'\">\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\n        <div\n            *ngFor=\"let msg of messages; let i = index\"\n            [class]=\"'cax-message cax-message-' + msg.severity\"\n            role=\"alert\"\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n        >\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\n                <div class=\"cax-message-wrap\">\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\n                        <ng-container>\n                            <span class=\"cax cax-check-circle-bold\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-info-circle-bold\" *ngIf=\"msg.severity === 'primary'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-danger-triangle-bold\" *ngIf=\"msg.severity === 'danger'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-shield-warning-bold\" *ngIf=\"msg.severity === 'warning'\" [attr.data-pc-section]=\"'icon'\"></span>\n                        </ng-container>\n                    </span>\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\n                        <div class=\"cax-message-box\">\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\n                        </div>\n                    </ng-container>\n                    <ng-template #escapeOut>\n                        <div class=\"cax-message-box\">\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\n                            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\n                                <span *ngFor=\"let item of msg.actionButtons; let i = index\" (click)=\"onItemClick($event, item)\" class=\"cax-text-body-sm-semibold\"> {{ item.label }} </span>\n                                <!-- <cax-button\n                                    *ngFor=\"let item of msg.actionButtons; let i = index\"\n                                    (click)=\"onItemClick($event, item)\"\n                                    (keydown.enter)=\"onItemClick($event, item, i)\"\n                                    [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\n                                    [label]=\"item.label\"\n                                    [outlined]=\"item.outlined\"\n                                    [disabled]=\"item.disabled\"\n                                /> -->\n                            </div>\n                        </div>\n                    </ng-template>\n                </div>\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'\">\n                    <!-- <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" /> -->\n                    <i class=\"cax cax-close cax-message-close-icon\"></i>\n                </button>\n            </div>\n        </div>\n    </ng-container>\n    <ng-template #staticMessage>\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\n            <div class=\"cax-message-wrapper\">\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start;gap:12px}.cax-message-wrap{display:flex;gap:12px}.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-message-button-wrapper{display:flex;margin-top:8px;overflow-x:auto;align-items:center;gap:12px}.cax-message-button-wrapper span{font-weight:600;font-size:14px;line-height:20px;cursor:pointer}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}.cax-message-close-icon{font-size:24px}}\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: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: ButtonModule }], 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: "19.2.16", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", 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: {
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, RippleModule, 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, item.outlined)\"\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;gap:8px}.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}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"] }]
+                    }, 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'\">\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\n        <div\n            *ngFor=\"let msg of messages; let i = index\"\n            [class]=\"'cax-message cax-message-' + msg.severity\"\n            role=\"alert\"\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n        >\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\n                <div class=\"cax-message-wrap\">\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\n                        <ng-container>\n                            <span class=\"cax cax-check-circle-bold\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-info-circle-bold\" *ngIf=\"msg.severity === 'primary'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-danger-triangle-bold\" *ngIf=\"msg.severity === 'danger'\" [attr.data-pc-section]=\"'icon'\"></span>\n                            <span class=\"cax cax-shield-warning-bold\" *ngIf=\"msg.severity === 'warning'\" [attr.data-pc-section]=\"'icon'\"></span>\n                        </ng-container>\n                    </span>\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\n                        <div class=\"cax-message-box\">\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\n                        </div>\n                    </ng-container>\n                    <ng-template #escapeOut>\n                        <div class=\"cax-message-box\">\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\n                            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\n                                <span *ngFor=\"let item of msg.actionButtons; let i = index\" (click)=\"onItemClick($event, item)\" class=\"cax-text-body-sm-semibold\"> {{ item.label }} </span>\n                                <!-- <cax-button\n                                    *ngFor=\"let item of msg.actionButtons; let i = index\"\n                                    (click)=\"onItemClick($event, item)\"\n                                    (keydown.enter)=\"onItemClick($event, item, i)\"\n                                    [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\n                                    [label]=\"item.label\"\n                                    [outlined]=\"item.outlined\"\n                                    [disabled]=\"item.disabled\"\n                                /> -->\n                            </div>\n                        </div>\n                    </ng-template>\n                </div>\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'\">\n                    <!-- <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" /> -->\n                    <i class=\"cax cax-close cax-message-close-icon\"></i>\n                </button>\n            </div>\n        </div>\n    </ng-container>\n    <ng-template #staticMessage>\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\n            <div class=\"cax-message-wrapper\">\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start;gap:12px}.cax-message-wrap{display:flex;gap:12px}.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-message-button-wrapper{display:flex;margin-top:8px;overflow-x:auto;align-items:center;gap:12px}.cax-message-button-wrapper span{font-weight:600;font-size:14px;line-height:20px;cursor:pointer}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}.cax-message-close-icon{font-size:24px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.MessageService, decorators: [{
                     type: Optional
                 }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { value: [{
@@ -265,8 +240,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], severity: [{
                 type: Input
-            }], size: [{
-                type: Input
             }], displayIcon: [{
                 type: Input
             }], showTransitionOptions: [{
@@ -283,11 +256,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
             }] } });
 class MessagesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule], exports: [Messages, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule], exports: [Messages, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MessagesModule, imports: [Messages, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MessagesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MessagesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Messages, SharedModule],

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

	@@ -1 +1 @@
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, outlined?: boolean) {\n switch (severity) {\n case 'success':\n return 'success';\n case 'info':\n return outlined ? 'secondary' : '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, item.outlined)\"\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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"}
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 { 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, 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' \| 'primary' \| 'danger' \| 'warning' \| undefined;\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-bold';\n\n case 'primary':\n return 'cax-info-circle-bold';\n\n case 'danger':\n return 'cax-danger-triangle-bold';\n\n case 'warning':\n return 'cax-shield-warning-bold';\n\n default:\n return 'cax-info-circle-bold';\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 onItemClick(e: MouseEvent, item: ActionButtonItem) {\n if (item.command) {\n item.command({ originalEvent: e, item });\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'\">\n <ng-container ngIf=\"!contentTemplate; else staticMessage\">\n <div\n ngFor=\"let msg of messages; let i = index\"\n [class]=\"'cax-message cax-message-' + msg.severity\"\n role=\"alert\"\n [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n >\n <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id \|\| null\">\n <div class=\"cax-message-wrap\">\n <span ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\n <span class=\"cax-message-icon\" ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\n <ng-container>\n <span class=\"cax cax-check-circle-bold\" ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-info-circle-bold\" ngIf=\"msg.severity === 'primary'\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-danger-triangle-bold\" ngIf=\"msg.severity === 'danger'\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-shield-warning-bold\" ngIf=\"msg.severity === 'warning'\" [attr.data-pc-section]=\"'icon'\"></span>\n </ng-container>\n </span>\n <ng-container ngIf=\"!escape; else escapeOut\">\n <div class=\"cax-message-box\">\n <span ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\n <span ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\n </div>\n </ng-container>\n <ng-template #escapeOut>\n <div class=\"cax-message-box\">\n <span ngIf=\"msg.summary\" class=\"cax-message-summary cax-text-heading-sm-semibold\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\n <span ngIf=\"msg.detail\" class=\"cax-message-detail cax-text-body-sm-regular\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\n <div ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\n <span ngFor=\"let item of msg.actionButtons; let i = index\" (click)=\"onItemClick($event, item)\" class=\"cax-text-body-sm-semibold\"> {{ item.label }} </span>\n <!-- <cax-button\n ngFor=\"let item of msg.actionButtons; let i = index\"\n (click)=\"onItemClick($event, item)\"\n (keydown.enter)=\"onItemClick($event, item, i)\"\n [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\n [label]=\"item.label\"\n [outlined]=\"item.outlined\"\n [disabled]=\"item.disabled\"\n /> -->\n </div>\n </div>\n </ng-template>\n </div>\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'\">\n <!-- <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" /> -->\n <i class=\"cax cax-close cax-message-close-icon\"></i>\n </button>\n </div>\n </div>\n </ng-container>\n <ng-template #staticMessage>\n <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\n <div class=\"cax-message-wrapper\">\n <ng-container ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n </div>\n </ng-template>\n</div>\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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"}

package/fesm2022/cax-design-system-metergroup.mjs CHANGED Viewed

@@ -21,8 +21,8 @@ class MeterGroupLabel {
         };
     }
     parentInstance = inject(forwardRef(() => MeterGroup));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: MeterGroupLabel, isStandalone: false, selector: "p-meterGroupLabel", inputs: { value: "value", labelPosition: "labelPosition", labelOrientation: "labelOrientation", min: "min", max: "max", iconTemplate: "iconTemplate" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: MeterGroupLabel, isStandalone: false, selector: "p-meterGroupLabel", inputs: { value: "value", labelPosition: "labelPosition", labelOrientation: "labelOrientation", min: "min", max: "max", iconTemplate: "iconTemplate" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
         <ol [ngClass]="labelClass">
             <li *ngFor="let labelItem of value; let index = index; trackBy: parentInstance.trackByFn" class="p-metergroup-label">
                 <ng-container *ngIf="!iconTemplate">
@@ -35,7 +35,7 @@ class MeterGroupLabel {
         </ol>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-meterGroupLabel',
@@ -188,8 +188,8 @@ class MeterGroup {
     trackByFn(index) {
         return index;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: MeterGroup, isStandalone: false, selector: "p-meterGroup", inputs: { value: "value", min: "min", max: "max", orientation: "orientation", labelPosition: "labelPosition", labelOrientation: "labelOrientation", style: "style", styleClass: "styleClass" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MeterGroup, isStandalone: false, selector: "p-meterGroup", inputs: { value: "value", min: "min", max: "max", orientation: "orientation", labelPosition: "labelPosition", labelOrientation: "labelOrientation", style: "style", styleClass: "styleClass" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef }], ngImport: i0, template: `
         <div #container [ngClass]="containerClass" role="meter" [attr.aria-valuemin]="min" [attr.aria-valuemax]="max" [attr.aria-valuenow]="totalPercent()" [ngStyle]="style" [class]="styleClass">
             @if (labelPosition === 'start') {
                 <p-meterGroupLabel *ngIf="!labelTemplate" [value]="value" [labelPosition]="labelPosition" [labelOrientation]="labelOrientation" [min]="min" [max]="max" [iconTemplate]="iconTemplate" />
@@ -213,7 +213,7 @@ class MeterGroup {
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MeterGroupLabel, selector: "p-meterGroupLabel", inputs: ["value", "labelPosition", "labelOrientation", "min", "max", "iconTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-meterGroup',
@@ -268,11 +268,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
                 args: ['container', { read: ElementRef }]
             }] } });
 class MeterGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupModule, declarations: [MeterGroup, MeterGroupLabel], imports: [CommonModule, SharedModule], exports: [MeterGroup, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupModule, imports: [CommonModule, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupModule, declarations: [MeterGroup, MeterGroupLabel], imports: [CommonModule, SharedModule], exports: [MeterGroup, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupModule, imports: [CommonModule, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: MeterGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MeterGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule],

package/fesm2022/cax-design-system-metergroup.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cax-design-system-metergroup.mjs","sources":["../../src/app/components/metergroup/metergroup.ts","../../src/app/components/metergroup/cax-design-system-metergroup.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation, effect, forwardRef, inject, ViewChild } from '@angular/core';\nimport { CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { MeterItem } from './metergroup.interface';\n\n@Component({\n selector: 'p-meterGroupLabel',\n standalone: false,\n template: `\n <ol [ngClass]=\"labelClass\">\n <li ngFor=\"let labelItem of value; let index = index; trackBy: parentInstance.trackByFn\" class=\"p-metergroup-label\">\n <ng-container ngIf=\"!iconTemplate\">\n <i ngIf=\"labelItem.icon\" [class]=\"labelItem.icon\" [ngClass]=\"{ 'p-metergroup-label-icon': true }\" [ngStyle]=\"{ color: labelItem.color }\"></i>\n <span ngIf=\"!labelItem.icon\" class=\"p-metergroup-label-marker\" [ngStyle]=\"{ backgroundColor: labelItem.color }\"></span>\n </ng-container>\n <ng-container ngTemplateOutlet=\"iconTemplate; context: { $implicit: labelItem, icon: labelItem.icon }\"></ng-container>\n <span class=\"p-metergroup-label-text\">{{ labelItem.label }} ({{ parentInstance?.percentValue(labelItem.value) }})</span>\n </li>\n </ol>\n `\n})\nexport class MeterGroupLabel {\n @Input() value: any[] = null;\n\n @Input() labelPosition: 'start' \| 'end' = 'end';\n\n @Input() labelOrientation: 'horizontal' \| 'vertical' = 'horizontal';\n\n @Input() min: number;\n\n @Input() max: number;\n\n @Input() iconTemplate: TemplateRef<any> \| undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n get labelClass(): { [key: string]: boolean } {\n return {\n 'p-metergroup-labels p-component': true,\n 'p-metergroup-labels-vertical': this.labelOrientation === 'vertical',\n 'p-metergroup-labels-horizontal': this.labelOrientation === 'horizontal'\n };\n }\n\n parentInstance: MeterGroup = inject(forwardRef(() => MeterGroup));\n}\n/\n MeterGroup displays scalar measurements within a known range.\n * @group Components\n /\n@Component({\n selector: 'p-meterGroup',\n template: `\n <div #container [ngClass]=\"containerClass\" role=\"meter\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\" [attr.aria-valuenow]=\"totalPercent()\" [ngStyle]=\"style\" [class]=\"styleClass\">\n @if (labelPosition === 'start') {\n <p-meterGroupLabel ngIf=\"!labelTemplate\" [value]=\"value\" [labelPosition]=\"labelPosition\" [labelOrientation]=\"labelOrientation\" [min]=\"min\" [max]=\"max\" [iconTemplate]=\"iconTemplate\" />\n <ng-container ngTemplateOutlet=\"labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n }\n <ng-container ngTemplateOutlet=\"startTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n <div class=\"p-metergroup-meters\">\n <ng-container ngFor=\"let meterItem of value; let index = index; trackBy: trackByFn\">\n <ng-container ngTemplateOutlet=\"meterTemplate; context: { $implicit: meterItem, index: index, orientation: this.orientation, class: 'p-metergroup-meter', size: percentValue(meterItem.value), totalPercent: totalPercent() }\">\n </ng-container>\n <ng-container ngIf=\"!meterTemplate && meterItem.value > 0\">\n <span class=\"p-metergroup-meter\" [ngStyle]=\"meterStyle(meterItem)\"></span>\n </ng-container>\n </ng-container>\n </div>\n <ng-container ngTemplateOutlet=\"endTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n @if (labelPosition === 'end') {\n <p-meterGroupLabel ngIf=\"!labelTemplate\" [value]=\"value\" [labelPosition]=\"labelPosition\" [labelOrientation]=\"labelOrientation\" [min]=\"min\" [max]=\"max\" [iconTemplate]=\"iconTemplate\" />\n <ng-container ngTemplateOutlet=\"labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n }\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false\n})\nexport class MeterGroup implements AfterContentInit {\n /*\n Current value of the metergroup.\n * @group Props\n /\n @Input() value: MeterItem[] \| undefined;\n /\n Mininum boundary value.\n * @group Props\n /\n @Input() min: number = 0;\n /\n Maximum boundary value.\n * @group Props\n /\n @Input() max: number = 100;\n /\n Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.\n * @group Props\n /\n @Input() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n /\n Specifies the label position of the component, valid values are 'start' and 'end'.\n * @group Props\n /\n @Input() labelPosition: 'start' \| 'end' = 'end';\n /\n Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.\n * @group Props\n /\n @Input() labelOrientation: string = 'horizontal';\n /\n Inline style of the element.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the element.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n get vertical(): boolean {\n return this.orientation === 'vertical';\n }\n\n get containerClass() {\n return {\n 'p-metergroup p-component': true,\n 'p-metergroup-horizontal': this.orientation === 'horizontal',\n 'p-metergroup-vertical': this.orientation === 'vertical'\n };\n }\n\n labelTemplate: TemplateRef<any> \| undefined;\n\n meterTemplate: TemplateRef<any> \| undefined;\n\n endTemplate: TemplateRef<any> \| undefined;\n\n startTemplate: TemplateRef<any> \| undefined;\n\n iconTemplate: TemplateRef<any> \| undefined;\n\n @ViewChild('container', { read: ElementRef }) container: ElementRef;\n\n ngAfterViewInit() {\n const _container = this.container.nativeElement;\n const height = DomHandler.getOuterHeight(_container);\n this.vertical && (_container.style.height = height + 'px');\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'label':\n this.labelTemplate = item.template;\n break;\n case 'meter':\n this.meterTemplate = item.template;\n break;\n case 'icon':\n this.iconTemplate = item.template;\n break;\n case 'start':\n this.startTemplate = item.template;\n break;\n case 'end':\n this.endTemplate = item.template;\n break;\n default:\n break;\n }\n });\n }\n\n percent(meter = 0) {\n const percentOfItem = ((meter - this.min) / (this.max - this.min)) 100;\n\n return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n }\n\n percentValue(meter) {\n return this.percent(meter) + '%';\n }\n\n meterStyle(val) {\n return {\n backgroundColor: val.color,\n width: this.orientation === 'horizontal' && this.percentValue(val.value),\n height: this.orientation === 'vertical' && this.percentValue(val.value)\n };\n }\n\n totalPercent() {\n return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n }\n\n percentages() {\n let sum = 0;\n const sumsArray = [];\n\n this.value.forEach((item) => {\n sum += item.value;\n sumsArray.push(sum);\n });\n\n return sumsArray;\n }\n\n trackByFn(index: number): number {\n return index;\n }\n}\n\n@NgModule({\n imports: [CommonModule, SharedModule],\n exports: [MeterGroup, SharedModule],\n declarations: [MeterGroup, MeterGroupLabel]\n})\nexport class MeterGroupModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cax-design-system-metergroup.mjs","sources":["../../src/app/components/metergroup/metergroup.ts","../../src/app/components/metergroup/cax-design-system-metergroup.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation, effect, forwardRef, inject, ViewChild } from '@angular/core';\nimport { CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { MeterItem } from './metergroup.interface';\n\n@Component({\n selector: 'p-meterGroupLabel',\n standalone: false,\n template: `\n <ol [ngClass]=\"labelClass\">\n <li ngFor=\"let labelItem of value; let index = index; trackBy: parentInstance.trackByFn\" class=\"p-metergroup-label\">\n <ng-container ngIf=\"!iconTemplate\">\n <i ngIf=\"labelItem.icon\" [class]=\"labelItem.icon\" [ngClass]=\"{ 'p-metergroup-label-icon': true }\" [ngStyle]=\"{ color: labelItem.color }\"></i>\n <span ngIf=\"!labelItem.icon\" class=\"p-metergroup-label-marker\" [ngStyle]=\"{ backgroundColor: labelItem.color }\"></span>\n </ng-container>\n <ng-container ngTemplateOutlet=\"iconTemplate; context: { $implicit: labelItem, icon: labelItem.icon }\"></ng-container>\n <span class=\"p-metergroup-label-text\">{{ labelItem.label }} ({{ parentInstance?.percentValue(labelItem.value) }})</span>\n </li>\n </ol>\n `\n})\nexport class MeterGroupLabel {\n @Input() value: any[] = null;\n\n @Input() labelPosition: 'start' \| 'end' = 'end';\n\n @Input() labelOrientation: 'horizontal' \| 'vertical' = 'horizontal';\n\n @Input() min: number;\n\n @Input() max: number;\n\n @Input() iconTemplate: TemplateRef<any> \| undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n get labelClass(): { [key: string]: boolean } {\n return {\n 'p-metergroup-labels p-component': true,\n 'p-metergroup-labels-vertical': this.labelOrientation === 'vertical',\n 'p-metergroup-labels-horizontal': this.labelOrientation === 'horizontal'\n };\n }\n\n parentInstance: MeterGroup = inject(forwardRef(() => MeterGroup));\n}\n/\n MeterGroup displays scalar measurements within a known range.\n * @group Components\n /\n@Component({\n selector: 'p-meterGroup',\n template: `\n <div #container [ngClass]=\"containerClass\" role=\"meter\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\" [attr.aria-valuenow]=\"totalPercent()\" [ngStyle]=\"style\" [class]=\"styleClass\">\n @if (labelPosition === 'start') {\n <p-meterGroupLabel ngIf=\"!labelTemplate\" [value]=\"value\" [labelPosition]=\"labelPosition\" [labelOrientation]=\"labelOrientation\" [min]=\"min\" [max]=\"max\" [iconTemplate]=\"iconTemplate\" />\n <ng-container ngTemplateOutlet=\"labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n }\n <ng-container ngTemplateOutlet=\"startTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n <div class=\"p-metergroup-meters\">\n <ng-container ngFor=\"let meterItem of value; let index = index; trackBy: trackByFn\">\n <ng-container ngTemplateOutlet=\"meterTemplate; context: { $implicit: meterItem, index: index, orientation: this.orientation, class: 'p-metergroup-meter', size: percentValue(meterItem.value), totalPercent: totalPercent() }\">\n </ng-container>\n <ng-container ngIf=\"!meterTemplate && meterItem.value > 0\">\n <span class=\"p-metergroup-meter\" [ngStyle]=\"meterStyle(meterItem)\"></span>\n </ng-container>\n </ng-container>\n </div>\n <ng-container ngTemplateOutlet=\"endTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n @if (labelPosition === 'end') {\n <p-meterGroupLabel ngIf=\"!labelTemplate\" [value]=\"value\" [labelPosition]=\"labelPosition\" [labelOrientation]=\"labelOrientation\" [min]=\"min\" [max]=\"max\" [iconTemplate]=\"iconTemplate\" />\n <ng-container ngTemplateOutlet=\"labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }\"></ng-container>\n }\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false\n})\nexport class MeterGroup implements AfterContentInit {\n /*\n Current value of the metergroup.\n * @group Props\n /\n @Input() value: MeterItem[] \| undefined;\n /\n Mininum boundary value.\n * @group Props\n /\n @Input() min: number = 0;\n /\n Maximum boundary value.\n * @group Props\n /\n @Input() max: number = 100;\n /\n Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.\n * @group Props\n /\n @Input() orientation: 'horizontal' \| 'vertical' = 'horizontal';\n /\n Specifies the label position of the component, valid values are 'start' and 'end'.\n * @group Props\n /\n @Input() labelPosition: 'start' \| 'end' = 'end';\n /\n Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.\n * @group Props\n /\n @Input() labelOrientation: string = 'horizontal';\n /\n Inline style of the element.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the element.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n get vertical(): boolean {\n return this.orientation === 'vertical';\n }\n\n get containerClass() {\n return {\n 'p-metergroup p-component': true,\n 'p-metergroup-horizontal': this.orientation === 'horizontal',\n 'p-metergroup-vertical': this.orientation === 'vertical'\n };\n }\n\n labelTemplate: TemplateRef<any> \| undefined;\n\n meterTemplate: TemplateRef<any> \| undefined;\n\n endTemplate: TemplateRef<any> \| undefined;\n\n startTemplate: TemplateRef<any> \| undefined;\n\n iconTemplate: TemplateRef<any> \| undefined;\n\n @ViewChild('container', { read: ElementRef }) container: ElementRef;\n\n ngAfterViewInit() {\n const _container = this.container.nativeElement;\n const height = DomHandler.getOuterHeight(_container);\n this.vertical && (_container.style.height = height + 'px');\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'label':\n this.labelTemplate = item.template;\n break;\n case 'meter':\n this.meterTemplate = item.template;\n break;\n case 'icon':\n this.iconTemplate = item.template;\n break;\n case 'start':\n this.startTemplate = item.template;\n break;\n case 'end':\n this.endTemplate = item.template;\n break;\n default:\n break;\n }\n });\n }\n\n percent(meter = 0) {\n const percentOfItem = ((meter - this.min) / (this.max - this.min)) 100;\n\n return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n }\n\n percentValue(meter) {\n return this.percent(meter) + '%';\n }\n\n meterStyle(val) {\n return {\n backgroundColor: val.color,\n width: this.orientation === 'horizontal' && this.percentValue(val.value),\n height: this.orientation === 'vertical' && this.percentValue(val.value)\n };\n }\n\n totalPercent() {\n return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n }\n\n percentages() {\n let sum = 0;\n const sumsArray = [];\n\n this.value.forEach((item) => {\n sum += item.value;\n sumsArray.push(sum);\n });\n\n return sumsArray;\n }\n\n trackByFn(index: number): number {\n return index;\n }\n}\n\n@NgModule({\n imports: [CommonModule, SharedModule],\n exports: [MeterGroup, SharedModule],\n declarations: [MeterGroup, MeterGroupLabel]\n})\nexport class MeterGroupModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}