cax-design-system 3.0.0 → 3.0.1

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

@@ -26,10 +26,10 @@ class Productcard {
     addToCart = true;
     addToList = true;
     primaryButton = 'cart';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Productcard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Productcard, isStandalone: true, selector: "cax-productCard", inputs: { view: "view", productTitle: "productTitle", productDescription: "productDescription", imageUrl: "imageUrl", currency: "currency", sellingPrice: "sellingPrice", totalPrice: "totalPrice", reviewCount: "reviewCount", rating: "rating", title: "title", description: "description", addToCart: "addToCart", addToList: "addToList", primaryButton: "primaryButton" }, ngImport: i0, template: "<div tabindex=\"0\" [ngClass]=\"view == 'vertical' ? 'cax-productcard-container' : 'cax-prodcutcard-horizontal-container'\">\n    <div>\n        <cax-image *ngIf=\"imageUrl?.length\" [src]=\"imageUrl\" [styleClass]=\"'cax-productcard-image'\"></cax-image>\n    </div>\n    <div class=\"cax-productcard-details-container\">\n        <div class=\"cax-productcard-labels\"></div>\n        <div class=\"cax-productcard-title\">\n            <span>{{ title }}</span>\n        </div>\n        <div class=\"cax-productcard-description\">\n            <span>{{ description }}</span>\n        </div>\n    </div>\n    <cax-divider [style]=\"{ margin: 0 }\"></cax-divider>\n    <div class=\"cax-productcard-bottom-container\">\n        <div class=\"cax-productcard-price-review-container\">\n            <div class=\"cax-productcard-price\">\n                <span class=\"cax-productcard-selling-price\">{{currency}}{{sellingPrice}}</span>\n                <span *ngIf=\"totalPrice\" class=\"cax-productcard-total-price\">{{currency}}{{totalPrice}}</span>\n            </div>\n            <div class=\"cax-productcard-ratings\">\n                <div *ngIf=\"rating\" class=\"cax-productcard-rate\">\n                    <span class=\"cax cax-star-bold\"></span>\n                    <span>{{rating}}</span>\n                </div>\n                <span *ngIf=\"reviewCount\" class=\"cax-productcard-review\">({{reviewCount}})</span>\n            </div>\n        </div>\n\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'cart'\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%', flex: 1}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n            <cax-splitButton [icon]=\"'cax cax-notes'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'list'\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [icon]=\"'cax cax-notes'\" [size]=\"'small'\"></cax-splitButton>\n            <cax-button [size]=\"'small'\" [icon]=\"'cax cax-cart-large-minimalistic'\" [outlined]=\"true\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToList && addToCart\" class=\"cax-productcard-button-container\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToCart && addToList\" class=\"cax-productcard-button-container\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-productcard-container{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;width:276px}.cax-productcard-container .cax-productcard-bottom-container{display:flex;flex-direction:column;gap:12px}.cax-productcard-container .cax-productcard-details-container{display:flex;flex-direction:column;gap:8px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title{font-weight:800;font-size:14px;line-height:20px;max-height:40px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-description{font-weight:400;font-size:12px;line-height:16px;max-height:32px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title span,.cax-productcard-container .cax-productcard-details-container .cax-productcard-description span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.cax-productcard-container .cax-productcard-price-review-container{display:flex;align-items:center;justify-content:space-between}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-price,.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-ratings{display:flex;align-items:center;gap:8px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-selling-price{font-weight:800;line-height:28px;font-size:18px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-total-price{font-weight:500;font-size:14px;line-height:20px;text-decoration:line-through}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-review{font-weight:400;font-size:12px;line-height:16px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-rate{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:50px;font-size:10px;line-height:12px;font-weight:500}.cax-productcard-container .cax-productcard-button-container{display:flex;align-items:center;gap:8px}.cax-full-flex{flex:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i2.Image, selector: "cax-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "size", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i3.Divider, selector: "cax-divider", inputs: ["style", "styleClass", "layout", "type", "align", "variant"] }, { 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"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i5.SplitButton, selector: "cax-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "style", "styleClass", "menuStyle", "menuStyleClass", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Productcard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: Productcard, isStandalone: true, selector: "cax-productCard", inputs: { view: "view", productTitle: "productTitle", productDescription: "productDescription", imageUrl: "imageUrl", currency: "currency", sellingPrice: "sellingPrice", totalPrice: "totalPrice", reviewCount: "reviewCount", rating: "rating", title: "title", description: "description", addToCart: "addToCart", addToList: "addToList", primaryButton: "primaryButton" }, ngImport: i0, template: "<div tabindex=\"0\" [ngClass]=\"view == 'vertical' ? 'cax-productcard-container' : 'cax-prodcutcard-horizontal-container'\">\n    <div>\n        <cax-image *ngIf=\"imageUrl?.length\" [src]=\"imageUrl\" [styleClass]=\"'cax-productcard-image'\"></cax-image>\n    </div>\n    <div class=\"cax-productcard-details-container\">\n        <div class=\"cax-productcard-labels\"></div>\n        <div class=\"cax-productcard-title\">\n            <span>{{ title }}</span>\n        </div>\n        <div class=\"cax-productcard-description\">\n            <span>{{ description }}</span>\n        </div>\n    </div>\n    <cax-divider [style]=\"{ margin: 0 }\"></cax-divider>\n    <div class=\"cax-productcard-bottom-container\">\n        <div class=\"cax-productcard-price-review-container\">\n            <div class=\"cax-productcard-price\">\n                <span class=\"cax-productcard-selling-price\">{{currency}}{{sellingPrice}}</span>\n                <span *ngIf=\"totalPrice\" class=\"cax-productcard-total-price\">{{currency}}{{totalPrice}}</span>\n            </div>\n            <div class=\"cax-productcard-ratings\">\n                <div *ngIf=\"rating\" class=\"cax-productcard-rate\">\n                    <span class=\"cax cax-star-bold\"></span>\n                    <span>{{rating}}</span>\n                </div>\n                <span *ngIf=\"reviewCount\" class=\"cax-productcard-review\">({{reviewCount}})</span>\n            </div>\n        </div>\n\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'cart'\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%', flex: 1}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n            <cax-splitButton [icon]=\"'cax cax-notes'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'list'\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [icon]=\"'cax cax-notes'\" [size]=\"'small'\"></cax-splitButton>\n            <cax-button [size]=\"'small'\" [icon]=\"'cax cax-cart-large-minimalistic'\" [outlined]=\"true\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToList && addToCart\" class=\"cax-productcard-button-container\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToCart && addToList\" class=\"cax-productcard-button-container\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-productcard-container{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;width:276px}.cax-productcard-container .cax-productcard-bottom-container{display:flex;flex-direction:column;gap:12px}.cax-productcard-container .cax-productcard-details-container{display:flex;flex-direction:column;gap:8px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title{font-weight:800;font-size:14px;line-height:20px;max-height:40px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-description{font-weight:400;font-size:12px;line-height:16px;max-height:32px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title span,.cax-productcard-container .cax-productcard-details-container .cax-productcard-description span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.cax-productcard-container .cax-productcard-price-review-container{display:flex;align-items:center;justify-content:space-between}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-price,.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-ratings{display:flex;align-items:center;gap:8px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-selling-price{font-weight:800;line-height:28px;font-size:18px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-total-price{font-weight:500;font-size:14px;line-height:20px;text-decoration:line-through}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-review{font-weight:400;font-size:12px;line-height:16px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-rate{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:50px;font-size:10px;line-height:12px;font-weight:500}.cax-productcard-container .cax-productcard-button-container{display:flex;align-items:center;gap:8px}.cax-full-flex{flex:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i2.Image, selector: "cax-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "size", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i3.Divider, selector: "cax-divider", inputs: ["style", "styleClass", "layout", "type", "align", "variant"] }, { 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"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i5.SplitButton, selector: "cax-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "style", "styleClass", "menuStyle", "menuStyleClass", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Productcard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Productcard, decorators: [{
             type: Component,
             args: [{ selector: 'cax-productCard', standalone: true, imports: [CommonModule, ImageModule, DividerModule, ButtonModule, SplitButtonModule], template: "<div tabindex=\"0\" [ngClass]=\"view == 'vertical' ? 'cax-productcard-container' : 'cax-prodcutcard-horizontal-container'\">\n    <div>\n        <cax-image *ngIf=\"imageUrl?.length\" [src]=\"imageUrl\" [styleClass]=\"'cax-productcard-image'\"></cax-image>\n    </div>\n    <div class=\"cax-productcard-details-container\">\n        <div class=\"cax-productcard-labels\"></div>\n        <div class=\"cax-productcard-title\">\n            <span>{{ title }}</span>\n        </div>\n        <div class=\"cax-productcard-description\">\n            <span>{{ description }}</span>\n        </div>\n    </div>\n    <cax-divider [style]=\"{ margin: 0 }\"></cax-divider>\n    <div class=\"cax-productcard-bottom-container\">\n        <div class=\"cax-productcard-price-review-container\">\n            <div class=\"cax-productcard-price\">\n                <span class=\"cax-productcard-selling-price\">{{currency}}{{sellingPrice}}</span>\n                <span *ngIf=\"totalPrice\" class=\"cax-productcard-total-price\">{{currency}}{{totalPrice}}</span>\n            </div>\n            <div class=\"cax-productcard-ratings\">\n                <div *ngIf=\"rating\" class=\"cax-productcard-rate\">\n                    <span class=\"cax cax-star-bold\"></span>\n                    <span>{{rating}}</span>\n                </div>\n                <span *ngIf=\"reviewCount\" class=\"cax-productcard-review\">({{reviewCount}})</span>\n            </div>\n        </div>\n\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'cart'\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%', flex: 1}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n            <cax-splitButton [icon]=\"'cax cax-notes'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'list'\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [icon]=\"'cax cax-notes'\" [size]=\"'small'\"></cax-splitButton>\n            <cax-button [size]=\"'small'\" [icon]=\"'cax cax-cart-large-minimalistic'\" [outlined]=\"true\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToList && addToCart\" class=\"cax-productcard-button-container\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToCart && addToList\" class=\"cax-productcard-button-container\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-productcard-container{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;width:276px}.cax-productcard-container .cax-productcard-bottom-container{display:flex;flex-direction:column;gap:12px}.cax-productcard-container .cax-productcard-details-container{display:flex;flex-direction:column;gap:8px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title{font-weight:800;font-size:14px;line-height:20px;max-height:40px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-description{font-weight:400;font-size:12px;line-height:16px;max-height:32px}.cax-productcard-container .cax-productcard-details-container .cax-productcard-title span,.cax-productcard-container .cax-productcard-details-container .cax-productcard-description span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.cax-productcard-container .cax-productcard-price-review-container{display:flex;align-items:center;justify-content:space-between}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-price,.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-ratings{display:flex;align-items:center;gap:8px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-selling-price{font-weight:800;line-height:28px;font-size:18px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-total-price{font-weight:500;font-size:14px;line-height:20px;text-decoration:line-through}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-review{font-weight:400;font-size:12px;line-height:16px}.cax-productcard-container .cax-productcard-price-review-container .cax-productcard-rate{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:50px;font-size:10px;line-height:12px;font-weight:500}.cax-productcard-container .cax-productcard-button-container{display:flex;align-items:center;gap:8px}.cax-full-flex{flex:1}}\n"] }]
         }], propDecorators: { view: [{
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class ProductcardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProductcardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: ProductcardModule, imports: [Productcard], exports: [Productcard] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProductcardModule, imports: [Productcard] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProductcardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ProductcardModule, imports: [Productcard], exports: [Productcard] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProductcardModule, imports: [Productcard] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProductcardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProductcardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Productcard],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-productcard.mjs","sources":["../../src/app/components/productcard/productcard.ts","../../src/app/components/productcard/productcard.html","../../src/app/components/productcard/productcard.module.ts","../../src/app/components/productcard/cax-design-system-productcard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { DividerModule } from 'cax-design-system/divider';\nimport { ImageModule } from 'cax-design-system/image';\nimport { SplitButtonModule } from 'cax-design-system/splitbutton';\n\n@Component({\n    selector: 'cax-productCard',\n    standalone: true,\n    imports: [CommonModule, ImageModule, DividerModule, ButtonModule, SplitButtonModule],\n    templateUrl: './productcard.html',\n    styleUrl: './productcard.scss'\n})\nexport class Productcard {\n    @Input() view: 'vertical' | 'horizontal' = 'vertical';\n    @Input({ required: true }) productTitle: string;\n    @Input({ required: true }) productDescription: string;\n    @Input({ required: true }) imageUrl: string;\n    @Input({ required: true }) currency: string;\n    @Input({ required: true }) sellingPrice: number;\n    @Input() totalPrice: number;\n    @Input() reviewCount: number;\n    @Input() rating: number;\n    @Input({ required: true }) title: string;\n    @Input({ required: true }) description: string;\n    @Input() addToCart: boolean = true;\n    @Input() addToList: boolean = true;\n    @Input() primaryButton: 'cart' | 'list' = 'cart';\n}\n","<div tabindex=\"0\" [ngClass]=\"view == 'vertical' ? 'cax-productcard-container' : 'cax-prodcutcard-horizontal-container'\">\n    <div>\n        <cax-image *ngIf=\"imageUrl?.length\" [src]=\"imageUrl\" [styleClass]=\"'cax-productcard-image'\"></cax-image>\n    </div>\n    <div class=\"cax-productcard-details-container\">\n        <div class=\"cax-productcard-labels\"></div>\n        <div class=\"cax-productcard-title\">\n            <span>{{ title }}</span>\n        </div>\n        <div class=\"cax-productcard-description\">\n            <span>{{ description }}</span>\n        </div>\n    </div>\n    <cax-divider [style]=\"{ margin: 0 }\"></cax-divider>\n    <div class=\"cax-productcard-bottom-container\">\n        <div class=\"cax-productcard-price-review-container\">\n            <div class=\"cax-productcard-price\">\n                <span class=\"cax-productcard-selling-price\">{{currency}}{{sellingPrice}}</span>\n                <span *ngIf=\"totalPrice\" class=\"cax-productcard-total-price\">{{currency}}{{totalPrice}}</span>\n            </div>\n            <div class=\"cax-productcard-ratings\">\n                <div *ngIf=\"rating\" class=\"cax-productcard-rate\">\n                    <span class=\"cax cax-star-bold\"></span>\n                    <span>{{rating}}</span>\n                </div>\n                <span *ngIf=\"reviewCount\" class=\"cax-productcard-review\">({{reviewCount}})</span>\n            </div>\n        </div>\n\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'cart'\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%', flex: 1}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n            <cax-splitButton [icon]=\"'cax cax-notes'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'list'\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [icon]=\"'cax cax-notes'\" [size]=\"'small'\"></cax-splitButton>\n            <cax-button [size]=\"'small'\" [icon]=\"'cax cax-cart-large-minimalistic'\" [outlined]=\"true\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToList && addToCart\" class=\"cax-productcard-button-container\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToCart && addToList\" class=\"cax-productcard-button-container\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { Productcard } from './productcard';\n\n@NgModule({\n    imports: [Productcard],\n    exports: [Productcard]\n})\nexport class ProductcardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-productcard.mjs","sources":["../../src/app/components/productcard/productcard.ts","../../src/app/components/productcard/productcard.html","../../src/app/components/productcard/productcard.module.ts","../../src/app/components/productcard/cax-design-system-productcard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { DividerModule } from 'cax-design-system/divider';\nimport { ImageModule } from 'cax-design-system/image';\nimport { SplitButtonModule } from 'cax-design-system/splitbutton';\n\n@Component({\n    selector: 'cax-productCard',\n    standalone: true,\n    imports: [CommonModule, ImageModule, DividerModule, ButtonModule, SplitButtonModule],\n    templateUrl: './productcard.html',\n    styleUrl: './productcard.scss'\n})\nexport class Productcard {\n    @Input() view: 'vertical' | 'horizontal' = 'vertical';\n    @Input({ required: true }) productTitle: string;\n    @Input({ required: true }) productDescription: string;\n    @Input({ required: true }) imageUrl: string;\n    @Input({ required: true }) currency: string;\n    @Input({ required: true }) sellingPrice: number;\n    @Input() totalPrice: number;\n    @Input() reviewCount: number;\n    @Input() rating: number;\n    @Input({ required: true }) title: string;\n    @Input({ required: true }) description: string;\n    @Input() addToCart: boolean = true;\n    @Input() addToList: boolean = true;\n    @Input() primaryButton: 'cart' | 'list' = 'cart';\n}\n","<div tabindex=\"0\" [ngClass]=\"view == 'vertical' ? 'cax-productcard-container' : 'cax-prodcutcard-horizontal-container'\">\n    <div>\n        <cax-image *ngIf=\"imageUrl?.length\" [src]=\"imageUrl\" [styleClass]=\"'cax-productcard-image'\"></cax-image>\n    </div>\n    <div class=\"cax-productcard-details-container\">\n        <div class=\"cax-productcard-labels\"></div>\n        <div class=\"cax-productcard-title\">\n            <span>{{ title }}</span>\n        </div>\n        <div class=\"cax-productcard-description\">\n            <span>{{ description }}</span>\n        </div>\n    </div>\n    <cax-divider [style]=\"{ margin: 0 }\"></cax-divider>\n    <div class=\"cax-productcard-bottom-container\">\n        <div class=\"cax-productcard-price-review-container\">\n            <div class=\"cax-productcard-price\">\n                <span class=\"cax-productcard-selling-price\">{{currency}}{{sellingPrice}}</span>\n                <span *ngIf=\"totalPrice\" class=\"cax-productcard-total-price\">{{currency}}{{totalPrice}}</span>\n            </div>\n            <div class=\"cax-productcard-ratings\">\n                <div *ngIf=\"rating\" class=\"cax-productcard-rate\">\n                    <span class=\"cax cax-star-bold\"></span>\n                    <span>{{rating}}</span>\n                </div>\n                <span *ngIf=\"reviewCount\" class=\"cax-productcard-review\">({{reviewCount}})</span>\n            </div>\n        </div>\n\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'cart'\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%', flex: 1}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n            <cax-splitButton [icon]=\"'cax cax-notes'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n        <div class=\"cax-productcard-button-container\" *ngIf=\"addToCart && addToList && primaryButton === 'list'\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [icon]=\"'cax cax-notes'\" [size]=\"'small'\"></cax-splitButton>\n            <cax-button [size]=\"'small'\" [icon]=\"'cax cax-cart-large-minimalistic'\" [outlined]=\"true\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToList && addToCart\" class=\"cax-productcard-button-container\">\n            <cax-button class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [size]=\"'small'\" [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\"></cax-button>\n        </div>\n        <div *ngIf=\"!addToCart && addToList\" class=\"cax-productcard-button-container\">\n            <cax-splitButton class=\"cax-full-flex\" [style]=\"{ width: '100%'}\" [label]=\"'Add to List'\" [size]=\"'small'\" [outlined]=\"true\"></cax-splitButton>\n        </div>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { Productcard } from './productcard';\n\n@NgModule({\n    imports: [Productcard],\n    exports: [Productcard]\n})\nexport class ProductcardModule {}\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-progressbar.mjs

@@ -77,10 +77,10 @@ class ProgressBar {
             ['cax-progressbar-' + this.severity]: true
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressBar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: ProgressBar, isStandalone: false, selector: "cax-progressBar", inputs: { value: ["value", "value", numberAttribute], showValue: ["showValue", "showValue", booleanAttribute], styleClass: "styleClass", style: "style", unit: "unit", mode: "mode", color: "color", severity: "severity" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-progressbar-container\" [class]=\"styleClass\" [ngStyle]=\"style\">\n    <div role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuenow]=\"value\" [attr.aria-valuemax]=\"100\" [attr.data-pc-name]=\"'progressbar'\" [attr.data-pc-section]=\"'root'\" [ngClass]=\"getContainerClass()\">\n        <!-- Determinate Mode -->\n        <div\n            *ngIf=\"mode === 'determinate'\"\n            class=\"cax-progressbar-value\"\n            [ngStyle]=\"{\n                width: value + '%',\n                background: color\n            }\"\n            [attr.data-pc-section]=\"'value'\"\n        ></div>\n\n        <!-- Indeterminate Mode -->\n        <div *ngIf=\"mode === 'indeterminate'\" class=\"cax-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n            <div\n                class=\"cax-progressbar-value\"\n                [ngStyle]=\"{\n                    background: color\n                }\"\n                [attr.data-pc-section]=\"'value'\"\n            ></div>\n        </div>\n    </div>\n\n    <div class=\"cax-progressbar-label cax-text-action-sm-medium\" *ngIf=\"mode === 'determinate' && (showValue || contentTemplate)\">\n        <ng-container *ngIf=\"!contentTemplate; else customContent\">\n            <span *ngIf=\"value != null && value !== 0\">{{ value }}{{ unit }}</span>\n        </ng-container>\n        <ng-template #customContent>\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-progressbar{position:relative;overflow:hidden}.cax-progressbar-determinate .cax-progressbar-label{display:inline-flex}.cax-progressbar-determinate .cax-progressbar-value-animate{transition:width 1s ease-in-out}.cax-progressbar-value-animate-style{transition:width 1s ease;height:100%}.cax-progressbar-determinate-no-value .cax-progressbar-value-animate{transition:width 2s ease-in-out}.cax-progressbar-indeterminate .cax-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:cax-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:cax-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.cax-progressbar-indeterminate .cax-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:cax-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:cax-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes cax-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes cax-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes cax-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes cax-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.25", type: ProgressBar, isStandalone: false, selector: "cax-progressBar", inputs: { value: ["value", "value", numberAttribute], showValue: ["showValue", "showValue", booleanAttribute], styleClass: "styleClass", style: "style", unit: "unit", mode: "mode", color: "color", severity: "severity" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-progressbar-container\" [class]=\"styleClass\" [ngStyle]=\"style\">\n    <div role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuenow]=\"value\" [attr.aria-valuemax]=\"100\" [attr.data-pc-name]=\"'progressbar'\" [attr.data-pc-section]=\"'root'\" [ngClass]=\"getContainerClass()\">\n        <!-- Determinate Mode -->\n        <div\n            *ngIf=\"mode === 'determinate'\"\n            class=\"cax-progressbar-value\"\n            [ngStyle]=\"{\n                width: value + '%',\n                background: color\n            }\"\n            [attr.data-pc-section]=\"'value'\"\n        ></div>\n\n        <!-- Indeterminate Mode -->\n        <div *ngIf=\"mode === 'indeterminate'\" class=\"cax-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n            <div\n                class=\"cax-progressbar-value\"\n                [ngStyle]=\"{\n                    background: color\n                }\"\n                [attr.data-pc-section]=\"'value'\"\n            ></div>\n        </div>\n    </div>\n\n    <div class=\"cax-progressbar-label cax-text-action-sm-medium\" *ngIf=\"mode === 'determinate' && (showValue || contentTemplate)\">\n        <ng-container *ngIf=\"!contentTemplate; else customContent\">\n            <span *ngIf=\"value != null && value !== 0\">{{ value }}{{ unit }}</span>\n        </ng-container>\n        <ng-template #customContent>\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-progressbar{position:relative;overflow:hidden}.cax-progressbar-determinate .cax-progressbar-label{display:inline-flex}.cax-progressbar-determinate .cax-progressbar-value-animate{transition:width 1s ease-in-out}.cax-progressbar-value-animate-style{transition:width 1s ease;height:100%}.cax-progressbar-determinate-no-value .cax-progressbar-value-animate{transition:width 2s ease-in-out}.cax-progressbar-indeterminate .cax-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:cax-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:cax-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.cax-progressbar-indeterminate .cax-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:cax-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:cax-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes cax-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes cax-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes cax-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes cax-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBar, decorators: [{
             type: Component,
             args: [{ selector: 'cax-progressBar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
@@ -109,11 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class ProgressBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBar], imports: [CommonModule], exports: [ProgressBar] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBar], imports: [CommonModule], exports: [ProgressBar] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-progressbar.mjs","sources":["../../src/app/components/progressbar/progressbar.ts","../../src/app/components/progressbar/progressbar.html","../../src/app/components/progressbar/progressbar.module.ts","../../src/app/components/progressbar/cax-design-system-progressbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, TemplateRef, ContentChildren, Input, ViewEncapsulation, booleanAttribute, numberAttribute, ChangeDetectorRef } from '@angular/core';\nimport { CaxTemplate } from 'cax-design-system/api';\nimport { QueryList } from '@angular/core';\n/**\n * ProgressBar is a process status indicator.\n * @group Components\n */\n@Component({\n    selector: 'cax-progressBar',\n    templateUrl: './progressbar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./progressbar.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ProgressBar {\n    /**\n     * Current value of the progress.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) value: number | undefined;\n    /**\n     * Whether to display the progress bar value.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showValue: boolean = true;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Unit sign appended to the value.\n     * @group Props\n     */\n    @Input() unit: string = '%';\n    /**\n     * Defines the mode of the progress\n     * @group Props\n     */\n    @Input() mode: string = 'determinate';\n    /**\n     * Color for the background of the progress.\n     * @group Props\n     */\n    @Input() color: string | undefined;\n    /**\n     * Severity of the progress bar.\n     * @group Props\n     */\n    @Input() severity: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | string | undefined = 'primary';\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(private cd: ChangeDetectorRef) {}\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                default:\n                    this.contentTemplate = item.template;\n            }\n        });\n        this.cd.markForCheck();\n    }\n\n    getContainerClass() {\n        return {\n            'cax-progressbar cax-component': this.mode === 'determinate',\n            'cax-progressbar-parent-indeterminate': this.mode === 'indeterminate',\n            'cax-progressbar-determinate': this.mode === 'determinate',\n            'cax-progressbar-indeterminate': this.mode === 'indeterminate',\n            'cax-progressbar-determinate-no-value': this.mode === 'determinate' && !this.showValue,\n            ['cax-progressbar-' + this.severity]: true\n        };\n    }\n}\n","<div class=\"cax-progressbar-container\" [class]=\"styleClass\" [ngStyle]=\"style\">\n    <div role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuenow]=\"value\" [attr.aria-valuemax]=\"100\" [attr.data-pc-name]=\"'progressbar'\" [attr.data-pc-section]=\"'root'\" [ngClass]=\"getContainerClass()\">\n        <!-- Determinate Mode -->\n        <div\n            *ngIf=\"mode === 'determinate'\"\n            class=\"cax-progressbar-value\"\n            [ngStyle]=\"{\n                width: value + '%',\n                background: color\n            }\"\n            [attr.data-pc-section]=\"'value'\"\n        ></div>\n\n        <!-- Indeterminate Mode -->\n        <div *ngIf=\"mode === 'indeterminate'\" class=\"cax-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n            <div\n                class=\"cax-progressbar-value\"\n                [ngStyle]=\"{\n                    background: color\n                }\"\n                [attr.data-pc-section]=\"'value'\"\n            ></div>\n        </div>\n    </div>\n\n    <div class=\"cax-progressbar-label cax-text-action-sm-medium\" *ngIf=\"mode === 'determinate' && (showValue || contentTemplate)\">\n        <ng-container *ngIf=\"!contentTemplate; else customContent\">\n            <span *ngIf=\"value != null && value !== 0\">{{ value }}{{ unit }}</span>\n        </ng-container>\n        <ng-template #customContent>\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-template>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ProgressBar } from './progressbar';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [ProgressBar],\n    declarations: [ProgressBar]\n})\nexport class ProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-progressbar.mjs","sources":["../../src/app/components/progressbar/progressbar.ts","../../src/app/components/progressbar/progressbar.html","../../src/app/components/progressbar/progressbar.module.ts","../../src/app/components/progressbar/cax-design-system-progressbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, TemplateRef, ContentChildren, Input, ViewEncapsulation, booleanAttribute, numberAttribute, ChangeDetectorRef } from '@angular/core';\nimport { CaxTemplate } from 'cax-design-system/api';\nimport { QueryList } from '@angular/core';\n/**\n * ProgressBar is a process status indicator.\n * @group Components\n */\n@Component({\n    selector: 'cax-progressBar',\n    templateUrl: './progressbar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./progressbar.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ProgressBar {\n    /**\n     * Current value of the progress.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) value: number | undefined;\n    /**\n     * Whether to display the progress bar value.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showValue: boolean = true;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Unit sign appended to the value.\n     * @group Props\n     */\n    @Input() unit: string = '%';\n    /**\n     * Defines the mode of the progress\n     * @group Props\n     */\n    @Input() mode: string = 'determinate';\n    /**\n     * Color for the background of the progress.\n     * @group Props\n     */\n    @Input() color: string | undefined;\n    /**\n     * Severity of the progress bar.\n     * @group Props\n     */\n    @Input() severity: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | string | undefined = 'primary';\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(private cd: ChangeDetectorRef) {}\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                default:\n                    this.contentTemplate = item.template;\n            }\n        });\n        this.cd.markForCheck();\n    }\n\n    getContainerClass() {\n        return {\n            'cax-progressbar cax-component': this.mode === 'determinate',\n            'cax-progressbar-parent-indeterminate': this.mode === 'indeterminate',\n            'cax-progressbar-determinate': this.mode === 'determinate',\n            'cax-progressbar-indeterminate': this.mode === 'indeterminate',\n            'cax-progressbar-determinate-no-value': this.mode === 'determinate' && !this.showValue,\n            ['cax-progressbar-' + this.severity]: true\n        };\n    }\n}\n","<div class=\"cax-progressbar-container\" [class]=\"styleClass\" [ngStyle]=\"style\">\n    <div role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuenow]=\"value\" [attr.aria-valuemax]=\"100\" [attr.data-pc-name]=\"'progressbar'\" [attr.data-pc-section]=\"'root'\" [ngClass]=\"getContainerClass()\">\n        <!-- Determinate Mode -->\n        <div\n            *ngIf=\"mode === 'determinate'\"\n            class=\"cax-progressbar-value\"\n            [ngStyle]=\"{\n                width: value + '%',\n                background: color\n            }\"\n            [attr.data-pc-section]=\"'value'\"\n        ></div>\n\n        <!-- Indeterminate Mode -->\n        <div *ngIf=\"mode === 'indeterminate'\" class=\"cax-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n            <div\n                class=\"cax-progressbar-value\"\n                [ngStyle]=\"{\n                    background: color\n                }\"\n                [attr.data-pc-section]=\"'value'\"\n            ></div>\n        </div>\n    </div>\n\n    <div class=\"cax-progressbar-label cax-text-action-sm-medium\" *ngIf=\"mode === 'determinate' && (showValue || contentTemplate)\">\n        <ng-container *ngIf=\"!contentTemplate; else customContent\">\n            <span *ngIf=\"value != null && value !== 0\">{{ value }}{{ unit }}</span>\n        </ng-container>\n        <ng-template #customContent>\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-template>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ProgressBar } from './progressbar';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [ProgressBar],\n    declarations: [ProgressBar]\n})\nexport class ProgressBarModule {}\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-progressspinner.mjs

@@ -86,10 +86,10 @@ class ProgressSpinner {
      * @group Props
      */
     ariaLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: ProgressSpinner, isStandalone: false, selector: "cax-progressSpinner", inputs: { styleClass: "styleClass", strokeColor: "strokeColor", backgroundStrokeColor: "backgroundStrokeColor", size: "size", style: "style", strokeWidth: "strokeWidth", fill: "fill", animationDuration: "animationDuration", ariaLabel: "ariaLabel" }, host: { classAttribute: "cax-element" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cax-progress-spinner\" [ngStyle]=\"style\" [ngClass]=\"['cax-progress-spinner-size-' + size]\" role=\"progressbar\" [attr.aria-label]=\"ariaLabel\" [attr.aria-busy]=\"true\" [attr.data-pc-name]=\"'progressspinner'\" [attr.data-pc-section]=\"'root'\">\n    <svg class=\"cax-progress-spinner-svg\" viewBox=\"25 25 50 50\" [style.animation-duration]=\"animationDuration\" [attr.data-pc-section]=\"'root'\">\n        <circle class=\"cax-progress-spinner-bg\" cx=\"50\" cy=\"50\" r=\"20\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"backgroundStroke\" fill=\"none\"></circle>\n        <circle class=\"cax-progress-spinner-circle\" cx=\"50\" cy=\"50\" r=\"20\" [attr.fill]=\"fill\" [attr.stroke-width]=\"strokeWidth\" stroke-miterlimit=\"10\" [attr.stroke]=\"stroke\" />\n    </svg>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ProgressSpinner, isStandalone: false, selector: "cax-progressSpinner", inputs: { styleClass: "styleClass", strokeColor: "strokeColor", backgroundStrokeColor: "backgroundStrokeColor", size: "size", style: "style", strokeWidth: "strokeWidth", fill: "fill", animationDuration: "animationDuration", ariaLabel: "ariaLabel" }, host: { classAttribute: "cax-element" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cax-progress-spinner\" [ngStyle]=\"style\" [ngClass]=\"['cax-progress-spinner-size-' + size]\" role=\"progressbar\" [attr.aria-label]=\"ariaLabel\" [attr.aria-busy]=\"true\" [attr.data-pc-name]=\"'progressspinner'\" [attr.data-pc-section]=\"'root'\">\n    <svg class=\"cax-progress-spinner-svg\" viewBox=\"25 25 50 50\" [style.animation-duration]=\"animationDuration\" [attr.data-pc-section]=\"'root'\">\n        <circle class=\"cax-progress-spinner-bg\" cx=\"50\" cy=\"50\" r=\"20\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"backgroundStroke\" fill=\"none\"></circle>\n        <circle class=\"cax-progress-spinner-circle\" cx=\"50\" cy=\"50\" r=\"20\" [attr.fill]=\"fill\" [attr.stroke-width]=\"strokeWidth\" stroke-miterlimit=\"10\" [attr.stroke]=\"stroke\" />\n    </svg>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinner, decorators: [{
             type: Component,
             args: [{ selector: 'cax-progressSpinner', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
@@ -115,11 +115,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class ProgressSpinnerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinnerModule, declarations: [ProgressSpinner], imports: [CommonModule], exports: [ProgressSpinner] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinnerModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerModule, declarations: [ProgressSpinner], imports: [CommonModule], exports: [ProgressSpinner] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ProgressSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-progressspinner.mjs","sources":["../../src/app/components/progressspinner/progressspinner.ts","../../src/app/components/progressspinner/progressspinner.html","../../src/app/components/progressspinner/progressspinner.module.ts","../../src/app/components/progressspinner/cax-design-system-progressspinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, SimpleChanges, ViewEncapsulation } from '@angular/core';\n/**\n * ProgressSpinner is a process status indicator.\n * @group Components\n */\n@Component({\n    selector: 'cax-progressSpinner',\n    templateUrl: './progressspinner.html',\n    styleUrls: ['./progressspinner.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ProgressSpinner {\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n\n    @Input() strokeColor: 'primary' | 'secondary' = 'primary';\n\n    @Input() backgroundStrokeColor: 'primary' | 'secondary' = 'primary';\n\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['size'] && !changes['strokeWidth']) {\n            this.updateStrokeWidthBasedOnSize();\n        }\n        if (changes['strokeColor']) {\n            this.updateBackgroundStrokeColor();\n        }\n    }\n\n    updateStrokeWidthBasedOnSize(): void {\n        if (this.size === 'sm') {\n            this.strokeWidth = 4;\n        } else if (this.size === 'md') {\n            this.strokeWidth = 5;\n        } else if (this.size === 'lg') {\n            this.strokeWidth = 5;\n        }\n    }\n\n    updateBackgroundStrokeColor(): void {\n        if (this.strokeColor === 'primary') {\n            this.backgroundStrokeColor = 'primary';\n        } else if (this.strokeColor === 'secondary') {\n            this.backgroundStrokeColor = 'secondary';\n        }\n    }\n\n    get stroke(): string {\n        if (this.strokeColor === 'primary') {\n            return 'var(--primary-500)';\n        } else if (this.strokeColor === 'secondary') {\n            return 'var(--white-100)';\n        }\n        return 'var(--primary-500)';\n    }\n\n    get backgroundStroke(): string {\n        if (this.backgroundStrokeColor === 'primary') {\n            return 'var(--primary-200)';\n        } else if (this.backgroundStrokeColor === 'secondary') {\n            return 'var(--neutral-300)';\n        }\n        return 'var(--primary-200)';\n    }\n\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n\n    @Input() style: { [klass: string]: any } | null | undefined;\n\n    /**\n     * Width of the circle stroke.\n     * @group Props\n     */\n    @Input() strokeWidth: number = 5;\n    /**\n     * Color for the background of the circle.\n     * @group Props\n     */\n    @Input() fill: string = 'none';\n    /**\n     * Duration of the rotate animation.\n     * @group Props\n     */\n    @Input() animationDuration: string = '2s';\n    /**\n     * Used to define a aria label attribute the current element.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n}\n","<div class=\"cax-progress-spinner\" [ngStyle]=\"style\" [ngClass]=\"['cax-progress-spinner-size-' + size]\" role=\"progressbar\" [attr.aria-label]=\"ariaLabel\" [attr.aria-busy]=\"true\" [attr.data-pc-name]=\"'progressspinner'\" [attr.data-pc-section]=\"'root'\">\n    <svg class=\"cax-progress-spinner-svg\" viewBox=\"25 25 50 50\" [style.animation-duration]=\"animationDuration\" [attr.data-pc-section]=\"'root'\">\n        <circle class=\"cax-progress-spinner-bg\" cx=\"50\" cy=\"50\" r=\"20\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"backgroundStroke\" fill=\"none\"></circle>\n        <circle class=\"cax-progress-spinner-circle\" cx=\"50\" cy=\"50\" r=\"20\" [attr.fill]=\"fill\" [attr.stroke-width]=\"strokeWidth\" stroke-miterlimit=\"10\" [attr.stroke]=\"stroke\" />\n    </svg>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ProgressSpinner } from './progressspinner';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [ProgressSpinner],\n    declarations: [ProgressSpinner]\n})\nexport class ProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-progressspinner.mjs","sources":["../../src/app/components/progressspinner/progressspinner.ts","../../src/app/components/progressspinner/progressspinner.html","../../src/app/components/progressspinner/progressspinner.module.ts","../../src/app/components/progressspinner/cax-design-system-progressspinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, SimpleChanges, ViewEncapsulation } from '@angular/core';\n/**\n * ProgressSpinner is a process status indicator.\n * @group Components\n */\n@Component({\n    selector: 'cax-progressSpinner',\n    templateUrl: './progressspinner.html',\n    styleUrls: ['./progressspinner.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ProgressSpinner {\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n\n    @Input() strokeColor: 'primary' | 'secondary' = 'primary';\n\n    @Input() backgroundStrokeColor: 'primary' | 'secondary' = 'primary';\n\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['size'] && !changes['strokeWidth']) {\n            this.updateStrokeWidthBasedOnSize();\n        }\n        if (changes['strokeColor']) {\n            this.updateBackgroundStrokeColor();\n        }\n    }\n\n    updateStrokeWidthBasedOnSize(): void {\n        if (this.size === 'sm') {\n            this.strokeWidth = 4;\n        } else if (this.size === 'md') {\n            this.strokeWidth = 5;\n        } else if (this.size === 'lg') {\n            this.strokeWidth = 5;\n        }\n    }\n\n    updateBackgroundStrokeColor(): void {\n        if (this.strokeColor === 'primary') {\n            this.backgroundStrokeColor = 'primary';\n        } else if (this.strokeColor === 'secondary') {\n            this.backgroundStrokeColor = 'secondary';\n        }\n    }\n\n    get stroke(): string {\n        if (this.strokeColor === 'primary') {\n            return 'var(--primary-500)';\n        } else if (this.strokeColor === 'secondary') {\n            return 'var(--white-100)';\n        }\n        return 'var(--primary-500)';\n    }\n\n    get backgroundStroke(): string {\n        if (this.backgroundStrokeColor === 'primary') {\n            return 'var(--primary-200)';\n        } else if (this.backgroundStrokeColor === 'secondary') {\n            return 'var(--neutral-300)';\n        }\n        return 'var(--primary-200)';\n    }\n\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n\n    @Input() style: { [klass: string]: any } | null | undefined;\n\n    /**\n     * Width of the circle stroke.\n     * @group Props\n     */\n    @Input() strokeWidth: number = 5;\n    /**\n     * Color for the background of the circle.\n     * @group Props\n     */\n    @Input() fill: string = 'none';\n    /**\n     * Duration of the rotate animation.\n     * @group Props\n     */\n    @Input() animationDuration: string = '2s';\n    /**\n     * Used to define a aria label attribute the current element.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n}\n","<div class=\"cax-progress-spinner\" [ngStyle]=\"style\" [ngClass]=\"['cax-progress-spinner-size-' + size]\" role=\"progressbar\" [attr.aria-label]=\"ariaLabel\" [attr.aria-busy]=\"true\" [attr.data-pc-name]=\"'progressspinner'\" [attr.data-pc-section]=\"'root'\">\n    <svg class=\"cax-progress-spinner-svg\" viewBox=\"25 25 50 50\" [style.animation-duration]=\"animationDuration\" [attr.data-pc-section]=\"'root'\">\n        <circle class=\"cax-progress-spinner-bg\" cx=\"50\" cy=\"50\" r=\"20\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"backgroundStroke\" fill=\"none\"></circle>\n        <circle class=\"cax-progress-spinner-circle\" cx=\"50\" cy=\"50\" r=\"20\" [attr.fill]=\"fill\" [attr.stroke-width]=\"strokeWidth\" stroke-miterlimit=\"10\" [attr.stroke]=\"stroke\" />\n    </svg>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ProgressSpinner } from './progressspinner';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [ProgressSpinner],\n    declarations: [ProgressSpinner]\n})\nexport class ProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AACA;;;AAGG;MAYU,eAAe,CAAA;AACxB;;;AAGG;AACM,IAAA,UAAU;IAEV,WAAW,GAA4B,SAAS;IAEhD,qBAAqB,GAA4B,SAAS;IAE1D,IAAI,GAAuB,IAAI;AAExC,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAC5C,IAAI,CAAC,4BAA4B,EAAE;QACvC;AACA,QAAA,IAAI,OAAO,CAAC,aAAa,CAAC,EAAE;YACxB,IAAI,CAAC,2BAA2B,EAAE;QACtC;IACJ;IAEA,4BAA4B,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;QACxB;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;AAC3B,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;QACxB;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;AAC3B,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;QACxB;IACJ;IAEA,2BAA2B,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;AAChC,YAAA,IAAI,CAAC,qBAAqB,GAAG,SAAS;QAC1C;AAAO,aAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACzC,YAAA,IAAI,CAAC,qBAAqB,GAAG,WAAW;QAC5C;IACJ;AAEA,IAAA,IAAI,MAAM,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;AAChC,YAAA,OAAO,oBAAoB;QAC/B;AAAO,aAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACzC,YAAA,OAAO,kBAAkB;QAC7B;AACA,QAAA,OAAO,oBAAoB;IAC/B;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,qBAAqB,KAAK,SAAS,EAAE;AAC1C,YAAA,OAAO,oBAAoB;QAC/B;AAAO,aAAA,IAAI,IAAI,CAAC,qBAAqB,KAAK,WAAW,EAAE;AACnD,YAAA,OAAO,oBAAoB;QAC/B;AACA,QAAA,OAAO,oBAAoB;IAC/B;AAEA;;;AAGG;AAEM,IAAA,KAAK;AAEd;;;AAGG;IACM,WAAW,GAAW,CAAC;AAChC;;;AAGG;IACM,IAAI,GAAW,MAAM;AAC9B;;;AAGG;IACM,iBAAiB,GAAW,IAAI;AACzC;;;AAGG;AACM,IAAA,SAAS;wGApFT,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,wYChB5B,yyBAMA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDUa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;+BACI,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,KAAK,EAAA,IAAA,EACX;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,yyBAAA,EAAA;;sBAOA;;sBAEA;;sBAEA;;sBAEA;;sBAoDA;;sBAMA;;sBAKA;;sBAKA;;sBAKA;;;ME3FQ,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,CAFf,eAAe,CAAA,EAAA,OAAA,EAAA,CAFpB,YAAY,aACZ,eAAe,CAAA,EAAA,CAAA;AAGhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAJpB,YAAY,CAAA,EAAA,CAAA;;4FAIb,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,YAAY,EAAE,CAAC,eAAe;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}

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

@@ -38,10 +38,10 @@ class RadioControlRegistry {
         }
         return controlPair[0].control.root === accessorControl.control.root && controlPair[1].name === accessor.name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioControlRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioControlRegistry, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -243,10 +243,10 @@ class RadioButton {
           must match. Ex: <cax-radioButton formControlName="food" name="food"></cax-radioButton>
         `);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RadioControlRegistry }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: RadioButton, isStandalone: true, selector: "cax-radioButton", inputs: { value: "value", size: "size", formControlName: "formControlName", name: "name", disabled: ["disabled", "disabled", booleanAttribute], label: "label", variant: "variant", tabindex: ["tabindex", "tabindex", numberAttribute], inputId: "inputId", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", style: "style", styleClass: "styleClass", labelStyleClass: "labelStyleClass", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "cax-element" }, providers: [RADIO_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n    [ngStyle]=\"style\"\n    [ngClass]=\"{\n                'cax-radiobutton cax-component': true,\n                'cax-radiobutton-checked': checked,\n                'cax-radiobutton-disabled': disabled,\n                'cax-radiobutton-focused': focused,\n                'cax-variant-filled': variant === 'filled' || config.inputStyle() === 'filled',\n                'cax-radiobutton-sm': size === 'sm',\n                'cax-radiobutton-md': size === 'md' || !size,\n                'cax-radiobutton-lg': size === 'lg'\n            }\"\n    [class]=\"styleClass\"\n    [attr.data-pc-name]=\"'radiobutton'\"\n    [attr.data-pc-section]=\"'root'\"\n    (click)=\"handleClick($event, input, true)\"\n>\n    <div class=\"cax-hidden-accessible\" [attr.data-pc-section]=\"'hiddenInputWrapper'\">\n        <input\n            #input\n            [attr.id]=\"inputId\"\n            type=\"radio\"\n            [attr.name]=\"name\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [value]=\"value\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.tabindex]=\"tabindex\"\n            [attr.aria-checked]=\"checked\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputBlur($event)\"\n            [attr.data-pc-section]=\"'hiddenInput'\"\n            pAutoFocus\n            [autofocus]=\"autofocus\"\n        />\n    </div>\n    <div [ngClass]=\"{ 'cax-radiobutton-box': true, 'cax-highlight': checked, 'cax-disabled': disabled, 'cax-focus': focused }\" [attr.data-pc-section]=\"'input'\">\n        <span class=\"cax-radiobutton-icon\" [attr.data-pc-section]=\"'icon'\"></span>\n    </div>\n</div>\n<label\n    (click)=\"select($event)\"\n    [class]=\"labelStyleClass\"\n    [ngClass]=\"{ 'cax-radiobutton-label': true, 'cax-radiobutton-label-active': input.checked, 'cax-disabled': disabled, 'cax-radiobutton-label-focus': focused, 'cax-radiobutton-label-sm cax-text-action-sm-semibold': size === 'sm',\n    'cax-radiobutton-label-md cax-text-action-md-semibold': size === 'md' || !size,\n    'cax-radiobutton-label-lg cax-text-action-lg-semibold': size === 'lg' }\"\n    *ngIf=\"label\"\n    [attr.for]=\"inputId\"\n    [attr.data-pc-section]=\"'label'\"\n    >{{ label }}</label\n>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoFocusModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RadioControlRegistry }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.25", type: RadioButton, isStandalone: true, selector: "cax-radioButton", inputs: { value: "value", size: "size", formControlName: "formControlName", name: "name", disabled: ["disabled", "disabled", booleanAttribute], label: "label", variant: "variant", tabindex: ["tabindex", "tabindex", numberAttribute], inputId: "inputId", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", style: "style", styleClass: "styleClass", labelStyleClass: "labelStyleClass", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "cax-element" }, providers: [RADIO_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n    [ngStyle]=\"style\"\n    [ngClass]=\"{\n                'cax-radiobutton cax-component': true,\n                'cax-radiobutton-checked': checked,\n                'cax-radiobutton-disabled': disabled,\n                'cax-radiobutton-focused': focused,\n                'cax-variant-filled': variant === 'filled' || config.inputStyle() === 'filled',\n                'cax-radiobutton-sm': size === 'sm',\n                'cax-radiobutton-md': size === 'md' || !size,\n                'cax-radiobutton-lg': size === 'lg'\n            }\"\n    [class]=\"styleClass\"\n    [attr.data-pc-name]=\"'radiobutton'\"\n    [attr.data-pc-section]=\"'root'\"\n    (click)=\"handleClick($event, input, true)\"\n>\n    <div class=\"cax-hidden-accessible\" [attr.data-pc-section]=\"'hiddenInputWrapper'\">\n        <input\n            #input\n            [attr.id]=\"inputId\"\n            type=\"radio\"\n            [attr.name]=\"name\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [value]=\"value\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.tabindex]=\"tabindex\"\n            [attr.aria-checked]=\"checked\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputBlur($event)\"\n            [attr.data-pc-section]=\"'hiddenInput'\"\n            pAutoFocus\n            [autofocus]=\"autofocus\"\n        />\n    </div>\n    <div [ngClass]=\"{ 'cax-radiobutton-box': true, 'cax-highlight': checked, 'cax-disabled': disabled, 'cax-focus': focused }\" [attr.data-pc-section]=\"'input'\">\n        <span class=\"cax-radiobutton-icon\" [attr.data-pc-section]=\"'icon'\"></span>\n    </div>\n</div>\n<label\n    (click)=\"select($event)\"\n    [class]=\"labelStyleClass\"\n    [ngClass]=\"{ 'cax-radiobutton-label': true, 'cax-radiobutton-label-active': input.checked, 'cax-disabled': disabled, 'cax-radiobutton-label-focus': focused, 'cax-radiobutton-label-sm cax-text-action-sm-semibold': size === 'sm',\n    'cax-radiobutton-label-md cax-text-action-md-semibold': size === 'md' || !size,\n    'cax-radiobutton-label-lg cax-text-action-lg-semibold': size === 'lg' }\"\n    *ngIf=\"label\"\n    [attr.for]=\"inputId\"\n    [attr.data-pc-section]=\"'label'\"\n    >{{ label }}</label\n>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoFocusModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioButton, decorators: [{
             type: Component,
             args: [{ selector: 'cax-radioButton', providers: [RADIO_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, AutoFocusModule], host: {
                         class: 'cax-element'
@@ -296,11 +296,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class RadioButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: RadioButtonModule, imports: [RadioButton], exports: [RadioButton] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioButtonModule, imports: [RadioButton] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RadioButtonModule, imports: [RadioButton], exports: [RadioButton] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioButtonModule, imports: [RadioButton] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RadioButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadioButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RadioButton],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-radiobutton.mjs","sources":["../../src/app/components/radiobutton/radiobutton.ts","../../src/app/components/radiobutton/radiobutton.html","../../src/app/components/radiobutton/radiobutton.module.ts","../../src/app/components/radiobutton/cax-design-system-radiobutton.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Injectable, Injector, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { AutoFocusModule } from 'cax-design-system/autofocus';\n\nimport { RadioButtonClickEvent } from './radiobutton.interface';\nimport { caxConfig } from 'cax-design-system/api';\n\nexport const RADIO_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RadioButton),\n    multi: true\n};\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class RadioControlRegistry {\n    private accessors: any[] = [];\n\n    add(control: NgControl, accessor: RadioButton) {\n        this.accessors.push([control, accessor]);\n    }\n\n    remove(accessor: RadioButton) {\n        this.accessors = this.accessors.filter((c) => {\n            return c[1] !== accessor;\n        });\n    }\n\n    select(accessor: RadioButton) {\n        this.accessors.forEach((c) => {\n            if (this.isSameGroup(c, accessor) && c[1] !== accessor) {\n                c[1].writeValue(accessor.value);\n            }\n        });\n    }\n\n    private isSameGroup(controlPair: [NgControl, RadioButton], accessor: RadioButton): boolean {\n        if (!controlPair[0].control) {\n            return false;\n        }\n\n        const accessorControl = (accessor as any).control;\n        if (!accessorControl || !accessorControl.control) {\n            return false;\n        }\n\n        return controlPair[0].control.root === accessorControl.control.root && controlPair[1].name === accessor.name;\n    }\n}\n/**\n * RadioButton is an extension to standard radio button element with theming.\n * @group Components\n */\n@Component({\n    selector: 'cax-radioButton',\n    templateUrl: './radiobutton.html',\n    providers: [RADIO_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [CommonModule, AutoFocusModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class RadioButton implements ControlValueAccessor, OnInit, OnDestroy {\n    /**\n     * Value of the radiobutton.\n     * @group Props\n     */\n    @Input() value: any;\n    /**\n     * Size of the radiobutton.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    /**\n     * The name of the form control.\n     * @group Props\n     */\n    @Input() formControlName: string | undefined;\n    /**\n     * Name of the radiobutton group.\n     * @group Props\n     */\n    @Input() name: string | undefined;\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;\n    /**\n     * Label of the radiobutton.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Specifies the input variant of the component.\n     * @group Props\n     */\n    @Input() variant: 'filled' | 'outlined' = 'outlined';\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) tabindex: number | undefined;\n    /**\n     * Identifier of the focus input to match a label defined for the component.\n     * @group Props\n     */\n    @Input() inputId: string | undefined;\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * Used to define a string that labels the input element.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\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     * Style class of the label.\n     * @group Props\n     */\n    @Input() labelStyleClass: string | undefined;\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;\n    /**\n     * Callback to invoke on radio button click.\n     * @param {RadioButtonClickEvent} event - Custom click event.\n     * @group Emits\n     */\n    @Output() onClick: EventEmitter<RadioButtonClickEvent> = new EventEmitter<RadioButtonClickEvent>();\n    /**\n     * Callback to invoke when the receives focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();\n    /**\n     * Callback to invoke when the loses focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();\n\n    @ViewChild('input') inputViewChild!: ElementRef;\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    public checked: Nullable<boolean>;\n\n    public focused: Nullable<boolean>;\n\n    public isFocusVisible: boolean = true;\n\n    control: Nullable<NgControl>;\n\n    constructor(\n        public cd: ChangeDetectorRef,\n        private injector: Injector,\n        private registry: RadioControlRegistry,\n        public config: caxConfig\n    ) {}\n\n    ngOnInit() {\n        this.control = this.injector.get(NgControl, null);\n        this.checkName();\n        if (this.control) {\n            this.registry.add(this.control, this);\n        }\n    }\n\n    handleClick(event: Event, radioButton: HTMLElement, focus: boolean) {\n        event.preventDefault();\n\n        if (this.disabled) {\n            return;\n        }\n\n        this.select(event);\n\n        if (focus) {\n            this.focused = false;\n            this.isFocusVisible = false;\n            radioButton.focus();\n        }\n    }\n\n    select(event: Event) {\n        if (!this.disabled) {\n            this.inputViewChild.nativeElement.checked = true;\n            this.checked = true;\n            this.onModelChange(this.value);\n            this.registry.select(this);\n            this.onClick.emit({ originalEvent: event, value: this.value });\n        }\n    }\n\n    writeValue(value: any): void {\n        this.checked = value == this.value;\n\n        if (this.inputViewChild && this.inputViewChild.nativeElement) {\n            this.inputViewChild.nativeElement.checked = this.checked;\n        }\n\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(val: boolean): void {\n        this.disabled = val;\n        this.cd.markForCheck();\n    }\n\n    onInputFocus(event: Event) {\n        if (this.isFocusVisible) {\n            this.focused = true;\n        }\n        this.onFocus.emit(event);\n    }\n\n    onInputBlur(event: Event) {\n        this.focused = false;\n        this.isFocusVisible = true;\n        this.onModelTouched();\n        this.onBlur.emit(event);\n    }\n\n    /**\n     * Applies focus to input field.\n     * @group Method\n     */\n    public focus() {\n        this.inputViewChild.nativeElement.focus();\n    }\n\n    ngOnDestroy() {\n        this.registry.remove(this);\n    }\n\n    private checkName() {\n        if (this.name && this.formControlName && this.name !== this.formControlName) {\n            this.throwNameError();\n        }\n        if (!this.name && this.formControlName) {\n            this.name = this.formControlName;\n        }\n    }\n\n    private throwNameError() {\n        throw new Error(`\n          If you define both a name and a formControlName attribute on your radio button, their values\n          must match. Ex: <cax-radioButton formControlName=\"food\" name=\"food\"></cax-radioButton>\n        `);\n    }\n}\n","<div\n    [ngStyle]=\"style\"\n    [ngClass]=\"{\n                'cax-radiobutton cax-component': true,\n                'cax-radiobutton-checked': checked,\n                'cax-radiobutton-disabled': disabled,\n                'cax-radiobutton-focused': focused,\n                'cax-variant-filled': variant === 'filled' || config.inputStyle() === 'filled',\n                'cax-radiobutton-sm': size === 'sm',\n                'cax-radiobutton-md': size === 'md' || !size,\n                'cax-radiobutton-lg': size === 'lg'\n            }\"\n    [class]=\"styleClass\"\n    [attr.data-pc-name]=\"'radiobutton'\"\n    [attr.data-pc-section]=\"'root'\"\n    (click)=\"handleClick($event, input, true)\"\n>\n    <div class=\"cax-hidden-accessible\" [attr.data-pc-section]=\"'hiddenInputWrapper'\">\n        <input\n            #input\n            [attr.id]=\"inputId\"\n            type=\"radio\"\n            [attr.name]=\"name\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [value]=\"value\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.tabindex]=\"tabindex\"\n            [attr.aria-checked]=\"checked\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputBlur($event)\"\n            [attr.data-pc-section]=\"'hiddenInput'\"\n            pAutoFocus\n            [autofocus]=\"autofocus\"\n        />\n    </div>\n    <div [ngClass]=\"{ 'cax-radiobutton-box': true, 'cax-highlight': checked, 'cax-disabled': disabled, 'cax-focus': focused }\" [attr.data-pc-section]=\"'input'\">\n        <span class=\"cax-radiobutton-icon\" [attr.data-pc-section]=\"'icon'\"></span>\n    </div>\n</div>\n<label\n    (click)=\"select($event)\"\n    [class]=\"labelStyleClass\"\n    [ngClass]=\"{ 'cax-radiobutton-label': true, 'cax-radiobutton-label-active': input.checked, 'cax-disabled': disabled, 'cax-radiobutton-label-focus': focused, 'cax-radiobutton-label-sm cax-text-action-sm-semibold': size === 'sm',\n    'cax-radiobutton-label-md cax-text-action-md-semibold': size === 'md' || !size,\n    'cax-radiobutton-label-lg cax-text-action-lg-semibold': size === 'lg' }\"\n    *ngIf=\"label\"\n    [attr.for]=\"inputId\"\n    [attr.data-pc-section]=\"'label'\"\n    >{{ label }}</label\n>\n","import { NgModule } from '@angular/core';\nimport { RadioButton } from './radiobutton';\n\n@NgModule({\n    imports: [RadioButton],\n    exports: [RadioButton]\n})\nexport class RadioButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-radiobutton.mjs","sources":["../../src/app/components/radiobutton/radiobutton.ts","../../src/app/components/radiobutton/radiobutton.html","../../src/app/components/radiobutton/radiobutton.module.ts","../../src/app/components/radiobutton/cax-design-system-radiobutton.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Injectable, Injector, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { AutoFocusModule } from 'cax-design-system/autofocus';\n\nimport { RadioButtonClickEvent } from './radiobutton.interface';\nimport { caxConfig } from 'cax-design-system/api';\n\nexport const RADIO_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RadioButton),\n    multi: true\n};\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class RadioControlRegistry {\n    private accessors: any[] = [];\n\n    add(control: NgControl, accessor: RadioButton) {\n        this.accessors.push([control, accessor]);\n    }\n\n    remove(accessor: RadioButton) {\n        this.accessors = this.accessors.filter((c) => {\n            return c[1] !== accessor;\n        });\n    }\n\n    select(accessor: RadioButton) {\n        this.accessors.forEach((c) => {\n            if (this.isSameGroup(c, accessor) && c[1] !== accessor) {\n                c[1].writeValue(accessor.value);\n            }\n        });\n    }\n\n    private isSameGroup(controlPair: [NgControl, RadioButton], accessor: RadioButton): boolean {\n        if (!controlPair[0].control) {\n            return false;\n        }\n\n        const accessorControl = (accessor as any).control;\n        if (!accessorControl || !accessorControl.control) {\n            return false;\n        }\n\n        return controlPair[0].control.root === accessorControl.control.root && controlPair[1].name === accessor.name;\n    }\n}\n/**\n * RadioButton is an extension to standard radio button element with theming.\n * @group Components\n */\n@Component({\n    selector: 'cax-radioButton',\n    templateUrl: './radiobutton.html',\n    providers: [RADIO_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [CommonModule, AutoFocusModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class RadioButton implements ControlValueAccessor, OnInit, OnDestroy {\n    /**\n     * Value of the radiobutton.\n     * @group Props\n     */\n    @Input() value: any;\n    /**\n     * Size of the radiobutton.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    /**\n     * The name of the form control.\n     * @group Props\n     */\n    @Input() formControlName: string | undefined;\n    /**\n     * Name of the radiobutton group.\n     * @group Props\n     */\n    @Input() name: string | undefined;\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;\n    /**\n     * Label of the radiobutton.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Specifies the input variant of the component.\n     * @group Props\n     */\n    @Input() variant: 'filled' | 'outlined' = 'outlined';\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) tabindex: number | undefined;\n    /**\n     * Identifier of the focus input to match a label defined for the component.\n     * @group Props\n     */\n    @Input() inputId: string | undefined;\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * Used to define a string that labels the input element.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\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     * Style class of the label.\n     * @group Props\n     */\n    @Input() labelStyleClass: string | undefined;\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;\n    /**\n     * Callback to invoke on radio button click.\n     * @param {RadioButtonClickEvent} event - Custom click event.\n     * @group Emits\n     */\n    @Output() onClick: EventEmitter<RadioButtonClickEvent> = new EventEmitter<RadioButtonClickEvent>();\n    /**\n     * Callback to invoke when the receives focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();\n    /**\n     * Callback to invoke when the loses focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();\n\n    @ViewChild('input') inputViewChild!: ElementRef;\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    public checked: Nullable<boolean>;\n\n    public focused: Nullable<boolean>;\n\n    public isFocusVisible: boolean = true;\n\n    control: Nullable<NgControl>;\n\n    constructor(\n        public cd: ChangeDetectorRef,\n        private injector: Injector,\n        private registry: RadioControlRegistry,\n        public config: caxConfig\n    ) {}\n\n    ngOnInit() {\n        this.control = this.injector.get(NgControl, null);\n        this.checkName();\n        if (this.control) {\n            this.registry.add(this.control, this);\n        }\n    }\n\n    handleClick(event: Event, radioButton: HTMLElement, focus: boolean) {\n        event.preventDefault();\n\n        if (this.disabled) {\n            return;\n        }\n\n        this.select(event);\n\n        if (focus) {\n            this.focused = false;\n            this.isFocusVisible = false;\n            radioButton.focus();\n        }\n    }\n\n    select(event: Event) {\n        if (!this.disabled) {\n            this.inputViewChild.nativeElement.checked = true;\n            this.checked = true;\n            this.onModelChange(this.value);\n            this.registry.select(this);\n            this.onClick.emit({ originalEvent: event, value: this.value });\n        }\n    }\n\n    writeValue(value: any): void {\n        this.checked = value == this.value;\n\n        if (this.inputViewChild && this.inputViewChild.nativeElement) {\n            this.inputViewChild.nativeElement.checked = this.checked;\n        }\n\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(val: boolean): void {\n        this.disabled = val;\n        this.cd.markForCheck();\n    }\n\n    onInputFocus(event: Event) {\n        if (this.isFocusVisible) {\n            this.focused = true;\n        }\n        this.onFocus.emit(event);\n    }\n\n    onInputBlur(event: Event) {\n        this.focused = false;\n        this.isFocusVisible = true;\n        this.onModelTouched();\n        this.onBlur.emit(event);\n    }\n\n    /**\n     * Applies focus to input field.\n     * @group Method\n     */\n    public focus() {\n        this.inputViewChild.nativeElement.focus();\n    }\n\n    ngOnDestroy() {\n        this.registry.remove(this);\n    }\n\n    private checkName() {\n        if (this.name && this.formControlName && this.name !== this.formControlName) {\n            this.throwNameError();\n        }\n        if (!this.name && this.formControlName) {\n            this.name = this.formControlName;\n        }\n    }\n\n    private throwNameError() {\n        throw new Error(`\n          If you define both a name and a formControlName attribute on your radio button, their values\n          must match. Ex: <cax-radioButton formControlName=\"food\" name=\"food\"></cax-radioButton>\n        `);\n    }\n}\n","<div\n    [ngStyle]=\"style\"\n    [ngClass]=\"{\n                'cax-radiobutton cax-component': true,\n                'cax-radiobutton-checked': checked,\n                'cax-radiobutton-disabled': disabled,\n                'cax-radiobutton-focused': focused,\n                'cax-variant-filled': variant === 'filled' || config.inputStyle() === 'filled',\n                'cax-radiobutton-sm': size === 'sm',\n                'cax-radiobutton-md': size === 'md' || !size,\n                'cax-radiobutton-lg': size === 'lg'\n            }\"\n    [class]=\"styleClass\"\n    [attr.data-pc-name]=\"'radiobutton'\"\n    [attr.data-pc-section]=\"'root'\"\n    (click)=\"handleClick($event, input, true)\"\n>\n    <div class=\"cax-hidden-accessible\" [attr.data-pc-section]=\"'hiddenInputWrapper'\">\n        <input\n            #input\n            [attr.id]=\"inputId\"\n            type=\"radio\"\n            [attr.name]=\"name\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [value]=\"value\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.tabindex]=\"tabindex\"\n            [attr.aria-checked]=\"checked\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputBlur($event)\"\n            [attr.data-pc-section]=\"'hiddenInput'\"\n            pAutoFocus\n            [autofocus]=\"autofocus\"\n        />\n    </div>\n    <div [ngClass]=\"{ 'cax-radiobutton-box': true, 'cax-highlight': checked, 'cax-disabled': disabled, 'cax-focus': focused }\" [attr.data-pc-section]=\"'input'\">\n        <span class=\"cax-radiobutton-icon\" [attr.data-pc-section]=\"'icon'\"></span>\n    </div>\n</div>\n<label\n    (click)=\"select($event)\"\n    [class]=\"labelStyleClass\"\n    [ngClass]=\"{ 'cax-radiobutton-label': true, 'cax-radiobutton-label-active': input.checked, 'cax-disabled': disabled, 'cax-radiobutton-label-focus': focused, 'cax-radiobutton-label-sm cax-text-action-sm-semibold': size === 'sm',\n    'cax-radiobutton-label-md cax-text-action-md-semibold': size === 'md' || !size,\n    'cax-radiobutton-label-lg cax-text-action-lg-semibold': size === 'lg' }\"\n    *ngIf=\"label\"\n    [attr.for]=\"inputId\"\n    [attr.data-pc-section]=\"'label'\"\n    >{{ label }}</label\n>\n","import { NgModule } from '@angular/core';\nimport { RadioButton } from './radiobutton';\n\n@NgModule({\n    imports: [RadioButton],\n    exports: [RadioButton]\n})\nexport class RadioButtonModule {}\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-rating.mjs

@@ -112,7 +112,7 @@ class Rating {
     onModelTouched = () => { };
     starsArray;
     isFocusVisibleItem = true;
-    focusedOptionIndex = signal(-1);
+    focusedOptionIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedOptionIndex" }] : []));
     name;
     constructor(cd, config) {
         this.cd = cd;
@@ -204,8 +204,8 @@ class Rating {
     get isCustomIcon() {
         return this.templates && this.templates.length > 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Rating, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: Rating, isStandalone: false, selector: "p-rating", inputs: { disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], stars: ["stars", "stars", numberAttribute], cancel: ["cancel", "cancel", booleanAttribute], iconOnClass: "iconOnClass", iconOnStyle: "iconOnStyle", iconOffClass: "iconOffClass", iconOffStyle: "iconOffStyle", iconCancelClass: "iconCancelClass", iconCancelStyle: "iconCancelStyle", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onRate: "onRate", onCancel: "onCancel", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "cax-element" }, providers: [RATING_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Rating, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.25", type: Rating, isStandalone: false, selector: "p-rating", inputs: { disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], stars: ["stars", "stars", numberAttribute], cancel: ["cancel", "cancel", booleanAttribute], iconOnClass: "iconOnClass", iconOnStyle: "iconOnStyle", iconOffClass: "iconOffClass", iconOffStyle: "iconOffStyle", iconCancelClass: "iconCancelClass", iconCancelStyle: "iconCancelStyle", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onRate: "onRate", onCancel: "onCancel", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "cax-element" }, providers: [RATING_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
         <div class="p-rating" [ngClass]="{ 'p-readonly': readonly, 'p-disabled': disabled }" [attr.data-pc-name]="'rating'" [attr.data-pc-section]="'root'">
             <ng-container *ngIf="!isCustomIcon; else customTemplate">
                 <div *ngIf="cancel" [attr.data-pc-section]="'cancelItem'" (click)="onOptionClick($event, 0)" [ngClass]="{ 'p-focus': focusedOptionIndex() === 0 && isFocusVisibleItem }" class="p-rating-item p-rating-cancel-item">
@@ -268,7 +268,7 @@ class Rating {
         </div>
     `, isInline: true, styles: ["@layer cax{.p-rating{display:inline-flex;position:relative;align-items:center}.p-rating-icon{cursor:pointer}.p-rating.p-rating-readonly .p-rating-icon{cursor:default}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => i2.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => StarFillIcon), selector: "StarFillIcon" }, { kind: "component", type: i0.forwardRef(() => StarIcon), selector: "StarIcon" }, { kind: "component", type: i0.forwardRef(() => BanIcon), selector: "BanIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Rating, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Rating, decorators: [{
             type: Component,
             args: [{ selector: 'p-rating', template: `
         <div class="p-rating" [ngClass]="{ 'p-readonly': readonly, 'p-disabled': disabled }" [attr.data-pc-name]="'rating'" [attr.data-pc-section]="'root'">
@@ -374,11 +374,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 args: [CaxTemplate]
             }] } });
 class RatingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: RatingModule, declarations: [Rating], imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon], exports: [Rating, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RatingModule, imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RatingModule, declarations: [Rating], imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon], exports: [Rating, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RatingModule, imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: RatingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RatingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon],