cax-design-system 1.0.0

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

@@ -0,0 +1,395 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, signal, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from 'cax-design-system/api';
+import { CaxTemplate, SharedModule } from 'cax-design-system/api';
+import { BanIcon } from 'cax-design-system/icons/ban';
+import { StarIcon } from 'cax-design-system/icons/star';
+import { StarFillIcon } from 'cax-design-system/icons/starfill';
+import { DomHandler } from 'cax-design-system/dom';
+import { UniqueComponentId } from 'cax-design-system/utils';
+import { AutoFocusModule } from 'cax-design-system/autofocus';
+
+const RATING_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => Rating),
+    multi: true
+};
+/**
+ * Rating is an extension to standard radio button element with theming.
+ * @group Components
+ */
+class Rating {
+    cd;
+    config;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled;
+    /**
+     * When present, changing the value is not possible.
+     * @group Props
+     */
+    readonly;
+    /**
+     * Number of stars.
+     * @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
+     */
+    iconOnClass;
+    /**
+     * Inline style of the on icon.
+     * @group Props
+     */
+    iconOnStyle;
+    /**
+     * Style class of the off icon.
+     * @group Props
+     */
+    iconOffClass;
+    /**
+     * Inline style of the off icon.
+     * @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
+     */
+    autofocus;
+    /**
+     * Emitted on value change.
+     * @param {RatingRateEvent} value - Custom rate event.
+     * @group Emits
+     */
+    onRate = new EventEmitter();
+    /**
+     * Emitted when the rating is cancelled.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onCancel = new EventEmitter();
+    /**
+     * Emitted when the rating receives focus.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Emitted when the rating loses focus.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onBlur = new EventEmitter();
+    templates;
+    onIconTemplate;
+    offIconTemplate;
+    cancelIconTemplate;
+    value;
+    onModelChange = () => { };
+    onModelTouched = () => { };
+    starsArray;
+    isFocusVisibleItem = true;
+    focusedOptionIndex = signal(-1);
+    name;
+    constructor(cd, config) {
+        this.cd = cd;
+        this.config = config;
+    }
+    ngOnInit() {
+        this.name = this.name || UniqueComponentId();
+        this.starsArray = [];
+        for (let i = 0; i < this.stars; i++) {
+            this.starsArray[i] = i;
+        }
+    }
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'onicon':
+                    this.onIconTemplate = item.template;
+                    break;
+                case 'officon':
+                    this.offIconTemplate = item.template;
+                    break;
+                case 'cancelicon':
+                    this.cancelIconTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    onOptionClick(event, value) {
+        if (!this.readonly && !this.disabled) {
+            this.onOptionSelect(event, value);
+            this.isFocusVisibleItem = false;
+            const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget, '');
+            firstFocusableEl && DomHandler.focus(firstFocusableEl);
+        }
+    }
+    onOptionSelect(event, value) {
+        this.focusedOptionIndex.set(value);
+        this.updateModel(event, value || null);
+    }
+    onChange(event, value) {
+        this.onOptionSelect(event, value);
+        this.isFocusVisibleItem = true;
+    }
+    onInputBlur(event) {
+        this.focusedOptionIndex.set(-1);
+        this.onBlur.emit(event);
+    }
+    onInputFocus(event, value) {
+        this.focusedOptionIndex.set(value);
+        this.onFocus.emit(event);
+    }
+    updateModel(event, value) {
+        this.value = value;
+        this.onModelChange(this.value);
+        this.onModelTouched();
+        if (!value) {
+            this.onCancel.emit();
+        }
+        else {
+            this.onRate.emit({
+                originalEvent: event,
+                value
+            });
+        }
+    }
+    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);
+    }
+    getIconTemplate(i) {
+        return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate;
+    }
+    writeValue(value) {
+        this.value = value;
+        this.cd.detectChanges();
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onModelTouched = fn;
+    }
+    setDisabledState(val) {
+        this.disabled = val;
+        this.cd.markForCheck();
+    }
+    get isCustomIcon() {
+        return this.templates && this.templates.length > 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Rating, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", 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: { 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">
+                    <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                        <input
+                            type="radio"
+                            value="0"
+                            [name]="name"
+                            [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-item" [ngClass]="{ 'p-rating-item-active': star + 1 <= value, 'p-focus': star + 1 === focusedOptionIndex() && isFocusVisibleItem }" (click)="onOptionClick($event, star + 1)">
+                        <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                            <input
+                                type="radio"
+                                value="0"
+                                [name]="name"
+                                [checked]="value === 0"
+                                [disabled]="disabled"
+                                [readonly]="readonly"
+                                [attr.aria-label]="starAriaLabel(star + 1)"
+                                (focus)="onInputFocus($event, star + 1)"
+                                (blur)="onInputBlur($event)"
+                                (change)="onChange($event, star + 1)"
+                                pAutoFocus
+                                [autofocus]="autofocus"
+                            />
+                        </span>
+                        <ng-container *ngIf="!value || i >= value">
+                            <span class="p-rating-icon" *ngIf="iconOffClass" [ngStyle]="iconOffStyle" [ngClass]="iconOffClass" [attr.data-pc-section]="'offIcon'"></span>
+                            <StarIcon *ngIf="!iconOffClass" [ngStyle]="iconOffStyle" [styleClass]="'p-rating-icon'" [attr.data-pc-section]="'offIcon'" />
+                        </ng-container>
+                        <ng-container *ngIf="value && i < value">
+                            <span class="p-rating-icon p-rating-icon-active" *ngIf="iconOnClass" [ngStyle]="iconOnStyle" [ngClass]="iconOnClass" [attr.data-pc-section]="'onIcon'"></span>
+                            <StarFillIcon *ngIf="!iconOnClass" [ngStyle]="iconOnStyle" [styleClass]="'p-rating-icon p-rating-icon-active'" [attr.data-pc-section]="'onIcon'" />
+                        </ng-container>
+                    </div>
+                </ng-template>
+            </ng-container>
+            <ng-template #customTemplate>
+                <span *ngIf="cancel" (click)="onOptionClick($event, 0)" class="p-rating-icon p-rating-cancel" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'">
+                    <ng-container *ngTemplateOutlet="cancelIconTemplate"></ng-container>
+                </span>
+                <span *ngFor="let star of starsArray; let i = index" class="p-rating-icon" (click)="onOptionClick($event, star + 1)" [attr.data-pc-section]="'onIcon'">
+                    <ng-container *ngTemplateOutlet="getIconTemplate(i)"></ng-container>
+                </span>
+            </ng-template>
+        </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: "18.2.9", 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'">
+            <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">
+                    <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                        <input
+                            type="radio"
+                            value="0"
+                            [name]="name"
+                            [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-item" [ngClass]="{ 'p-rating-item-active': star + 1 <= value, 'p-focus': star + 1 === focusedOptionIndex() && isFocusVisibleItem }" (click)="onOptionClick($event, star + 1)">
+                        <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                            <input
+                                type="radio"
+                                value="0"
+                                [name]="name"
+                                [checked]="value === 0"
+                                [disabled]="disabled"
+                                [readonly]="readonly"
+                                [attr.aria-label]="starAriaLabel(star + 1)"
+                                (focus)="onInputFocus($event, star + 1)"
+                                (blur)="onInputBlur($event)"
+                                (change)="onChange($event, star + 1)"
+                                pAutoFocus
+                                [autofocus]="autofocus"
+                            />
+                        </span>
+                        <ng-container *ngIf="!value || i >= value">
+                            <span class="p-rating-icon" *ngIf="iconOffClass" [ngStyle]="iconOffStyle" [ngClass]="iconOffClass" [attr.data-pc-section]="'offIcon'"></span>
+                            <StarIcon *ngIf="!iconOffClass" [ngStyle]="iconOffStyle" [styleClass]="'p-rating-icon'" [attr.data-pc-section]="'offIcon'" />
+                        </ng-container>
+                        <ng-container *ngIf="value && i < value">
+                            <span class="p-rating-icon p-rating-icon-active" *ngIf="iconOnClass" [ngStyle]="iconOnStyle" [ngClass]="iconOnClass" [attr.data-pc-section]="'onIcon'"></span>
+                            <StarFillIcon *ngIf="!iconOnClass" [ngStyle]="iconOnStyle" [styleClass]="'p-rating-icon p-rating-icon-active'" [attr.data-pc-section]="'onIcon'" />
+                        </ng-container>
+                    </div>
+                </ng-template>
+            </ng-container>
+            <ng-template #customTemplate>
+                <span *ngIf="cancel" (click)="onOptionClick($event, 0)" class="p-rating-icon p-rating-cancel" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'">
+                    <ng-container *ngTemplateOutlet="cancelIconTemplate"></ng-container>
+                </span>
+                <span *ngFor="let star of starsArray; let i = index" class="p-rating-icon" (click)="onOptionClick($event, star + 1)" [attr.data-pc-section]="'onIcon'">
+                    <ng-container *ngTemplateOutlet="getIconTemplate(i)"></ng-container>
+                </span>
+            </ng-template>
+        </div>
+    `, providers: [RATING_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cax-element'
+                    }, 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"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], readonly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], stars: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], cancel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], iconOnClass: [{
+                type: Input
+            }], iconOnStyle: [{
+                type: Input
+            }], iconOffClass: [{
+                type: Input
+            }], iconOffStyle: [{
+                type: Input
+            }], iconCancelClass: [{
+                type: Input
+            }], iconCancelStyle: [{
+                type: Input
+            }], autofocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onRate: [{
+                type: Output
+            }], onCancel: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], templates: [{
+                type: ContentChildren,
+                args: [CaxTemplate]
+            }] } });
+class RatingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: RatingModule, declarations: [Rating], imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon], exports: [Rating, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RatingModule, imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RatingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon],
+                    exports: [Rating, SharedModule],
+                    declarations: [Rating]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RATING_VALUE_ACCESSOR, Rating, RatingModule };
+//# sourceMappingURL=cax-design-system-rating.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-rating.mjs","sources":["../../src/app/components/rating/rating.ts","../../src/app/components/rating/cax-design-system-rating.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, numberAttribute, OnInit, Output, QueryList, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { caxConfig, CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { BanIcon } from 'cax-design-system/icons/ban';\nimport { StarIcon } from 'cax-design-system/icons/star';\nimport { StarFillIcon } from 'cax-design-system/icons/starfill';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { RatingRateEvent } from './rating.interface';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { UniqueComponentId } from 'cax-design-system/utils';\nimport { AutoFocusModule } from 'cax-design-system/autofocus';\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        <div class=\"p-rating\" [ngClass]=\"{ 'p-readonly': readonly, 'p-disabled': disabled }\" [attr.data-pc-name]=\"'rating'\" [attr.data-pc-section]=\"'root'\">\n            <ng-container *ngIf=\"!isCustomIcon; else customTemplate\">\n                <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\">\n                    <span class=\"p-hidden-accessible\" [attr.data-p-hidden-accessible]=\"true\">\n                        <input\n                            type=\"radio\"\n                            value=\"0\"\n                            [name]=\"name\"\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 *ngIf=\"iconCancelClass\" class=\"p-rating-icon p-rating-cancel\" [ngClass]=\"iconCancelClass\" [ngStyle]=\"iconCancelStyle\"></span>\n                    <BanIcon *ngIf=\"!iconCancelClass\" [styleClass]=\"'p-rating-icon p-rating-cancel'\" [ngStyle]=\"iconCancelStyle\" [attr.data-pc-section]=\"'cancelIcon'\" />\n                </div>\n                <ng-template ngFor [ngForOf]=\"starsArray\" let-star let-i=\"index\">\n                    <div class=\"p-rating-item\" [ngClass]=\"{ 'p-rating-item-active': star + 1 <= value, 'p-focus': star + 1 === focusedOptionIndex() && isFocusVisibleItem }\" (click)=\"onOptionClick($event, star + 1)\">\n                        <span class=\"p-hidden-accessible\" [attr.data-p-hidden-accessible]=\"true\">\n                            <input\n                                type=\"radio\"\n                                value=\"0\"\n                                [name]=\"name\"\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 class=\"p-rating-icon\" *ngIf=\"iconOffClass\" [ngStyle]=\"iconOffStyle\" [ngClass]=\"iconOffClass\" [attr.data-pc-section]=\"'offIcon'\"></span>\n                            <StarIcon *ngIf=\"!iconOffClass\" [ngStyle]=\"iconOffStyle\" [styleClass]=\"'p-rating-icon'\" [attr.data-pc-section]=\"'offIcon'\" />\n                        </ng-container>\n                        <ng-container *ngIf=\"value && i < value\">\n                            <span class=\"p-rating-icon p-rating-icon-active\" *ngIf=\"iconOnClass\" [ngStyle]=\"iconOnStyle\" [ngClass]=\"iconOnClass\" [attr.data-pc-section]=\"'onIcon'\"></span>\n                            <StarFillIcon *ngIf=\"!iconOnClass\" [ngStyle]=\"iconOnStyle\" [styleClass]=\"'p-rating-icon p-rating-icon-active'\" [attr.data-pc-section]=\"'onIcon'\" />\n                        </ng-container>\n                    </div>\n                </ng-template>\n            </ng-container>\n            <ng-template #customTemplate>\n                <span *ngIf=\"cancel\" (click)=\"onOptionClick($event, 0)\" class=\"p-rating-icon p-rating-cancel\" [ngStyle]=\"iconCancelStyle\" [attr.data-pc-section]=\"'cancelIcon'\">\n                    <ng-container *ngTemplateOutlet=\"cancelIconTemplate\"></ng-container>\n                </span>\n                <span *ngFor=\"let star of starsArray; let i = index\" class=\"p-rating-icon\" (click)=\"onOptionClick($event, star + 1)\" [attr.data-pc-section]=\"'onIcon'\">\n                    <ng-container *ngTemplateOutlet=\"getIconTemplate(i)\"></ng-container>\n                </span>\n            </ng-template>\n        </div>\n    `,\n    providers: [RATING_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./rating.css'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Rating 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(CaxTemplate) templates!: QueryList<CaxTemplate>;\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    name: string | undefined;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private config: caxConfig\n    ) {}\n\n    ngOnInit() {\n        this.name = this.name || 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":";;;;;;;;;;;;;;AAaa,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;MAyEU,MAAM,CAAA;AAwGH,IAAA,EAAA,CAAA;AACA,IAAA,MAAA,CAAA;AAxGZ;;;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;AAE9C,IAAA,SAAS,CAA0B;AAEjE,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,IAAI,CAAqB;IAEzB,WACY,CAAA,EAAqB,EACrB,MAAiB,EAAA;QADjB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAmB;QACrB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;KACzB;IAEJ,QAAQ,GAAA;QACJ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;AAC7C,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;uGAnNQ,MAAM,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,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,CAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAKhB,eAAe,CAKf,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,gBAAgB,CAmChB,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,EAAA,gBAAgB,oJA/DzB,CAAC,qBAAqB,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAyFjB,WAAW,EAvJlB,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,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,MAgOwC,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;;2FAvN/D,MAAM,EAAA,UAAA,EAAA,CAAA;kBAxElB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACV,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6DT,EACU,SAAA,EAAA,CAAC,qBAAqB,CAAC,EACjB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAE/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,aAAa;AACvB,qBAAA,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,EAAA,CAAA;8GAOuC,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;gBAEuB,SAAS,EAAA,CAAA;sBAAtC,eAAe;uBAAC,WAAW,CAAA;;MA0InB,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,EA3NZ,YAAA,EAAA,CAAA,MAAM,CAuNL,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAvN/D,EAAA,OAAA,EAAA,CAAA,MAAM,EAwNG,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;;;ACxTD;;AAEG;;;;"}

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

@@ -0,0 +1,149 @@
+import { isPlatformBrowser, DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { PLATFORM_ID, Directive, Inject, Optional, NgModule } from '@angular/core';
+import { DomHandler } from 'cax-design-system/dom';
+import * as i1 from 'cax-design-system/api';
+
+/**
+ * Ripple directive adds ripple effect to the host element.
+ * @group Components
+ */
+class Ripple {
+    document;
+    platformId;
+    renderer;
+    el;
+    zone;
+    config;
+    constructor(document, platformId, renderer, el, zone, config) {
+        this.document = document;
+        this.platformId = platformId;
+        this.renderer = renderer;
+        this.el = el;
+        this.zone = zone;
+        this.config = config;
+    }
+    animationListener;
+    mouseDownListener;
+    timeout;
+    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();
+        if (!ink || this.document.defaultView?.getComputedStyle(ink, null).display === 'none') {
+            return;
+        }
+        DomHandler.removeClass(ink, 'cax-ink-active');
+        if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {
+            let d = Math.max(DomHandler.getOuterWidth(this.el.nativeElement), DomHandler.getOuterHeight(this.el.nativeElement));
+            ink.style.height = d + 'px';
+            ink.style.width = d + 'px';
+        }
+        let offset = DomHandler.getOffset(this.el.nativeElement);
+        let x = event.pageX - offset.left + this.document.body.scrollTop - DomHandler.getWidth(ink) / 2;
+        let y = event.pageY - offset.top + this.document.body.scrollLeft - DomHandler.getHeight(ink) / 2;
+        this.renderer.setStyle(ink, 'top', y + 'px');
+        this.renderer.setStyle(ink, 'left', x + 'px');
+        DomHandler.addClass(ink, 'cax-ink-active');
+        this.timeout = setTimeout(() => {
+            let ink = this.getInk();
+            if (ink) {
+                DomHandler.removeClass(ink, 'cax-ink-active');
+            }
+        }, 401);
+    }
+    getInk() {
+        const children = this.el.nativeElement.children;
+        for (let i = 0; i < children.length; i++) {
+            if (typeof children[i].className === 'string' && children[i].className.indexOf('cax-ink') !== -1) {
+                return children[i];
+            }
+        }
+        return null;
+    }
+    resetInk() {
+        let ink = this.getInk();
+        if (ink) {
+            DomHandler.removeClass(ink, 'cax-ink-active');
+        }
+    }
+    onAnimationEnd(event) {
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+        }
+        DomHandler.removeClass(event.currentTarget, 'cax-ink-active');
+    }
+    create() {
+        let ink = this.renderer.createElement('span');
+        this.renderer.addClass(ink, 'cax-ink');
+        this.renderer.appendChild(this.el.nativeElement, ink);
+        this.renderer.setAttribute(ink, 'aria-hidden', 'true');
+        this.renderer.setAttribute(ink, 'role', 'presentation');
+        if (!this.animationListener) {
+            this.animationListener = this.renderer.listen(ink, 'animationend', this.onAnimationEnd.bind(this));
+        }
+    }
+    remove() {
+        let ink = this.getInk();
+        if (ink) {
+            this.mouseDownListener && this.mouseDownListener();
+            this.animationListener && this.animationListener();
+            this.mouseDownListener = null;
+            this.animationListener = null;
+            DomHandler.removeElement(ink);
+        }
+    }
+    ngOnDestroy() {
+        if (this.config && this.config.ripple) {
+            this.remove();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Ripple, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.caxConfig, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: Ripple, isStandalone: true, selector: "[caxRipple]", host: { classAttribute: "cax-ripple cax-element" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Ripple, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[caxRipple]',
+                    standalone: true,
+                    host: {
+                        class: 'cax-ripple cax-element'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.caxConfig, decorators: [{
+                    type: Optional
+                }] }] });
+
+class RippleModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: RippleModule, imports: [Ripple], exports: [Ripple] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RippleModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RippleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Ripple],
+                    exports: [Ripple]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Ripple, RippleModule };
+//# sourceMappingURL=cax-design-system-ripple.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cax-design-system-ripple.mjs","sources":["../../src/app/components/ripple/ripple.ts","../../src/app/components/ripple/ripple.module.ts","../../src/app/components/ripple/cax-design-system-ripple.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Directive, ElementRef, Inject, NgModule, NgZone, OnDestroy, Optional, PLATFORM_ID, Renderer2 } from '@angular/core';\nimport { caxConfig } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { VoidListener } from 'cax-design-system/ts-helpers';\n/**\n * Ripple directive adds ripple effect to the host element.\n * @group Components\n */\n@Directive({\n    selector: '[caxRipple]',\n    standalone: true,\n    host: {\n        class: 'cax-ripple cax-element'\n    }\n})\nexport class Ripple implements AfterViewInit, OnDestroy {\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        @Inject(PLATFORM_ID) private platformId: any,\n        private renderer: Renderer2,\n        public el: ElementRef,\n        public zone: NgZone,\n        @Optional() public config: caxConfig\n    ) {}\n\n    animationListener: VoidListener;\n\n    mouseDownListener: VoidListener;\n\n    timeout: any;\n\n    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, 'cax-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, 'cax-ink-active');\n\n        this.timeout = setTimeout(() => {\n            let ink = this.getInk();\n            if (ink) {\n                DomHandler.removeClass(ink, 'cax-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('cax-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, 'cax-ink-active');\n        }\n    }\n\n    onAnimationEnd(event: Event) {\n        if (this.timeout) {\n            clearTimeout(this.timeout);\n        }\n        DomHandler.removeClass(event.currentTarget, 'cax-ink-active');\n    }\n\n    create() {\n        let ink = this.renderer.createElement('span');\n        this.renderer.addClass(ink, 'cax-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}\n","import { NgModule } from '@angular/core';\nimport { Ripple } from './ripple';\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":";;;;;;AAKA;;;AAGG;MAQU,MAAM,CAAA;AAEe,IAAA,QAAA,CAAA;AACG,IAAA,UAAA,CAAA;AACrB,IAAA,QAAA,CAAA;AACD,IAAA,EAAA,CAAA;AACA,IAAA,IAAA,CAAA;AACY,IAAA,MAAA,CAAA;IANvB,WAC8B,CAAA,QAAkB,EACf,UAAe,EACpC,QAAmB,EACpB,EAAc,EACd,IAAY,EACA,MAAiB,EAAA;QALV,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QACf,IAAU,CAAA,UAAA,GAAV,UAAU,CAAK;QACpC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACpB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAY;QACd,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAQ;QACA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;KACpC;AAEJ,IAAA,iBAAiB,CAAe;AAEhC,IAAA,iBAAiB,CAAe;AAEhC,IAAA,OAAO,CAAM;IAEb,eAAe,GAAA;AACX,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACpC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AACnC,gBAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;oBAC7B,IAAI,CAAC,MAAM,EAAE,CAAC;oBACd,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACnH,iBAAC,CAAC,CAAC;aACN;SACJ;KACJ;AAED,IAAA,WAAW,CAAC,KAAiB,EAAA;AACzB,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,MAAM,EAAE;YACnF,OAAO;SACV;AAED,QAAA,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AAC9C,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACzD,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;YACpH,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;YAC5B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC;SAC9B;AAED,QAAA,IAAI,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;QACzD,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAChG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjG,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;AAC9C,QAAA,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AAE3C,QAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AAC3B,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,GAAG,EAAE;AACL,gBAAA,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;aACjD;SACJ,EAAE,GAAG,CAAC,CAAC;KACX;IAED,MAAM,GAAA;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC;AAChD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;AAC9F,gBAAA,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;aACtB;SACJ;AACD,QAAA,OAAO,IAAI,CAAC;KACf;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,GAAG,EAAE;AACL,YAAA,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;SACjD;KACJ;AAED,IAAA,cAAc,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9B;QACD,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;KACjE;IAED,MAAM,GAAA;QACF,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;AACvC,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;QACtD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAExD,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACzB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACtG;KACJ;IAED,MAAM,GAAA;AACF,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,GAAG,EAAE;AACL,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACnD,YAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACnD,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAE9B,YAAA,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACjC;KACJ;IAED,WAAW,GAAA;QACP,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YACnC,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;KACJ;uGA5GQ,MAAM,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAEH,QAAQ,EAAA,EAAA,EAAA,KAAA,EACR,WAAW,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAHd,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAN,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,wBAAwB;AAClC,qBAAA;AACJ,iBAAA,CAAA;;0BAGQ,MAAM;2BAAC,QAAQ,CAAA;;0BACf,MAAM;2BAAC,WAAW,CAAA;;0BAIlB,QAAQ;;;MChBJ,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAZ,YAAY,EAAA,OAAA,EAAA,CAHX,MAAM,CAAA,EAAA,OAAA,EAAA,CACN,MAAM,CAAA,EAAA,CAAA,CAAA;wGAEP,YAAY,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,OAAO,EAAE,CAAC,MAAM,CAAC;AACpB,iBAAA,CAAA;;;ACND;;AAEG;;;;"}