primeng 18.0.0-beta.1 → 18.0.0-beta.3

package/fesm2022/primeng-rating.mjs

@@ -82,6 +82,34 @@ class RatingStyle extends BaseStyle {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RatingStyle, decorators: [{
             type: Injectable
         }] });
+/**
+ *
+ * Rating component is a star based selection input.
+ *
+ * [Live Demo](https://www.primeng.org/rating/)
+ *
+ * @module ratingstyle
+ *
+ */
+var RatingClasses;
+(function (RatingClasses) {
+    /**
+     * Class name of the root element
+     */
+    RatingClasses["root"] = "p-rating";
+    /**
+     * Class name of the option element
+     */
+    RatingClasses["option"] = "p-rating-option";
+    /**
+     * Class name of the on icon element
+     */
+    RatingClasses["onIcon"] = "p-rating-on-icon";
+    /**
+     * Class name of the off icon element
+     */
+    RatingClasses["offIcon"] = "p-rating-off-icon";
+})(RatingClasses || (RatingClasses = {}));
 
 const RATING_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -108,11 +136,6 @@ class Rating extends BaseComponent {
      * @group Props
      */
     stars = 5;
-    /**
-     * When specified a cancel icon is displayed to allow removing the value.
-     * @group Props
-     */
-    cancel = true;
     /**
      * Style class of the on icon.
      * @group Props
@@ -133,16 +156,6 @@ class Rating extends BaseComponent {
      * @group Props
      */
     iconOffStyle;
-    /**
-     * Style class of the cancel icon.
-     * @group Props
-     */
-    iconCancelClass;
-    /**
-     * Inline style of the cancel icon.
-     * @group Props
-     */
-    iconCancelStyle;
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @group Props
@@ -216,8 +229,14 @@ class Rating extends BaseComponent {
         }
     }
     onOptionSelect(event, value) {
-        this.focusedOptionIndex.set(value);
-        this.updateModel(event, value || null);
+        if (this.focusedOptionIndex === value || value === this.value) {
+            this.focusedOptionIndex.set(-1);
+            this.updateModel(event, null);
+        }
+        else {
+            this.focusedOptionIndex.set(value);
+            this.updateModel(event, value || null);
+        }
     }
     onChange(event, value) {
         this.onOptionSelect(event, value);
@@ -245,9 +264,6 @@ class Rating extends BaseComponent {
             });
         }
     }
-    cancelAriaLabel() {
-        return this.config.translation.clear;
-    }
     starAriaLabel(value) {
         return value === 1 ? this.config.translation.aria.star : this.config.translation.aria.stars.replace(/{star}/g, value);
     }
