cax-design-system 1.0.0

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

@@ -0,0 +1,270 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Directive, Inject, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { DomHandler } from 'cax-design-system/dom';
+import { UniqueComponentId } from 'cax-design-system/utils';
+import { SharedModule } from 'cax-design-system/api';
+
+class Badge {
+    styleClass;
+    style;
+    badgeSize;
+    severity;
+    value;
+    badgeDisabled = false;
+    set size(value) {
+        this._size = value;
+        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');
+    }
+    get size() {
+        return this._size;
+    }
+    _size;
+    containerClass() {
+        return {
+            'cax-badge cax-component': true,
+            'cax-badge-no-gutter': this.value != undefined && String(this.value).length === 1,
+            'cax-badge-lg': this.badgeSize === 'large' || this.size === 'large',
+            'cax-badge-xl': this.badgeSize === 'xlarge' || this.size === 'xlarge',
+            [`cax-badge-${this.severity}`]: this.severity
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: Badge, selector: "cax-badge", inputs: { styleClass: "styleClass", style: "style", badgeSize: "badgeSize", severity: "severity", value: "value", badgeDisabled: "badgeDisabled", size: "size" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n", styles: ["@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Badge, decorators: [{
+            type: Component,
+            args: [{ selector: 'cax-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cax-element'
+                    }, template: "<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n", styles: ["@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}}\n"] }]
+        }], propDecorators: { styleClass: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], badgeSize: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], badgeDisabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class BadgeDirective {
+    document;
+    el;
+    renderer;
+    disabled;
+    badgeSize;
+    set size(value) {
+        this._size = value;
+        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');
+    }
+    get size() {
+        return this._size;
+    }
+    _size;
+    severity;
+    value;
+    badgeStyle;
+    badgeStyleClass;
+    id;
+    badgeEl;
+    get activeElement() {
+        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;
+    }
+    get canUpdateBadge() {
+        return this.id && !this.disabled;
+    }
+    constructor(document, el, renderer) {
+        this.document = document;
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngOnChanges({ value, size, severity, disabled, badgeStyle, badgeStyleClass }) {
+        if (disabled) {
+            this.toggleDisableState();
+        }
+        if (!this.canUpdateBadge) {
+            return;
+        }
+        if (severity) {
+            this.setSeverity(severity.previousValue);
+        }
+        if (size) {
+            this.setSizeClasses();
+        }
+        if (value) {
+            this.setValue();
+        }
+        if (badgeStyle || badgeStyleClass) {
+            this.applyStyles();
+        }
+    }
+    ngAfterViewInit() {
+        this.id = UniqueComponentId() + '_badge';
+        this.renderBadgeContent();
+    }
+    setValue(element) {
+        const badge = element ?? this.document.getElementById(this.id);
+        if (!badge) {
+            return;
+        }
+        if (this.value != null) {
+            if (DomHandler.hasClass(badge, 'cax-badge-dot')) {
+                DomHandler.removeClass(badge, 'cax-badge-dot');
+            }
+            if (this.value && String(this.value).length === 1) {
+                DomHandler.addClass(badge, 'cax-badge-no-gutter');
+            }
+            else {
+                DomHandler.removeClass(badge, 'cax-badge-no-gutter');
+            }
+        }
+        else {
+            if (!DomHandler.hasClass(badge, 'cax-badge-dot')) {
+                DomHandler.addClass(badge, 'cax-badge-dot');
+            }
+            DomHandler.removeClass(badge, 'cax-badge-no-gutter');
+        }
+        badge.innerHTML = '';
+        const badgeValue = this.value != null ? String(this.value) : '';
+        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));
+    }
+    setSizeClasses(element) {
+        const badge = element ?? this.document.getElementById(this.id);
+        if (!badge) {
+            return;
+        }
+        if (this.badgeSize) {
+            if (this.badgeSize === 'large') {
+                DomHandler.addClass(badge, 'cax-badge-lg');
+                DomHandler.removeClass(badge, 'cax-badge-xl');
+            }
+            if (this.badgeSize === 'xlarge') {
+                DomHandler.addClass(badge, 'cax-badge-xl');
+                DomHandler.removeClass(badge, 'cax-badge-lg');
+            }
+        }
+        else if (this.size && !this.badgeSize) {
+            if (this.size === 'large') {
+                DomHandler.addClass(badge, 'cax-badge-lg');
+                DomHandler.removeClass(badge, 'cax-badge-xl');
+            }
+            if (this.size === 'xlarge') {
+                DomHandler.addClass(badge, 'cax-badge-xl');
+                DomHandler.removeClass(badge, 'cax-badge-lg');
+            }
+        }
+        else {
+            DomHandler.removeClass(badge, 'cax-badge-lg');
+            DomHandler.removeClass(badge, 'cax-badge-xl');
+        }
+    }
+    renderBadgeContent() {
+        if (this.disabled) {
+            return;
+        }
+        const el = this.activeElement;
+        const badge = this.document.createElement('span');
+        badge.id = this.id;
+        badge.className = 'cax-badge cax-component';
+        this.setSeverity(null, badge);
+        this.setSizeClasses(badge);
+        this.setValue(badge);
+        DomHandler.addClass(el, 'cax-overlay-badge');
+        this.renderer.appendChild(el, badge);
+        this.badgeEl = badge;
+        this.applyStyles();
+    }
+    applyStyles() {
+        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {
+            for (const [key, value] of Object.entries(this.badgeStyle)) {
+                this.renderer.setStyle(this.badgeEl, key, value);
+            }
+        }
+        if (this.badgeEl && this.badgeStyleClass) {
+            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));
+        }
+    }
+    setSeverity(oldSeverity, element) {
+        const badge = element ?? this.document.getElementById(this.id);
+        if (!badge) {
+            return;
+        }
+        if (this.severity) {
+            DomHandler.addClass(badge, `cax-badge-${this.severity}`);
+        }
+        if (oldSeverity) {
+            DomHandler.removeClass(badge, `cax-badge-${oldSeverity}`);
+        }
+    }
+    toggleDisableState() {
+        if (!this.id) {
+            return;
+        }
+        if (this.disabled) {
+            const badge = this.activeElement?.querySelector(`#${this.id}`);
+            if (badge) {
+                this.renderer.removeChild(this.activeElement, badge);
+            }
+        }
+        else {
+            this.renderBadgeContent();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: BadgeDirective, selector: "[caxBadge]", inputs: { disabled: ["badgeDisabled", "disabled"], badgeSize: "badgeSize", size: "size", severity: "severity", value: "value", badgeStyle: "badgeStyle", badgeStyleClass: "badgeStyleClass" }, host: { classAttribute: "cax-element" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[caxBadge]',
+                    host: {
+                        class: 'cax-element'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { disabled: [{
+                type: Input,
+                args: ['badgeDisabled']
+            }], badgeSize: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], badgeStyle: [{
+                type: Input
+            }], badgeStyleClass: [{
+                type: Input
+            }] } });
+
+class BadgeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, declarations: [Badge, BadgeDirective], imports: [CommonModule, SharedModule], exports: [Badge, BadgeDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, imports: [CommonModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedModule],
+                    exports: [Badge, BadgeDirective],
+                    declarations: [Badge, BadgeDirective]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Badge, BadgeDirective, BadgeModule };
+//# sourceMappingURL=cax-design-system-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-badge.mjs","sources":["../../src/app/components/badge/badge.ts","../../src/app/components/badge/badge.html","../../src/app/components/badge/badge.directive.ts","../../src/app/components/badge/badge.module.ts","../../src/app/components/badge/cax-design-system-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'cax-badge',\n    templateUrl: './badge.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./badge.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Badge {\n    @Input() styleClass: string | undefined;\n    @Input() style: { [klass: string]: any } | null | undefined;\n    @Input() badgeSize: 'large' | 'xlarge' | undefined;\n    @Input() severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;\n    @Input() value: string | number | null | undefined;\n    @Input() badgeDisabled: boolean = false;\n\n    @Input() public set size(value: 'large' | 'xlarge') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'large' | 'xlarge';\n\n    containerClass() {\n        return {\n            'cax-badge cax-component': true,\n            'cax-badge-no-gutter': this.value != undefined && String(this.value).length === 1,\n            'cax-badge-lg': this.badgeSize === 'large' || this.size === 'large',\n            'cax-badge-xl': this.badgeSize === 'xlarge' || this.size === 'xlarge',\n            [`cax-badge-${this.severity}`]: this.severity\n        };\n    }\n}\n","<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n","import { AfterViewInit, Directive, ElementRef, Inject, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { UniqueComponentId } from 'cax-design-system/utils';\n\n@Directive({\n    selector: '[caxBadge]',\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BadgeDirective implements OnChanges, AfterViewInit {\n    @Input('badgeDisabled') public disabled: boolean;\n    @Input() public badgeSize: 'large' | 'xlarge' | undefined;\n    @Input() public set size(value: 'large' | 'xlarge') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'large' | 'xlarge';\n    @Input() public severity: 'success' | 'info' | 'warning' | 'danger' | null | undefined;\n    @Input() public value: string | number;\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    @Input() badgeStyleClass: string;\n\n    private id!: string;\n    badgeEl: HTMLElement;\n\n    private get activeElement(): HTMLElement {\n        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return this.id && !this.disabled;\n    }\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        private renderer: Renderer2\n    ) {}\n\n    public ngOnChanges({ value, size, severity, disabled, badgeStyle, badgeStyleClass }: SimpleChanges): void {\n        if (disabled) {\n            this.toggleDisableState();\n        }\n\n        if (!this.canUpdateBadge) {\n            return;\n        }\n\n        if (severity) {\n            this.setSeverity(severity.previousValue);\n        }\n\n        if (size) {\n            this.setSizeClasses();\n        }\n\n        if (value) {\n            this.setValue();\n        }\n\n        if (badgeStyle || badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this.id = UniqueComponentId() + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value != null) {\n            if (DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.removeClass(badge, 'cax-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                DomHandler.addClass(badge, 'cax-badge-no-gutter');\n            } else {\n                DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n            }\n        } else {\n            if (!DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.addClass(badge, 'cax-badge-dot');\n            }\n\n            DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n        }\n\n        badge.innerHTML = '';\n        const badgeValue = this.value != null ? String(this.value) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.badgeSize) {\n            if (this.badgeSize === 'large') {\n                DomHandler.addClass(badge, 'cax-badge-lg');\n                DomHandler.removeClass(badge, 'cax-badge-xl');\n            }\n\n            if (this.badgeSize === 'xlarge') {\n                DomHandler.addClass(badge, 'cax-badge-xl');\n                DomHandler.removeClass(badge, 'cax-badge-lg');\n            }\n        } else if (this.size && !this.badgeSize) {\n            if (this.size === 'large') {\n                DomHandler.addClass(badge, 'cax-badge-lg');\n                DomHandler.removeClass(badge, 'cax-badge-xl');\n            }\n\n            if (this.size === 'xlarge') {\n                DomHandler.addClass(badge, 'cax-badge-xl');\n                DomHandler.removeClass(badge, 'cax-badge-lg');\n            }\n        } else {\n            DomHandler.removeClass(badge, 'cax-badge-lg');\n            DomHandler.removeClass(badge, 'cax-badge-xl');\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        const el = this.activeElement;\n        const badge = this.document.createElement('span');\n        badge.id = this.id;\n        badge.className = 'cax-badge cax-component';\n\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        DomHandler.addClass(el, 'cax-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: 'success' | 'info' | 'warning' | 'danger' | null, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.severity) {\n            DomHandler.addClass(badge, `cax-badge-${this.severity}`);\n        }\n\n        if (oldSeverity) {\n            DomHandler.removeClass(badge, `cax-badge-${oldSeverity}`);\n        }\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { Badge } from './badge';\nimport { BadgeDirective } from './badge.directive';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Badge, BadgeDirective],\n    declarations: [Badge, BadgeDirective]\n})\nexport class BadgeModule {}\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-baseicon.mjs

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
+import { ObjectUtils } from 'cax-design-system/utils';
+
+class BaseIcon {
+    label;
+    spin = false;
+    styleClass;
+    role;
+    ariaLabel;
+    ariaHidden;
+    ngOnInit() {
+        this.getAttributes();
+    }
+    getAttributes() {
+        const isLabelEmpty = ObjectUtils.isEmpty(this.label);
+        this.role = !isLabelEmpty ? 'img' : undefined;
+        this.ariaLabel = !isLabelEmpty ? this.label : undefined;
+        this.ariaHidden = isLabelEmpty;
+    }
+    getClassNames() {
+        return `cax-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'cax-icon-spin' : ''}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BaseIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: BaseIcon, isStandalone: true, selector: "ng-component", inputs: { label: "label", spin: ["spin", "spin", booleanAttribute], styleClass: "styleClass" }, host: { classAttribute: "cax-element cax-icon-wrapper" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BaseIcon, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <ng-content></ng-content> `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'cax-element cax-icon-wrapper'
+                    }
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], spin: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], styleClass: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseIcon };
+//# sourceMappingURL=cax-design-system-baseicon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-baseicon.mjs","sources":["../../src/app/components/baseicon/baseicon.ts","../../src/app/components/baseicon/cax-design-system-baseicon.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ObjectUtils } from 'cax-design-system/utils';\n\n@Component({\n    template: ` <ng-content></ng-content> `,\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'cax-element cax-icon-wrapper'\n    }\n})\nexport class BaseIcon {\n    @Input() label: string;\n\n    @Input({ transform: booleanAttribute }) spin: boolean = false;\n\n    @Input() styleClass: string;\n\n    role: string;\n\n    ariaLabel: string;\n\n    ariaHidden: boolean;\n\n    ngOnInit() {\n        this.getAttributes();\n    }\n\n    getAttributes() {\n        const isLabelEmpty = ObjectUtils.isEmpty(this.label);\n        this.role = !isLabelEmpty ? 'img' : undefined;\n        this.ariaLabel = !isLabelEmpty ? this.label : undefined;\n        this.ariaHidden = isLabelEmpty;\n    }\n\n    getClassNames() {\n        return `cax-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'cax-icon-spin' : ''}`;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAYa,QAAQ,CAAA;AACR,IAAA,KAAK,CAAS;IAEiB,IAAI,GAAY,KAAK,CAAC;AAErD,IAAA,UAAU,CAAS;AAE5B,IAAA,IAAI,CAAS;AAEb,IAAA,SAAS,CAAS;AAElB,IAAA,UAAU,CAAU;IAEpB,QAAQ,GAAA;QACJ,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IAED,aAAa,GAAA;QACT,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACrD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;AAC9C,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACxD,QAAA,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC;KAClC;IAED,aAAa,GAAA;AACT,QAAA,OAAO,CAAY,SAAA,EAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,EAAE,CAAC;KACxG;uGA1BQ,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAGG,gBAAgB,CAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX1B,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQ9B,QAAQ,EAAA,UAAA,EAAA,CAAA;kBATpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAA6B,2BAAA,CAAA;AACvC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,8BAA8B;AACxC,qBAAA;AACJ,iBAAA,CAAA;8BAEY,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEkC,IAAI,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAE7B,UAAU,EAAA,CAAA;sBAAlB,KAAK;;;ACjBV;;AAEG;;;;"}

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