@@ -272,44 +288,8 @@ class Rating extends BaseComponent {
         return this.templates && this.templates.length > 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Rating, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.2", type: Rating, 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: { properties: { "attr.data-pc-name": "\"rating\"", "attr.data-pc-section": "\"root\"", "class.p-readonly": "readonly", "class.p-disabled": "disabled" }, classAttribute: "p-rating" }, providers: [RATING_VALUE_ACCESSOR, RatingStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.2", type: Rating, selector: "p-rating", inputs: { disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], stars: ["stars", "stars", numberAttribute], iconOnClass: "iconOnClass", iconOnStyle: "iconOnStyle", iconOffClass: "iconOffClass", iconOffStyle: "iconOffStyle", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onRate: "onRate", onCancel: "onCancel", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "attr.data-pc-name": "\"rating\"", "attr.data-pc-section": "\"root\"", "class.p-readonly": "readonly", "class.p-disabled": "disabled" }, classAttribute: "p-rating" }, providers: [RATING_VALUE_ACCESSOR, RatingStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
         <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-option p-rating-cancel"
-            >
-                <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                    <input
-                        type="radio"
-                        value="0"
-                        [name]="nameattr"
-                        [checked]="value === 0"
-                        [disabled]="disabled"
-                        [readonly]="readonly"
-                        [attr.aria-label]="cancelAriaLabel()"
-                        (focus)="onInputFocus($event, 0)"
-                        (blur)="onInputBlur($event)"
-                        (change)="onChange($event, 0)"
-                        pAutoFocus
-                        [autofocus]="autofocus"
-                    />
-                </span>
-                <span
-                    *ngIf="iconCancelClass"
-                    class="p-rating-icon p-rating-cancel"
-                    [ngClass]="iconCancelClass"
-                    [ngStyle]="iconCancelStyle"
-                ></span>
-                <BanIcon
-                    *ngIf="!iconCancelClass"
-                    [styleClass]="'p-rating-icon p-rating-cancel'"
-                    [ngStyle]="iconCancelStyle"
-                    [attr.data-pc-section]="'cancelIcon'"
-                />
-            </div>
             <ng-template ngFor [ngForOf]="starsArray" let-star let-i="index">
                 <div
                     class="p-rating-option"
@@ -369,9 +349,6 @@ class Rating extends BaseComponent {
             </ng-template>
         </ng-container>
         <ng-template #customTemplate>
-            <span *ngIf="cancel" (click)="onOptionClick($event, 0)" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'">
-                <ng-container *ngTemplateOutlet="cancelIconTemplate"></ng-container>
-            </span>
             <span
                 *ngFor="let star of starsArray; let i = index"
                 (click)="onOptionClick($event, star + 1)"
@@ -380,7 +357,7 @@ class Rating extends BaseComponent {
                 <ng-container *ngTemplateOutlet="getIconTemplate(i)"></ng-container>
             </span>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.AutoFocus), selector: "[pAutoFocus]", inputs: ["autofocus"] }, { 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 });
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.AutoFocus), selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: i0.forwardRef(() => StarFillIcon), selector: "StarFillIcon" }, { kind: "component", type: i0.forwardRef(() => StarIcon), selector: "StarIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Rating, decorators: [{
             type: Component,
@@ -388,42 +365,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                     selector: 'p-rating',
                     template: `
         <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-option p-rating-cancel"
-            >
-                <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                    <input
-                        type="radio"
-                        value="0"
-                        [name]="nameattr"
-                        [checked]="value === 0"
-                        [disabled]="disabled"
-                        [readonly]="readonly"
-                        [attr.aria-label]="cancelAriaLabel()"
-                        (focus)="onInputFocus($event, 0)"
-                        (blur)="onInputBlur($event)"
-                        (change)="onChange($event, 0)"
-                        pAutoFocus
-                        [autofocus]="autofocus"
-                    />
-                </span>
-                <span
-                    *ngIf="iconCancelClass"
-                    class="p-rating-icon p-rating-cancel"
-                    [ngClass]="iconCancelClass"
-                    [ngStyle]="iconCancelStyle"
-                ></span>
-                <BanIcon
-                    *ngIf="!iconCancelClass"
-                    [styleClass]="'p-rating-icon p-rating-cancel'"
-                    [ngStyle]="iconCancelStyle"
-                    [attr.data-pc-section]="'cancelIcon'"
-                />
-            </div>
             <ng-template ngFor [ngForOf]="starsArray" let-star let-i="index">
                 <div
                     class="p-rating-option"
@@ -483,9 +424,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             </ng-template>
         </ng-container>
         <ng-template #customTemplate>
-            <span *ngIf="cancel" (click)="onOptionClick($event, 0)" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'">
-                <ng-container *ngTemplateOutlet="cancelIconTemplate"></ng-container>
-            </span>
             <span
                 *ngFor="let star of starsArray; let i = index"
                 (click)="onOptionClick($event, star + 1)"
@@ -515,9 +453,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             }], stars: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
-            }], cancel: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
             }], iconOnClass: [{
                 type: Input
             }], iconOnStyle: [{
@@ -526,10 +461,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                 type: Input
             }], iconOffStyle: [{
                 type: Input
-            }], iconCancelClass: [{
-                type: Input
-            }], iconCancelStyle: [{
-                type: Input
             }], autofocus: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -563,5 +494,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { RATING_VALUE_ACCESSOR, Rating, RatingModule };
+export { RATING_VALUE_ACCESSOR, Rating, RatingClasses, RatingModule, RatingStyle };
 //# sourceMappingURL=primeng-rating.mjs.map

package/fesm2022/primeng-rating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-rating.mjs","sources":["../../src/app/components/rating/style/ratingstyle.ts","../../src/app/components/rating/rating.ts","../../src/app/components/rating/primeng-rating.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ${dt('rating.gap')};\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration',\n    )};\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ${dt('focus.ring.shadow')};\n    outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n    outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-rating-icon {\n    color: ${dt('rating.icon.color')};\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration',\n    )};\n    font-size: ${dt('rating.icon.size')};\n    width: ${dt('rating.icon.size')};\n    height: ${dt('rating.icon.size')};\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ${dt('rating.icon.hover.color')};\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ${dt('rating.icon.active.color')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-rating',\n        {\n            'p-readonly': props.readonly,\n            'p-disabled': props.disabled,\n        },\n    ],\n    option: ({ instance, props, value }) => [\n        'p-rating-option',\n        {\n            'p-rating-option-active': value <= props.modelValue,\n            'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem,\n        },\n    ],\n    onIcon: 'p-rating-icon p-rating-on-icon',\n    offIcon: 'p-rating-icon p-rating-off-icon',\n};\n\n@Injectable()\nexport class RatingStyle extends BaseStyle {\n    name = 'rating';\n\n    theme = theme;\n\n    classes = classes;\n}\n","import { CommonModule } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnInit,\n    Output,\n    QueryList,\n    signal,\n    TemplateRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BanIcon } from 'primeng/icons/ban';\nimport { StarIcon } from 'primeng/icons/star';\nimport { StarFillIcon } from 'primeng/icons/starfill';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { RatingRateEvent } from './rating.interface';\nimport { DomHandler } from 'primeng/dom';\nimport { UniqueComponentId } from 'primeng/utils';\nimport { AutoFocusModule } from 'primeng/autofocus';\nimport { RatingStyle } from './style/ratingstyle';\nimport { BaseComponent } from 'primeng/basecomponent';\n\nexport const RATING_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => Rating),\n    multi: true,\n};\n/**\n * Rating is an extension to standard radio button element with theming.\n * @group Components\n */\n@Component({\n    selector: 'p-rating',\n    template: `\n        <ng-container *ngIf=\"!isCustomIcon; else customTemplate\">\n            <div\n                *ngIf=\"cancel\"\n                [attr.data-pc-section]=\"'cancelItem'\"\n                (click)=\"onOptionClick($event, 0)\"\n                [ngClass]=\"{ 'p-focus': focusedOptionIndex() === 0 && isFocusVisibleItem }\"\n                class=\"p-rating-option p-rating-cancel\"\n            >\n                <span class=\"p-hidden-accessible\" [attr.data-p-hidden-accessible]=\"true\">\n                    <input\n                        type=\"radio\"\n                        value=\"0\"\n                        [name]=\"nameattr\"\n                        [checked]=\"value === 0\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [attr.aria-label]=\"cancelAriaLabel()\"\n                        (focus)=\"onInputFocus($event, 0)\"\n                        (blur)=\"onInputBlur($event)\"\n                        (change)=\"onChange($event, 0)\"\n                        pAutoFocus\n                        [autofocus]=\"autofocus\"\n                    />\n                </span>\n                <span\n                    *ngIf=\"iconCancelClass\"\n                    class=\"p-rating-icon p-rating-cancel\"\n                    [ngClass]=\"iconCancelClass\"\n                    [ngStyle]=\"iconCancelStyle\"\n                ></span>\n                <BanIcon\n                    *ngIf=\"!iconCancelClass\"\n                    [styleClass]=\"'p-rating-icon p-rating-cancel'\"\n                    [ngStyle]=\"iconCancelStyle\"\n                    [attr.data-pc-section]=\"'cancelIcon'\"\n                />\n            </div>\n            <ng-template ngFor [ngForOf]=\"starsArray\" let-star let-i=\"index\">\n                <div\n                    class=\"p-rating-option\"\n                    [ngClass]=\"{\n                        'p-rating-option-active': star + 1 <= value,\n                        'p-focus-visible': star + 1 === focusedOptionIndex() && isFocusVisibleItem,\n                    }\"\n                    (click)=\"onOptionClick($event, star + 1)\"\n                >\n                    <span class=\"p-hidden-accessible\" [attr.data-p-hidden-accessible]=\"true\">\n                        <input\n                            type=\"radio\"\n                            value=\"0\"\n                            [name]=\"nameattr\"\n                            [checked]=\"value === 0\"\n                            [disabled]=\"disabled\"\n                            [readonly]=\"readonly\"\n                            [attr.aria-label]=\"starAriaLabel(star + 1)\"\n                            (focus)=\"onInputFocus($event, star + 1)\"\n                            (blur)=\"onInputBlur($event)\"\n                            (change)=\"onChange($event, star + 1)\"\n                            pAutoFocus\n                            [autofocus]=\"autofocus\"\n                        />\n                    </span>\n                    <ng-container *ngIf=\"!value || i >= value\">\n                        <span\n                            class=\"p-rating-icon\"\n                            *ngIf=\"iconOffClass\"\n                            [ngStyle]=\"iconOffStyle\"\n                            [ngClass]=\"iconOffClass\"\n                            [attr.data-pc-section]=\"'offIcon'\"\n                        ></span>\n                        <StarIcon\n                            *ngIf=\"!iconOffClass\"\n                            [ngStyle]=\"iconOffStyle\"\n                            [styleClass]=\"'p-rating-icon'\"\n                            [attr.data-pc-section]=\"'offIcon'\"\n                        />\n                    </ng-container>\n                    <ng-container *ngIf=\"value && i < value\">\n                        <span\n                            class=\"p-rating-icon p-rating-icon-active\"\n                            *ngIf=\"iconOnClass\"\n                            [ngStyle]=\"iconOnStyle\"\n                            [ngClass]=\"iconOnClass\"\n                            [attr.data-pc-section]=\"'onIcon'\"\n                        ></span>\n                        <StarFillIcon\n                            *ngIf=\"!iconOnClass\"\n                            [ngStyle]=\"iconOnStyle\"\n                            [styleClass]=\"'p-rating-icon p-rating-icon-active'\"\n                            [attr.data-pc-section]=\"'onIcon'\"\n                        />\n                    </ng-container>\n                </div>\n            </ng-template>\n        </ng-container>\n        <ng-template #customTemplate>\n            <span *ngIf=\"cancel\" (click)=\"onOptionClick($event, 0)\" [ngStyle]=\"iconCancelStyle\" [attr.data-pc-section]=\"'cancelIcon'\">\n                <ng-container *ngTemplateOutlet=\"cancelIconTemplate\"></ng-container>\n            </span>\n            <span\n                *ngFor=\"let star of starsArray; let i = index\"\n                (click)=\"onOptionClick($event, star + 1)\"\n                [attr.data-pc-section]=\"'onIcon'\"\n            >\n                <ng-container *ngTemplateOutlet=\"getIconTemplate(i)\"></ng-container>\n            </span>\n        </ng-template>\n    `,\n    providers: [RATING_VALUE_ACCESSOR, RatingStyle],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'p-rating',\n        '[attr.data-pc-name]': '\"rating\"',\n        '[attr.data-pc-section]': '\"root\"',\n        '[class.p-readonly]': 'readonly',\n        '[class.p-disabled]': 'disabled',\n    },\n})\nexport class Rating extends BaseComponent implements OnInit, ControlValueAccessor {\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     * When present, changing the value is not possible.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;\n    /**\n     * Number of stars.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) stars: number = 5;\n    /**\n     * When specified a cancel icon is displayed to allow removing the value.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) cancel: boolean = true;\n    /**\n     * Style class of the on icon.\n     * @group Props\n     */\n    @Input() iconOnClass: string | undefined;\n    /**\n     * Inline style of the on icon.\n     * @group Props\n     */\n    @Input() iconOnStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the off icon.\n     * @group Props\n     */\n    @Input() iconOffClass: string | undefined;\n    /**\n     * Inline style of the off icon.\n     * @group Props\n     */\n    @Input() iconOffStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the cancel icon.\n     * @group Props\n     */\n    @Input() iconCancelClass: string | undefined;\n    /**\n     * Inline style of the cancel icon.\n     * @group Props\n     */\n    @Input() iconCancelStyle: { [klass: string]: any } | null | 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     * Emitted on value change.\n     * @param {RatingRateEvent} value - Custom rate event.\n     * @group Emits\n     */\n    @Output() onRate: EventEmitter<RatingRateEvent> = new EventEmitter<RatingRateEvent>();\n    /**\n     * Emitted when the rating is cancelled.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onCancel: EventEmitter<Event> = new EventEmitter<Event>();\n    /**\n     * Emitted when the rating receives focus.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n    /**\n     * Emitted when the rating loses focus.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;\n\n    onIconTemplate: Nullable<TemplateRef<any>>;\n\n    offIconTemplate: Nullable<TemplateRef<any>>;\n\n    cancelIconTemplate: Nullable<TemplateRef<any>>;\n\n    value: Nullable<number>;\n\n    onModelChange: Function = () => {};\n\n    onModelTouched: Function = () => {};\n\n    public starsArray: Nullable<number[]>;\n\n    isFocusVisibleItem: boolean = true;\n\n    focusedOptionIndex = signal<number>(-1);\n\n    nameattr: string | undefined;\n\n    _componentStyle = inject(RatingStyle);\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.nameattr = this.nameattr || UniqueComponentId();\n        this.starsArray = [];\n        for (let i = 0; i < this.stars; i++) {\n            this.starsArray[i] = i;\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch (item.getType()) {\n                case 'onicon':\n                    this.onIconTemplate = item.template;\n                    break;\n\n                case 'officon':\n                    this.offIconTemplate = item.template;\n                    break;\n\n                case 'cancelicon':\n                    this.cancelIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onOptionClick(event, value) {\n        if (!this.readonly && !this.disabled) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = false;\n            const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget, '');\n\n            firstFocusableEl && DomHandler.focus(firstFocusableEl);\n        }\n    }\n\n    onOptionSelect(event, value) {\n        this.focusedOptionIndex.set(value);\n        this.updateModel(event, value || null);\n    }\n\n    onChange(event, value) {\n        this.onOptionSelect(event, value);\n        this.isFocusVisibleItem = true;\n    }\n\n    onInputBlur(event) {\n        this.focusedOptionIndex.set(-1);\n        this.onBlur.emit(event);\n    }\n\n    onInputFocus(event, value) {\n        this.focusedOptionIndex.set(value);\n        this.onFocus.emit(event);\n    }\n\n    updateModel(event, value) {\n        this.value = value;\n        this.onModelChange(this.value);\n        this.onModelTouched();\n\n        if (!value) {\n            this.onCancel.emit();\n        } else {\n            this.onRate.emit({\n                originalEvent: event,\n                value,\n            });\n        }\n    }\n\n    cancelAriaLabel() {\n        return this.config.translation.clear;\n    }\n\n    starAriaLabel(value) {\n        return value === 1 ? this.config.translation.aria.star : this.config.translation.aria.stars.replace(/{star}/g, value);\n    }\n\n    getIconTemplate(i: number): Nullable<TemplateRef<any>> {\n        return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate;\n    }\n\n    writeValue(value: any): void {\n        this.value = value;\n        this.cd.detectChanges();\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    get isCustomIcon(): boolean {\n        return this.templates && this.templates.length > 0;\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon],\n    exports: [Rating, SharedModule],\n    declarations: [Rating],\n})\nexport class RatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,CAAA;;;;;WAKf,EAAE,CAAC,YAAY,CAAC,CAAA;;;;;;;;;;6BAUE,EAAE,CAAC,4BAA4B,CAAC,CAAA,QAAA,EAAW,EAAE,CAAC,4BAA4B,CAAC,CAAA,eAAA,EAAkB,EAAE,CAAC,4BAA4B,CAAC,CAAA,gBAAA,EAAmB,EAAE,CAAC,4BAA4B,CAAC,CAAgB,aAAA,EAAA,EAAE,CACvN,4BAA4B,CAC/B,CAAA;;;;kBAIa,EAAE,CAAC,mBAAmB,CAAC,CAAA;AAC1B,aAAA,EAAA,EAAE,CAAC,kBAAkB,CAAC,CAAA,CAAA,EAAI,EAAE,CAAC,kBAAkB,CAAC,CAAI,CAAA,EAAA,EAAE,CAAC,kBAAkB,CAAC,CAAA;sBACnE,EAAE,CAAC,mBAAmB,CAAC,CAAA;;;;aAIhC,EAAE,CAAC,mBAAmB,CAAC,CAAA;6BACP,EAAE,CAAC,4BAA4B,CAAC,CAAA,QAAA,EAAW,EAAE,CAAC,4BAA4B,CAAC,CAAA,eAAA,EAAkB,EAAE,CAAC,4BAA4B,CAAC,CAAA,gBAAA,EAAmB,EAAE,CAAC,4BAA4B,CAAC,CAAgB,aAAA,EAAA,EAAE,CACvN,4BAA4B,CAC/B,CAAA;iBACY,EAAE,CAAC,kBAAkB,CAAC,CAAA;aAC1B,EAAE,CAAC,kBAAkB,CAAC,CAAA;cACrB,EAAE,CAAC,kBAAkB,CAAC,CAAA;;;;aAIvB,EAAE,CAAC,yBAAyB,CAAC,CAAA;;;;aAI7B,EAAE,CAAC,0BAA0B,CAAC,CAAA;;CAE1C,CAAC;AAEF,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK;QACjB,UAAU;AACV,QAAA;YACI,YAAY,EAAE,KAAK,CAAC,QAAQ;YAC5B,YAAY,EAAE,KAAK,CAAC,QAAQ;AAC/B,SAAA;AACJ,KAAA;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACpC,iBAAiB;AACjB,QAAA;AACI,YAAA,wBAAwB,EAAE,KAAK,IAAI,KAAK,CAAC,UAAU;YACnD,iBAAiB,EAAE,KAAK,KAAK,QAAQ,CAAC,kBAAkB,IAAI,QAAQ,CAAC,kBAAkB;AAC1F,SAAA;AACJ,KAAA;AACD,IAAA,MAAM,EAAE,gCAAgC;AACxC,IAAA,OAAO,EAAE,iCAAiC;CAC7C,CAAC;AAGI,MAAO,WAAY,SAAQ,SAAS,CAAA;IACtC,IAAI,GAAG,QAAQ,CAAC;IAEhB,KAAK,GAAG,KAAK,CAAC;IAEd,OAAO,GAAG,OAAO,CAAC;uGALT,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;2GAAX,WAAW,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB,UAAU;;;AClCE,MAAA,qBAAqB,GAAQ;AACtC,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,MAAM,CAAC;AACrC,IAAA,KAAK,EAAE,IAAI;EACb;AACF;;;AAGG;AA2HG,MAAO,MAAO,SAAQ,aAAa,CAAA;AACrC;;;AAGG;AACqC,IAAA,QAAQ,CAAsB;AACtE;;;AAGG;AACqC,IAAA,QAAQ,CAAsB;AACtE;;;AAGG;IACoC,KAAK,GAAW,CAAC,CAAC;AACzD;;;AAGG;IACqC,MAAM,GAAY,IAAI,CAAC;AAC/D;;;AAGG;AACM,IAAA,WAAW,CAAqB;AACzC;;;AAGG;AACM,IAAA,WAAW,CAA8C;AAClE;;;AAGG;AACM,IAAA,YAAY,CAAqB;AAC1C;;;AAGG;AACM,IAAA,YAAY,CAA8C;AACnE;;;AAGG;AACM,IAAA,eAAe,CAAqB;AAC7C;;;AAGG;AACM,IAAA,eAAe,CAA8C;AACtE;;;AAGG;AACqC,IAAA,SAAS,CAAsB;AACvE;;;;AAIG;AACO,IAAA,MAAM,GAAkC,IAAI,YAAY,EAAmB,CAAC;AACtF;;;;AAIG;AACO,IAAA,QAAQ,GAAwB,IAAI,YAAY,EAAS,CAAC;AACpE;;;;AAIG;AACO,IAAA,OAAO,GAA6B,IAAI,YAAY,EAAc,CAAC;AAC7E;;;;AAIG;AACO,IAAA,MAAM,GAA6B,IAAI,YAAY,EAAc,CAAC;AAE5C,IAAA,SAAS,CAA4B;AAErE,IAAA,cAAc,CAA6B;AAE3C,IAAA,eAAe,CAA6B;AAE5C,IAAA,kBAAkB,CAA6B;AAE/C,IAAA,KAAK,CAAmB;AAExB,IAAA,aAAa,GAAa,MAAK,GAAG,CAAC;AAEnC,IAAA,cAAc,GAAa,MAAK,GAAG,CAAC;AAE7B,IAAA,UAAU,CAAqB;IAEtC,kBAAkB,GAAY,IAAI,CAAC;AAEnC,IAAA,kBAAkB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC,CAAC;AAExC,IAAA,QAAQ,CAAqB;AAE7B,IAAA,eAAe,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAEtC,QAAQ,GAAA;QACJ,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,iBAAiB,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AACrB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;AACjC,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;SAC1B;KACJ;IAED,kBAAkB,GAAA;QACd,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC5B,YAAA,QAAQ,IAAI,CAAC,OAAO,EAAE;AAClB,gBAAA,KAAK,QAAQ;AACT,oBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACpC,MAAM;AAEV,gBAAA,KAAK,SAAS;AACV,oBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACrC,MAAM;AAEV,gBAAA,KAAK,YAAY;AACb,oBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACxC,MAAM;aACb;AACL,SAAC,CAAC,CAAC;KACN;IAED,aAAa,CAAC,KAAK,EAAE,KAAK,EAAA;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClC,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAClC,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;AAChC,YAAA,MAAM,gBAAgB,GAAG,UAAU,CAAC,wBAAwB,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAEtF,YAAA,gBAAgB,IAAI,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;SAC1D;KACJ;IAED,cAAc,CAAC,KAAK,EAAE,KAAK,EAAA;AACvB,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC;KAC1C;IAED,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAA;AACjB,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAClC,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;KAClC;AAED,IAAA,WAAW,CAAC,KAAK,EAAA;QACb,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,YAAY,CAAC,KAAK,EAAE,KAAK,EAAA;AACrB,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,WAAW,CAAC,KAAK,EAAE,KAAK,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,CAAC,KAAK,EAAE;AACR,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACxB;aAAM;AACH,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACb,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK;AACR,aAAA,CAAC,CAAC;SACN;KACJ;IAED,eAAe,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC;KACxC;AAED,IAAA,aAAa,CAAC,KAAK,EAAA;AACf,QAAA,OAAO,KAAK,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KACzH;AAED,IAAA,eAAe,CAAC,CAAS,EAAA;QACrB,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC;KACtF;AAED,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;KAC3B;AAED,IAAA,gBAAgB,CAAC,EAAY,EAAA;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KAC3B;AAED,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;KAC5B;AAED,IAAA,gBAAgB,CAAC,GAAY,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;AACpB,QAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC;KAC1B;AAED,IAAA,IAAI,YAAY,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;KACtD;uGAjNQ,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,qEAKK,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAKhB,gBAAgB,CAKhB,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,eAAe,gCAKf,gBAAgB,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAmChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAlEzB,CAAC,qBAAqB,EAAE,WAAW,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EA4F9B,aAAa,EAzMpB,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAiOwC,YAAY,CAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAE,QAAQ,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAE,OAAO,CAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FArN/D,MAAM,EAAA,UAAA,EAAA,CAAA;kBA1HlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GT,IAAA,CAAA;AACD,oBAAA,SAAS,EAAE,CAAC,qBAAqB,EAAE,WAAW,CAAC;oBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,qBAAqB,EAAE,UAAU;AACjC,wBAAA,wBAAwB,EAAE,QAAQ;AAClC,wBAAA,oBAAoB,EAAE,UAAU;AAChC,wBAAA,oBAAoB,EAAE,UAAU;AACnC,qBAAA;AACJ,iBAAA,CAAA;8BAM2C,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAKC,KAAK,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAKG,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK7B,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAKG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAKG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBAKG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBAKkC,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAM5B,MAAM,EAAA,CAAA;sBAAf,MAAM;gBAMG,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBAMG,OAAO,EAAA,CAAA;sBAAhB,MAAM;gBAMG,MAAM,EAAA,CAAA;sBAAf,MAAM;gBAEyB,SAAS,EAAA,CAAA;sBAAxC,eAAe;uBAAC,aAAa,CAAA;;MAwIrB,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAzNZ,YAAA,EAAA,CAAA,MAAM,CAqNL,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CArN/D,EAAA,OAAA,EAAA,CAAA,MAAM,EAsNG,YAAY,CAAA,EAAA,CAAA,CAAA;wGAGrB,YAAY,EAAA,OAAA,EAAA,CAJX,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EACtD,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGrB,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC;AACzE,oBAAA,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;oBAC/B,YAAY,EAAE,CAAC,MAAM,CAAC;AACzB,iBAAA,CAAA;;;AC5XD;;AAEG;;;;"}
+{"version":3,"file":"primeng-rating.mjs","sources":["../../src/app/components/rating/style/ratingstyle.ts","../../src/app/components/rating/rating.ts","../../src/app/components/rating/primeng-rating.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-rating {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: ${dt('rating.gap')};\n}\n\n.p-rating-option {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline-color: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration',\n    )};\n}\n\n.p-rating-option.p-focus-visible {\n    box-shadow: ${dt('focus.ring.shadow')};\n    outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n    outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-rating-icon {\n    color: ${dt('rating.icon.color')};\n    transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(\n        'rating.transition.duration',\n    )};\n    font-size: ${dt('rating.icon.size')};\n    width: ${dt('rating.icon.size')};\n    height: ${dt('rating.icon.size')};\n}\n\n.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n    color: ${dt('rating.icon.hover.color')};\n}\n\n.p-rating-option-active .p-rating-icon {\n    color: ${dt('rating.icon.active.color')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-rating',\n        {\n            'p-readonly': props.readonly,\n            'p-disabled': props.disabled,\n        },\n    ],\n    option: ({ instance, props, value }) => [\n        'p-rating-option',\n        {\n            'p-rating-option-active': value <= props.modelValue,\n            'p-focus-visible': value === instance.focusedOptionIndex && instance.isFocusVisibleItem,\n        },\n    ],\n    onIcon: 'p-rating-icon p-rating-on-icon',\n    offIcon: 'p-rating-icon p-rating-off-icon',\n};\n\n@Injectable()\nexport class RatingStyle extends BaseStyle {\n    name = 'rating';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Rating component is a star based selection input.\n *\n * [Live Demo](https://www.primeng.org/rating/)\n *\n * @module ratingstyle\n *\n */\nexport enum RatingClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-rating',\n    /**\n     * Class name of the option element\n     */\n    option = 'p-rating-option',\n    /**\n     * Class name of the on icon element\n     */\n    onIcon = 'p-rating-on-icon',\n    /**\n     * Class name of the off icon element\n     */\n    offIcon = 'p-rating-off-icon',\n}\n\nexport interface RatingStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnInit,\n    Output,\n    QueryList,\n    signal,\n    TemplateRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BanIcon } from 'primeng/icons/ban';\nimport { StarIcon } from 'primeng/icons/star';\nimport { StarFillIcon } from 'primeng/icons/starfill';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { RatingRateEvent } from './rating.interface';\nimport { DomHandler } from 'primeng/dom';\nimport { UniqueComponentId } from 'primeng/utils';\nimport { AutoFocusModule } from 'primeng/autofocus';\nimport { RatingStyle } from './style/ratingstyle';\nimport { BaseComponent } from 'primeng/basecomponent';\n\nexport const RATING_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => Rating),\n    multi: true,\n};\n/**\n * Rating is an extension to standard radio button element with theming.\n * @group Components\n */\n@Component({\n    selector: 'p-rating',\n    template: `\n        <ng-container *ngIf=\"!isCustomIcon; else customTemplate\">\n            <ng-template ngFor [ngForOf]=\"starsArray\" let-star let-i=\"index\">\n                <div\n                    class=\"p-rating-option\"\n                    [ngClass]=\"{\n                        'p-rating-option-active': star + 1 <= value,\n                        'p-focus-visible': star + 1 === focusedOptionIndex() && isFocusVisibleItem,\n                    }\"\n                    (click)=\"onOptionClick($event, star + 1)\"\n                >\n                    <span class=\"p-hidden-accessible\" [attr.data-p-hidden-accessible]=\"true\">\n                        <input\n                            type=\"radio\"\n                            value=\"0\"\n                            [name]=\"nameattr\"\n                            [checked]=\"value === 0\"\n                            [disabled]=\"disabled\"\n                            [readonly]=\"readonly\"\n                            [attr.aria-label]=\"starAriaLabel(star + 1)\"\n                            (focus)=\"onInputFocus($event, star + 1)\"\n                            (blur)=\"onInputBlur($event)\"\n                            (change)=\"onChange($event, star + 1)\"\n                            pAutoFocus\n                            [autofocus]=\"autofocus\"\n                        />\n                    </span>\n                    <ng-container *ngIf=\"!value || i >= value\">\n                        <span\n                            class=\"p-rating-icon\"\n                            *ngIf=\"iconOffClass\"\n                            [ngStyle]=\"iconOffStyle\"\n                            [ngClass]=\"iconOffClass\"\n                            [attr.data-pc-section]=\"'offIcon'\"\n                        ></span>\n                        <StarIcon\n                            *ngIf=\"!iconOffClass\"\n                            [ngStyle]=\"iconOffStyle\"\n                            [styleClass]=\"'p-rating-icon'\"\n                            [attr.data-pc-section]=\"'offIcon'\"\n                        />\n                    </ng-container>\n                    <ng-container *ngIf=\"value && i < value\">\n                        <span\n                            class=\"p-rating-icon p-rating-icon-active\"\n                            *ngIf=\"iconOnClass\"\n                            [ngStyle]=\"iconOnStyle\"\n                            [ngClass]=\"iconOnClass\"\n                            [attr.data-pc-section]=\"'onIcon'\"\n                        ></span>\n                        <StarFillIcon\n                            *ngIf=\"!iconOnClass\"\n                            [ngStyle]=\"iconOnStyle\"\n                            [styleClass]=\"'p-rating-icon p-rating-icon-active'\"\n                            [attr.data-pc-section]=\"'onIcon'\"\n                        />\n                    </ng-container>\n                </div>\n            </ng-template>\n        </ng-container>\n        <ng-template #customTemplate>\n            <span\n                *ngFor=\"let star of starsArray; let i = index\"\n                (click)=\"onOptionClick($event, star + 1)\"\n                [attr.data-pc-section]=\"'onIcon'\"\n            >\n                <ng-container *ngTemplateOutlet=\"getIconTemplate(i)\"></ng-container>\n            </span>\n        </ng-template>\n    `,\n    providers: [RATING_VALUE_ACCESSOR, RatingStyle],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'p-rating',\n        '[attr.data-pc-name]': '\"rating\"',\n        '[attr.data-pc-section]': '\"root\"',\n        '[class.p-readonly]': 'readonly',\n        '[class.p-disabled]': 'disabled',\n    },\n})\nexport class Rating extends BaseComponent implements OnInit, ControlValueAccessor {\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     * When present, changing the value is not possible.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;\n    /**\n     * Number of stars.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) stars: number = 5;\n    /**\n     * Style class of the on icon.\n     * @group Props\n     */\n    @Input() iconOnClass: string | undefined;\n    /**\n     * Inline style of the on icon.\n     * @group Props\n     */\n    @Input() iconOnStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the off icon.\n     * @group Props\n     */\n    @Input() iconOffClass: string | undefined;\n    /**\n     * Inline style of the off icon.\n     * @group Props\n     */\n    @Input() iconOffStyle: { [klass: string]: any } | null | 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     * Emitted on value change.\n     * @param {RatingRateEvent} value - Custom rate event.\n     * @group Emits\n     */\n    @Output() onRate: EventEmitter<RatingRateEvent> = new EventEmitter<RatingRateEvent>();\n    /**\n     * Emitted when the rating is cancelled.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onCancel: EventEmitter<Event> = new EventEmitter<Event>();\n    /**\n     * Emitted when the rating receives focus.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n    /**\n     * Emitted when the rating loses focus.\n     * @param {Event} value - Browser event.\n     * @group Emits\n     */\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;\n\n    onIconTemplate: Nullable<TemplateRef<any>>;\n\n    offIconTemplate: Nullable<TemplateRef<any>>;\n\n    cancelIconTemplate: Nullable<TemplateRef<any>>;\n\n    value: Nullable<number>;\n\n    onModelChange: Function = () => {};\n\n    onModelTouched: Function = () => {};\n\n    public starsArray: Nullable<number[]>;\n\n    isFocusVisibleItem: boolean = true;\n\n    focusedOptionIndex = signal<number>(-1);\n\n    nameattr: string | undefined;\n\n    _componentStyle = inject(RatingStyle);\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.nameattr = this.nameattr || UniqueComponentId();\n        this.starsArray = [];\n        for (let i = 0; i < this.stars; i++) {\n            this.starsArray[i] = i;\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch (item.getType()) {\n                case 'onicon':\n                    this.onIconTemplate = item.template;\n                    break;\n\n                case 'officon':\n                    this.offIconTemplate = item.template;\n                    break;\n\n                case 'cancelicon':\n                    this.cancelIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onOptionClick(event, value) {\n        if (!this.readonly && !this.disabled) {\n            this.onOptionSelect(event, value);\n            this.isFocusVisibleItem = false;\n            const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget, '');\n\n            firstFocusableEl && DomHandler.focus(firstFocusableEl);\n        }\n    }\n\n    onOptionSelect(event, value) {\n        if (this.focusedOptionIndex === value || value === this.value) {\n            this.focusedOptionIndex.set(-1);\n            this.updateModel(event, null);\n        } else {\n            this.focusedOptionIndex.set(value);\n            this.updateModel(event, value || null);\n        }\n    }\n\n    onChange(event, value) {\n        this.onOptionSelect(event, value);\n        this.isFocusVisibleItem = true;\n    }\n\n    onInputBlur(event) {\n        this.focusedOptionIndex.set(-1);\n        this.onBlur.emit(event);\n    }\n\n    onInputFocus(event, value) {\n        this.focusedOptionIndex.set(value);\n        this.onFocus.emit(event);\n    }\n\n    updateModel(event, value) {\n        this.value = value;\n        this.onModelChange(this.value);\n        this.onModelTouched();\n\n        if (!value) {\n            this.onCancel.emit();\n        } else {\n            this.onRate.emit({\n                originalEvent: event,\n                value,\n            });\n        }\n    }\n\n    starAriaLabel(value) {\n        return value === 1 ? this.config.translation.aria.star : this.config.translation.aria.stars.replace(/{star}/g, value);\n    }\n\n    getIconTemplate(i: number): Nullable<TemplateRef<any>> {\n        return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate;\n    }\n\n    writeValue(value: any): void {\n        this.value = value;\n        this.cd.detectChanges();\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    get isCustomIcon(): boolean {\n        return this.templates && this.templates.length > 0;\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon],\n    exports: [Rating, SharedModule],\n    declarations: [Rating],\n})\nexport class RatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-ripple.mjs

@@ -1,6 +1,6 @@
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, NgZone, Directive, NgModule } from '@angular/core';
+import { Injectable, inject, NgZone, effect, Directive, NgModule } from '@angular/core';
 import { BaseComponent } from 'primeng/basecomponent';
 import { DomHandler } from 'primeng/dom';
 import { BaseStyle } from 'primeng/base';
@@ -48,6 +48,22 @@ class RippleStyle extends BaseStyle {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RippleStyle, decorators: [{
             type: Injectable
         }] });
+/**
+ *
+ * Ripple directive adds ripple effect to the host element.
+ *
+ * [Live Demo](https://www.primeng.org/ripple)
+ *
+ * @module ripplestyle
+ *
+ */
+var RippleClasses;
+(function (RippleClasses) {
+    /**
+     * Class name of the root element
+     */
+    RippleClasses["root"] = "p-ink";
+})(RippleClasses || (RippleClasses = {}));
 
 /**
  * Ripple directive adds ripple effect to the host element.
@@ -59,16 +75,21 @@ class Ripple extends BaseComponent {
     animationListener;
     mouseDownListener;
     timeout;
+    constructor() {
+        super();
+        effect(() => {
+            if (isPlatformBrowser(this.platformId) && this.config.ripple()) {
+                if (this.config.ripple()) {
+                    this.zone.runOutsideAngular(() => {
+                        this.create();
+                        this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
+                    });
+                }
+            }
+        });
+    }
     ngAfterViewInit() {
         super.ngAfterViewInit();
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.config && this.config.ripple()) {
-                this.zone.runOutsideAngular(() => {
-                    this.create();
-                    this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
-                });
-            }
-        }
     }
     onMouseDown(event) {
         let ink = this.getInk();
@@ -141,7 +162,7 @@ class Ripple extends BaseComponent {
         }
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Ripple, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Ripple, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: Ripple, isStandalone: true, selector: "[pRipple]", host: { classAttribute: "p-ripple" }, providers: [RippleStyle], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Ripple, decorators: [{
@@ -154,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                     standalone: true,
                     providers: [RippleStyle],
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 class RippleModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: RippleModule, imports: [Ripple], exports: [Ripple] });
@@ -172,5 +193,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Ripple, RippleModule };
+export { Ripple, RippleClasses, RippleModule, RippleStyle };
 //# sourceMappingURL=primeng-ripple.mjs.map

package/fesm2022/primeng-ripple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-ripple.mjs","sources":["../../src/app/components/ripple/style/ripplestyle.ts","../../src/app/components/ripple/ripple.ts","../../src/app/components/ripple/primeng-ripple.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n/* For PrimeNG */\n.p-ripple {\n    overflow: hidden;\n    position: relative;\n}\n\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ${dt('ripple.background')};\n    border-radius: 100%;\n    transform: scale(0);\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n    display: none !important;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n`;\n\nconst classes = {\n    root: 'p-ink',\n};\n\n@Injectable()\nexport class RippleStyle extends BaseStyle {\n    name = 'ripple';\n\n    theme = theme;\n\n    classes = classes;\n}\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Directive, inject, NgModule, NgZone, OnDestroy } from '@angular/core';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { DomHandler } from 'primeng/dom';\nimport { VoidListener } from 'primeng/ts-helpers';\nimport { RippleStyle } from './style/ripplestyle';\n/**\n * Ripple directive adds ripple effect to the host element.\n * @group Components\n */\n@Directive({\n    selector: '[pRipple]',\n    host: {\n        class: 'p-ripple',\n    },\n    standalone: true,\n    providers: [RippleStyle],\n})\nexport class Ripple extends BaseComponent implements AfterViewInit, OnDestroy {\n    zone: NgZone = inject(NgZone);\n\n    _componentStyle = inject(RippleStyle);\n\n    animationListener: VoidListener;\n\n    mouseDownListener: VoidListener;\n\n    timeout: any;\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        if (isPlatformBrowser(this.platformId)) {\n            if (this.config && this.config.ripple()) {\n                this.zone.runOutsideAngular(() => {\n                    this.create();\n                    this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));\n                });\n            }\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        let ink = this.getInk();\n        if (!ink || this.document.defaultView?.getComputedStyle(ink, null).display === 'none') {\n            return;\n        }\n\n        DomHandler.removeClass(ink, 'p-ink-active');\n        if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {\n            let d = Math.max(DomHandler.getOuterWidth(this.el.nativeElement), DomHandler.getOuterHeight(this.el.nativeElement));\n            ink.style.height = d + 'px';\n            ink.style.width = d + 'px';\n        }\n\n        let offset = DomHandler.getOffset(this.el.nativeElement);\n        let x = event.pageX - offset.left + this.document.body.scrollTop - DomHandler.getWidth(ink) / 2;\n        let y = event.pageY - offset.top + this.document.body.scrollLeft - DomHandler.getHeight(ink) / 2;\n\n        this.renderer.setStyle(ink, 'top', y + 'px');\n        this.renderer.setStyle(ink, 'left', x + 'px');\n        DomHandler.addClass(ink, 'p-ink-active');\n\n        this.timeout = setTimeout(() => {\n            let ink = this.getInk();\n            if (ink) {\n                DomHandler.removeClass(ink, 'p-ink-active');\n            }\n        }, 401);\n    }\n\n    getInk() {\n        const children = this.el.nativeElement.children;\n        for (let i = 0; i < children.length; i++) {\n            if (typeof children[i].className === 'string' && children[i].className.indexOf('p-ink') !== -1) {\n                return children[i];\n            }\n        }\n        return null;\n    }\n\n    resetInk() {\n        let ink = this.getInk();\n        if (ink) {\n            DomHandler.removeClass(ink, 'p-ink-active');\n        }\n    }\n\n    onAnimationEnd(event: Event) {\n        if (this.timeout) {\n            clearTimeout(this.timeout);\n        }\n        DomHandler.removeClass(event.currentTarget, 'p-ink-active');\n    }\n\n    create() {\n        let ink = this.renderer.createElement('span');\n        this.renderer.addClass(ink, 'p-ink');\n        this.renderer.appendChild(this.el.nativeElement, ink);\n        this.renderer.setAttribute(ink, 'aria-hidden', 'true');\n        this.renderer.setAttribute(ink, 'role', 'presentation');\n\n        if (!this.animationListener) {\n            this.animationListener = this.renderer.listen(ink, 'animationend', this.onAnimationEnd.bind(this));\n        }\n    }\n\n    remove() {\n        let ink = this.getInk();\n        if (ink) {\n            this.mouseDownListener && this.mouseDownListener();\n            this.animationListener && this.animationListener();\n            this.mouseDownListener = null;\n            this.animationListener = null;\n\n            DomHandler.removeElement(ink);\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.config && this.config.ripple()) {\n            this.remove();\n        }\n\n        super.ngOnDestroy();\n    }\n}\n\n@NgModule({\n    imports: [Ripple],\n    exports: [Ripple],\n})\nexport class RippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-ripple.mjs","sources":["../../src/app/components/ripple/style/ripplestyle.ts","../../src/app/components/ripple/ripple.ts","../../src/app/components/ripple/primeng-ripple.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n/* For PrimeNG */\n.p-ripple {\n    overflow: hidden;\n    position: relative;\n}\n\n.p-ink {\n    display: block;\n    position: absolute;\n    background: ${dt('ripple.background')};\n    border-radius: 100%;\n    transform: scale(0);\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n    display: none !important;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n`;\n\nconst classes = {\n    root: 'p-ink',\n};\n\n@Injectable()\nexport class RippleStyle extends BaseStyle {\n    name = 'ripple';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Ripple directive adds ripple effect to the host element.\n *\n * [Live Demo](https://www.primeng.org/ripple)\n *\n * @module ripplestyle\n *\n */\n\nexport enum RippleClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-ink',\n}\n\nexport interface RippleStyle extends BaseStyle {}\n","import { isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Directive, effect, inject, NgModule, NgZone, OnDestroy } from '@angular/core';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { DomHandler } from 'primeng/dom';\nimport { VoidListener } from 'primeng/ts-helpers';\nimport { RippleStyle } from './style/ripplestyle';\n\n/**\n * Ripple directive adds ripple effect to the host element.\n * @group Components\n */\n@Directive({\n    selector: '[pRipple]',\n    host: {\n        class: 'p-ripple',\n    },\n    standalone: true,\n    providers: [RippleStyle],\n})\nexport class Ripple extends BaseComponent implements AfterViewInit, OnDestroy {\n    zone: NgZone = inject(NgZone);\n\n    _componentStyle = inject(RippleStyle);\n\n    animationListener: VoidListener;\n\n    mouseDownListener: VoidListener;\n\n    timeout: any;\n\n    constructor() {\n        super();\n        effect(() => {\n            if (isPlatformBrowser(this.platformId) && this.config.ripple()) {\n                if (this.config.ripple()) {\n                    this.zone.runOutsideAngular(() => {\n                        this.create();\n                        this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));\n                    });\n                }\n            }\n        });\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n    }\n\n    onMouseDown(event: MouseEvent) {\n        let ink = this.getInk();\n        if (!ink || this.document.defaultView?.getComputedStyle(ink, null).display === 'none') {\n            return;\n        }\n\n        DomHandler.removeClass(ink, 'p-ink-active');\n        if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {\n            let d = Math.max(DomHandler.getOuterWidth(this.el.nativeElement), DomHandler.getOuterHeight(this.el.nativeElement));\n            ink.style.height = d + 'px';\n            ink.style.width = d + 'px';\n        }\n\n        let offset = DomHandler.getOffset(this.el.nativeElement);\n        let x = event.pageX - offset.left + this.document.body.scrollTop - DomHandler.getWidth(ink) / 2;\n        let y = event.pageY - offset.top + this.document.body.scrollLeft - DomHandler.getHeight(ink) / 2;\n\n        this.renderer.setStyle(ink, 'top', y + 'px');\n        this.renderer.setStyle(ink, 'left', x + 'px');\n        DomHandler.addClass(ink, 'p-ink-active');\n\n        this.timeout = setTimeout(() => {\n            let ink = this.getInk();\n            if (ink) {\n                DomHandler.removeClass(ink, 'p-ink-active');\n            }\n        }, 401);\n    }\n\n    getInk() {\n        const children = this.el.nativeElement.children;\n        for (let i = 0; i < children.length; i++) {\n            if (typeof children[i].className === 'string' && children[i].className.indexOf('p-ink') !== -1) {\n                return children[i];\n            }\n        }\n        return null;\n    }\n\n    resetInk() {\n        let ink = this.getInk();\n        if (ink) {\n            DomHandler.removeClass(ink, 'p-ink-active');\n        }\n    }\n\n    onAnimationEnd(event: Event) {\n        if (this.timeout) {\n            clearTimeout(this.timeout);\n        }\n        DomHandler.removeClass(event.currentTarget, 'p-ink-active');\n    }\n\n    create() {\n        let ink = this.renderer.createElement('span');\n        this.renderer.addClass(ink, 'p-ink');\n        this.renderer.appendChild(this.el.nativeElement, ink);\n        this.renderer.setAttribute(ink, 'aria-hidden', 'true');\n        this.renderer.setAttribute(ink, 'role', 'presentation');\n\n        if (!this.animationListener) {\n            this.animationListener = this.renderer.listen(ink, 'animationend', this.onAnimationEnd.bind(this));\n        }\n    }\n\n    remove() {\n        let ink = this.getInk();\n        if (ink) {\n            this.mouseDownListener && this.mouseDownListener();\n            this.animationListener && this.animationListener();\n            this.mouseDownListener = null;\n            this.animationListener = null;\n\n            DomHandler.removeElement(ink);\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.config && this.config.ripple()) {\n            this.remove();\n        }\n\n        super.ngOnDestroy();\n    }\n}\n\n@NgModule({\n    imports: [Ripple],\n    exports: [Ripple],\n})\nexport class RippleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-scroller.mjs

@@ -67,15 +67,47 @@ const theme = ({ dt }) => `
     position: static;
 }
 `;
-class VirtalScrollerStyle extends BaseStyle {
+class ScrollerStyle extends BaseStyle {
     name = 'virtualscroller';
     theme = theme;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: VirtalScrollerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: VirtalScrollerStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ScrollerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ScrollerStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: VirtalScrollerStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ScrollerStyle, decorators: [{
             type: Injectable
         }] });
+/**
+ *
+ * VirtualScroller is a performant approach to handle huge data efficiently.
+ *
+ * [Live Demo](https://www.primeng.org/scroller/)
+ *
+ * @module scrollerstyle
+ *
+ */
+var ScrollerClasses;
+(function (ScrollerClasses) {
+    /**
+     * Class name of the root element
+     */
+    ScrollerClasses["root"] = "p-virtualscroller";
+    /**
+     * Class name of the content element
+     */
+    ScrollerClasses["content"] = "p-virtualscroller-content";
+    /**
+     * Class name of the spacer element
+     */
+    ScrollerClasses["spacer"] = "p-virtualscroller-spacer";
+    /**
+     * Class name of the loader element
+     */
+    ScrollerClasses["loader"] = "p-virtualscroller-loader";
+    /**
+     * Class name of the loading icon element
+     */
+    ScrollerClasses["loadingIcon"] = "p-virtualscroller-loading-icon";
+})(ScrollerClasses || (ScrollerClasses = {}));
 
 /**
  * Scroller is a performance-approach to handle huge data efficiently.
@@ -443,7 +475,7 @@ class Scroller extends BaseComponent {
         }
         return this._columns;
     }
-    _componentStyle = inject(VirtalScrollerStyle);
+    _componentStyle = inject(ScrollerStyle);
     constructor(zone) {
         super();
         this.zone = zone;
@@ -947,8 +979,8 @@ class Scroller extends BaseComponent {
                 if (this.d_loading && this.showLoader && (!this._lazy || this._loading === undefined)) {
                     this.d_loading = false;
                     this.page = this.getPageByFirst();
-                    this.cd.detectChanges();
                 }
+                this.cd.detectChanges();
             }, this._delay);
         }
         else {
@@ -1048,7 +1080,7 @@ class Scroller extends BaseComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: Scroller, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: Scroller, selector: "p-scroller", inputs: { id: "id", style: "style", styleClass: "styleClass", tabindex: "tabindex", items: "items", itemSize: "itemSize", scrollHeight: "scrollHeight", scrollWidth: "scrollWidth", orientation: "orientation", step: "step", delay: "delay", resizeDelay: "resizeDelay", appendOnly: "appendOnly", inline: "inline", lazy: "lazy", disabled: "disabled", loaderDisabled: "loaderDisabled", columns: "columns", showSpacer: "showSpacer", showLoader: "showLoader", numToleratedItems: "numToleratedItems", loading: "loading", autoSize: "autoSize", trackBy: "trackBy", options: "options" }, outputs: { onLazyLoad: "onLazyLoad", onScroll: "onScroll", onScrollIndexChange: "onScrollIndexChange" }, providers: [VirtalScrollerStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "elementViewChild", first: true, predicate: ["element"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: Scroller, selector: "p-scroller", inputs: { id: "id", style: "style", styleClass: "styleClass", tabindex: "tabindex", items: "items", itemSize: "itemSize", scrollHeight: "scrollHeight", scrollWidth: "scrollWidth", orientation: "orientation", step: "step", delay: "delay", resizeDelay: "resizeDelay", appendOnly: "appendOnly", inline: "inline", lazy: "lazy", disabled: "disabled", loaderDisabled: "loaderDisabled", columns: "columns", showSpacer: "showSpacer", showLoader: "showLoader", numToleratedItems: "numToleratedItems", loading: "loading", autoSize: "autoSize", trackBy: "trackBy", options: "options" }, outputs: { onLazyLoad: "onLazyLoad", onScroll: "onScroll", onScrollIndexChange: "onScrollIndexChange" }, providers: [ScrollerStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "elementViewChild", first: true, predicate: ["element"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container *ngIf="!_disabled; else disabledContainer">
             <div
                 #element
@@ -1219,7 +1251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
     `,
                     changeDetection: ChangeDetectionStrategy.Default,
                     encapsulation: ViewEncapsulation.None,
-                    providers: [VirtalScrollerStyle],
+                    providers: [ScrollerStyle],
                 }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { id: [{
                 type: Input
@@ -1305,5 +1337,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Scroller, ScrollerModule };
+export { Scroller, ScrollerClasses, ScrollerModule, ScrollerStyle };
 //# sourceMappingURL=primeng-scroller.mjs.map