@@ -0,0 +1,213 @@
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { PLATFORM_ID, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, ContentChildren, ViewChild, NgModule } from '@angular/core';
+import * as i1 from 'cax-design-system/api';
+import { CaxTemplate } from 'cax-design-system/api';
+import { DomHandler } from 'cax-design-system/dom';
+import { ZIndexUtils } from 'cax-design-system/utils';
+
+/**
+ * BlockUI can either block other components or the whole page.
+ * @group Components
+ */
+class BlockUI {
+    document;
+    el;
+    cd;
+    config;
+    renderer;
+    platformId;
+    /**
+     * Name of the local ng-template variable referring to another component.
+     * @group Props
+     */
+    target;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex = true;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex = 0;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * Current blocked state as a boolean.
+     * @group Props
+     */
+    get blocked() {
+        return this._blocked;
+    }
+    set blocked(val) {
+        if (this.mask && this.mask.nativeElement) {
+            if (val)
+                this.block();
+            else
+                this.unblock();
+        }
+        else {
+            this._blocked = val;
+        }
+    }
+    templates;
+    mask;
+    _blocked = false;
+    animationEndListener;
+    contentTemplate;
+    constructor(document, el, cd, config, renderer, platformId) {
+        this.document = document;
+        this.el = el;
+        this.cd = cd;
+        this.config = config;
+        this.renderer = renderer;
+        this.platformId = platformId;
+    }
+    ngAfterViewInit() {
+        if (this._blocked)
+            this.block();
+        if (this.target && !this.target.getBlockableElement) {
+            throw 'Target of BlockUI must implement BlockableUI interface';
+        }
+    }
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this.contentTemplate = item.template;
+                    break;
+                default:
+                    this.contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    block() {
+        if (isPlatformBrowser(this.platformId)) {
+            this._blocked = true;
+            this.mask.nativeElement.style.display = 'flex';
+            if (this.target) {
+                this.target.getBlockableElement().appendChild(this.mask.nativeElement);
+                this.target.getBlockableElement().style.position = 'relative';
+            }
+            else {
+                this.renderer.appendChild(this.document.body, this.mask.nativeElement);
+                DomHandler.blockBodyScroll();
+            }
+            if (this.autoZIndex) {
+                ZIndexUtils.set('modal', this.mask.nativeElement, this.baseZIndex + this.config.zIndex.modal);
+            }
+        }
+    }
+    unblock() {
+        if (isPlatformBrowser(this.platformId) && this.mask && !this.animationEndListener) {
+            this.animationEndListener = this.renderer.listen(this.mask.nativeElement, 'animationend', this.destroyModal.bind(this));
+            DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave');
+        }
+    }
+    destroyModal() {
+        this._blocked = false;
+        if (this.mask && isPlatformBrowser(this.platformId)) {
+            ZIndexUtils.clear(this.mask.nativeElement);
+            DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave');
+            this.renderer.removeChild(this.el.nativeElement, this.mask.nativeElement);
+            DomHandler.unblockBodyScroll();
+        }
+        this.unbindAnimationEndListener();
+        this.cd.markForCheck();
+    }
+    unbindAnimationEndListener() {
+        if (this.animationEndListener && this.mask) {
+            this.animationEndListener();
+            this.animationEndListener = null;
+        }
+    }
+    ngOnDestroy() {
+        this.unblock();
+        this.destroyModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUI, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: BlockUI, selector: "p-blockUI", inputs: { target: "target", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], styleClass: "styleClass", blocked: "blocked" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "mask", first: true, predicate: ["mask"], descendants: true }], ngImport: i0, template: `
+        <div
+            #mask
+            [class]="styleClass"
+            [attr.aria-busy]="blocked"
+            [ngClass]="{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }"
+            [ngStyle]="{ display: 'none' }"
+            [attr.data-pc-name]="'blockui'"
+            [attr.data-pc-section]="'root'"
+        >
+            <ng-content></ng-content>
+            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+        </div>
+    `, isInline: true, styles: ["@layer cax{.p-blockui{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition-property:background-color;display:flex;align-items:center;justify-content:center}.p-blockui.p-component-overlay{position:absolute}.p-blockui-document.p-component-overlay{position:fixed}.p-blockui-leave.p-component-overlay{background-color:transparent}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUI, decorators: [{
+            type: Component,
+            args: [{ selector: 'p-blockUI', template: `
+        <div
+            #mask
+            [class]="styleClass"
+            [attr.aria-busy]="blocked"
+            [ngClass]="{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }"
+            [ngStyle]="{ display: 'none' }"
+            [attr.data-pc-name]="'blockui'"
+            [attr.data-pc-section]="'root'"
+        >
+            <ng-content></ng-content>
+            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cax-element'
+                    }, styles: ["@layer cax{.p-blockui{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition-property:background-color;display:flex;align-items:center;justify-content:center}.p-blockui.p-component-overlay{position:absolute}.p-blockui-document.p-component-overlay{position:fixed}.p-blockui-leave.p-component-overlay{background-color:transparent}}\n"] }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.caxConfig }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { target: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], baseZIndex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], styleClass: [{
+                type: Input
+            }], blocked: [{
+                type: Input
+            }], templates: [{
+                type: ContentChildren,
+                args: [CaxTemplate]
+            }], mask: [{
+                type: ViewChild,
+                args: ['mask']
+            }] } });
+class BlockUIModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, declarations: [BlockUI], imports: [CommonModule], exports: [BlockUI] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [BlockUI],
+                    declarations: [BlockUI]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BlockUI, BlockUIModule };
+//# sourceMappingURL=cax-design-system-blockui.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-blockui.mjs","sources":["../../src/app/components/blockui/blockui.ts","../../src/app/components/blockui/cax-design-system-blockui.ts"],"sourcesContent":["import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Inject,\n    Input,\n    NgModule,\n    OnDestroy,\n    PLATFORM_ID,\n    QueryList,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ZIndexUtils } from 'cax-design-system/utils';\n/**\n * BlockUI can either block other components or the whole page.\n * @group Components\n */\n@Component({\n    selector: 'p-blockUI',\n    template: `\n        <div\n            #mask\n            [class]=\"styleClass\"\n            [attr.aria-busy]=\"blocked\"\n            [ngClass]=\"{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }\"\n            [ngStyle]=\"{ display: 'none' }\"\n            [attr.data-pc-name]=\"'blockui'\"\n            [attr.data-pc-section]=\"'root'\"\n        >\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./blockui.css'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BlockUI implements AfterViewInit, OnDestroy {\n    /**\n     * Name of the local ng-template variable referring to another component.\n     * @group Props\n     */\n    @Input() target: any;\n    /**\n     * Whether to automatically manage layering.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Current blocked state as a boolean.\n     * @group Props\n     */\n    @Input() get blocked(): boolean {\n        return this._blocked;\n    }\n    set blocked(val: boolean) {\n        if (this.mask && this.mask.nativeElement) {\n            if (val) this.block();\n            else this.unblock();\n        } else {\n            this._blocked = val;\n        }\n    }\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    @ViewChild('mask') mask: ElementRef | undefined;\n\n    _blocked: boolean = false;\n\n    animationEndListener: VoidFunction | null | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        public config: caxConfig,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) public platformId: any\n    ) {}\n\n    ngAfterViewInit() {\n        if (this._blocked) this.block();\n\n        if (this.target && !this.target.getBlockableElement) {\n            throw 'Target of BlockUI must implement BlockableUI interface';\n        }\n    }\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).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\n    block() {\n        if (isPlatformBrowser(this.platformId)) {\n            this._blocked = true;\n            (this.mask as ElementRef).nativeElement.style.display = 'flex';\n\n            if (this.target) {\n                this.target.getBlockableElement().appendChild((this.mask as ElementRef).nativeElement);\n                this.target.getBlockableElement().style.position = 'relative';\n            } else {\n                this.renderer.appendChild(this.document.body, (this.mask as ElementRef).nativeElement);\n                DomHandler.blockBodyScroll();\n            }\n\n            if (this.autoZIndex) {\n                ZIndexUtils.set('modal', (this.mask as ElementRef).nativeElement, this.baseZIndex + this.config.zIndex.modal);\n            }\n        }\n    }\n\n    unblock() {\n        if (isPlatformBrowser(this.platformId) && this.mask && !this.animationEndListener) {\n            this.animationEndListener = this.renderer.listen(this.mask.nativeElement, 'animationend', this.destroyModal.bind(this));\n            DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave');\n        }\n    }\n\n    destroyModal() {\n        this._blocked = false;\n        if (this.mask && isPlatformBrowser(this.platformId)) {\n            ZIndexUtils.clear(this.mask.nativeElement);\n            DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave');\n            this.renderer.removeChild(this.el.nativeElement, this.mask.nativeElement);\n            DomHandler.unblockBodyScroll();\n        }\n        this.unbindAnimationEndListener();\n        this.cd.markForCheck();\n    }\n\n    unbindAnimationEndListener() {\n        if (this.animationEndListener && this.mask) {\n            this.animationEndListener();\n            this.animationEndListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.unblock();\n        this.destroyModal();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [BlockUI],\n    declarations: [BlockUI]\n})\nexport class BlockUIModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}