primeng 22.1.0 → 22.1.1

package/fesm2022/primeng-cascadeselect.mjs

@@ -2,8 +2,8 @@ import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, input, numberAttribute, booleanAttribute, signal, output, inject, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component, forwardRef, computed, viewChild, contentChild, HostListener, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { resolveFieldData, isNotEmpty, equals, nestedPosition, uuid, isPrintableCharacter, isEmpty, findSingle, findLastIndex, focus } from '@primeuix/utils';
-import { SharedModule, TranslationKeys, OverlayService } from 'primeng/api';
+import { resolveFieldData, isNotEmpty, equals, nestedPosition, uuid, isEmpty, isPrintableCharacter, findSingle, findLastIndex, focus } from '@primeuix/utils';
+import { SharedModule, OverlayService, TranslationKeys } from 'primeng/api';
 import { AutoFocus } from 'primeng/autofocus';
 import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
@@ -81,10 +81,10 @@ class CascadeSelectStyle extends BaseStyle {
     style = style;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -292,8 +292,8 @@ class CascadeSelectSub extends BaseComponent {
             nestedPosition(sublist, this.level() + 1);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectSub, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: CascadeSelectSub, isStandalone: true, selector: "ul[pCascadeSelectSub]", inputs: { selectId: { classPropertyName: "selectId", publicName: "selectId", isSignal: true, isRequired: false, transformFunction: null }, activeOptionPath: { classPropertyName: "activeOptionPath", publicName: "activeOptionPath", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusedOptionId: { classPropertyName: "focusedOptionId", publicName: "focusedOptionId", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, groupicon: { classPropertyName: "groupicon", publicName: "groupicon", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onFocusChange: "onFocusChange", onFocusEnterChange: "onFocusEnterChange" }, providers: [CascadeSelectStyle, { provide: PARENT_INSTANCE, useExisting: CascadeSelectSub }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectSub, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: CascadeSelectSub, isStandalone: true, selector: "ul[pCascadeSelectSub]", inputs: { selectId: { classPropertyName: "selectId", publicName: "selectId", isSignal: true, isRequired: false, transformFunction: null }, activeOptionPath: { classPropertyName: "activeOptionPath", publicName: "activeOptionPath", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusedOptionId: { classPropertyName: "focusedOptionId", publicName: "focusedOptionId", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, groupicon: { classPropertyName: "groupicon", publicName: "groupicon", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onFocusChange: "onFocusChange", onFocusEnterChange: "onFocusEnterChange" }, providers: [CascadeSelectStyle, { provide: PARENT_INSTANCE, useExisting: CascadeSelectSub }], usesInheritance: true, ngImport: i0, template: `
         @for (processedOption of options(); track processedOption.key; let i = $index) {
             <li
                 [class]="cx('option', { processedOption })"
@@ -365,7 +365,7 @@ class CascadeSelectSub extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: CascadeSelectSub, selector: "ul[pCascadeSelectSub]", inputs: ["selectId", "activeOptionPath", "optionDisabled", "focusedOptionId", "options", "optionGroupChildren", "optionTemplate", "groupicon", "level", "optionLabel", "optionValue", "optionGroupLabel", "dirty", "root", "motionOptions"], outputs: ["onChange", "onFocusChange", "onFocusEnterChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: AngleRight, selector: "svg[data-p-icon=\"angle-right\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i1.MotionDirective, selector: "[pMotion]", inputs: ["pMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectSub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectSub, decorators: [{
             type: Component,
             args: [{
                     selector: 'ul[pCascadeSelectSub]',
@@ -461,9 +461,6 @@ class CascadeSelect extends BaseEditableHolder {
     componentName = 'CascadeSelect';
     $pcCascadeSelect = inject(CASCADESELECT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
     _internalId = uuid('pn_id_');
     /**
      * Unique identifier of the component
@@ -840,6 +837,48 @@ class CascadeSelect extends BaseEditableHolder {
     get hasFluid() {
         return this.fluid() ?? !!this.pcFluid;
     }
+    visibleOptions = computed(() => {
+        const processedOption = this.activeOptionPath().find((p) => p.key === this.focusedOptionInfo().parentKey);
+        return processedOption ? (processedOption.children ?? []) : this.processedOptions;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleOptions" }] : /* istanbul ignore next */ []));
+    label = computed(() => {
+        const label = this.placeholder() || 'p-emptylabel';
+        if (this.hasSelectedOption()) {
+            const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null);
+            const processedOption = isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null;
+            return processedOption ? this.getOptionLabel(processedOption.option) : label;
+        }
+        return label;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    matchMediaListener;
+    overlayService = inject(OverlayService);
+    constructor() {
+        super();
+        effect(() => {
+            const activeOptionPath = this.activeOptionPath();
+            if (isNotEmpty(activeOptionPath)) {
+                this.overlayViewChild()?.alignOverlay();
+            }
+        });
+        effect(() => {
+            const options = this.options();
+            const optionsArray = Array.isArray(options) ? options : [];
+            this.processedOptions = this.createProcessedOptions(optionsArray);
+            if (!isEmpty(untracked(() => this.modelValue()))) {
+                this.updateModel(null);
+            }
+        });
+    }
+    query;
+    queryMatches = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "queryMatches" }] : /* istanbul ignore next */ []));
+    mobileActive = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mobileActive" }] : /* istanbul ignore next */ []));
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
     onHostClick(event) {
         this.onContainerClick(event);
     }
@@ -870,27 +909,12 @@ class CascadeSelect extends BaseEditableHolder {
     get selectedMessageText() {
         return this.hasSelectedOption() ? this.selectionMessageText.replaceAll('{0}', '1') : this.emptySelectionMessageText;
     }
-    visibleOptions = computed(() => {
-        const processedOption = this.activeOptionPath().find((p) => p.key === this.focusedOptionInfo().parentKey);
-        return processedOption ? (processedOption.children ?? []) : this.processedOptions;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visibleOptions" }] : /* istanbul ignore next */ []));
-    label = computed(() => {
-        const label = this.placeholder() || 'p-emptylabel';
-        if (this.hasSelectedOption()) {
-            const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null);
-            const processedOption = isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null;
-            return processedOption ? this.getOptionLabel(processedOption.option) : label;
-        }
-        return label;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hasSelectedOption() {
         return isNotEmpty(this.modelValue());
     }
     createProcessedOptions(options, level = 0, parent = {}, parentKey = '') {
         const processedOptions = [];
-        options &&
+        if (options) {
             options.forEach((option, index) => {
                 const key = (parentKey !== '' ? parentKey + '_' : '') + index;
                 const newOption = {
@@ -904,6 +928,7 @@ class CascadeSelect extends BaseEditableHolder {
                 newOption.children = this.createProcessedOptions(this.getOptionGroupChildren(option, level), level + 1, newOption, key);
                 processedOptions.push(newOption);
             });
+        }
         return processedOptions;
     }
     onInputFocus(event) {
@@ -970,7 +995,9 @@ class CascadeSelect extends BaseEditableHolder {
                 break;
             default:
                 if (!metaKey && isPrintableCharacter(event.key)) {
-                    !this.overlayVisible() && this.show();
+                    if (!this.overlayVisible()) {
+                        this.show();
+                    }
                     this.searchOptions(event, event.key);
                 }
                 break;
@@ -992,15 +1019,21 @@ class CascadeSelect extends BaseEditableHolder {
             if (this.focusedOptionInfo().index !== -1) {
                 const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
                 const grouped = this.isProccessedOptionGroup(processedOption);
-                !grouped && this.onOptionChange({ originalEvent: event, processedOption });
+                if (!grouped) {
+                    this.onOptionChange({ originalEvent: event, processedOption });
+                }
+            }
+            if (this.overlayVisible()) {
+                this.hide();
             }
-            this.overlayVisible() && this.hide();
             event.preventDefault();
         }
         else {
             const optionIndex = this.focusedOptionInfo().index !== -1 ? this.findPrevOptionIndex(this.focusedOptionInfo().index) : this.clicked() ? this.findLastOptionIndex() : this.findLastFocusedOptionIndex();
             this.changeFocusedOptionIndex(event, optionIndex, true);
-            !this.overlayVisible() && this.show();
+            if (!this.overlayVisible()) {
+                this.show();
+            }
             event.preventDefault();
         }
     }
@@ -1042,12 +1075,16 @@ class CascadeSelect extends BaseEditableHolder {
     }
     onHomeKey(event) {
         this.changeFocusedOptionIndex(event, this.findFirstOptionIndex());
-        !this.overlayVisible() && this.show();
+        if (!this.overlayVisible()) {
+            this.show();
+        }
         event.preventDefault();
     }
     onEndKey(event) {
         this.changeFocusedOptionIndex(event, this.findLastOptionIndex());
-        !this.overlayVisible() && this.show();
+        if (!this.overlayVisible()) {
+            this.show();
+        }
         event.preventDefault();
     }
     onEnterKey(event) {
@@ -1060,7 +1097,9 @@ class CascadeSelect extends BaseEditableHolder {
                 const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
                 const grouped = this.isProccessedOptionGroup(processedOption);
                 this.onOptionClick({ originalEvent: event, processedOption });
-                !grouped && this.hide();
+                if (!grouped) {
+                    this.hide();
+                }
             }
         }
         event.preventDefault();
@@ -1069,16 +1108,22 @@ class CascadeSelect extends BaseEditableHolder {
         this.onEnterKey(event);
     }
     onEscapeKey(event) {
-        this.overlayVisible() && this.hide(event, true);
+        if (this.overlayVisible()) {
+            this.hide(event, true);
+        }
         event.preventDefault();
     }
     onTabKey(event) {
         if (this.focusedOptionInfo().index !== -1) {
             const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
             const grouped = this.isProccessedOptionGroup(processedOption);
-            !grouped && this.onOptionChange({ originalEvent: event, processedOption });
+            if (!grouped) {
+                this.onOptionChange({ originalEvent: event, processedOption });
+            }
+        }
+        if (this.overlayVisible()) {
+            this.hide();
         }
-        this.overlayVisible() && this.hide();
     }
     onBackspaceKey(event) {
         if (isNotEmpty(this.modelValue()) && this.showClear()) {
@@ -1108,14 +1153,18 @@ class CascadeSelect extends BaseEditableHolder {
                 processedOption: this.visibleOptions()[this.focusedOptionInfo().index],
                 isHide: false
             });
-            !this.overlayVisible() && this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' });
+            if (!this.overlayVisible()) {
+                this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' });
+            }
         }
     }
     scrollInView(index = -1) {
         const id = index !== -1 ? `${this.$id()}_${index}` : this.focusedOptionId;
         const element = findSingle(this.panelViewChild()?.nativeElement, `li[id="${id}"]`);
         if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
+            if (element.scrollIntoView) {
+                element.scrollIntoView({ block: 'nearest', inline: 'start' });
+            }
         }
     }
     changeFocusedOptionIndex(event, index, preventSelection) {
@@ -1131,7 +1180,6 @@ class CascadeSelect extends BaseEditableHolder {
             }
         }
     }
-    matchMediaListener;
     onOptionSelect(event) {
         const { originalEvent, value, isHide } = event;
         const newValue = this.getOptionValue(value);
@@ -1139,7 +1187,9 @@ class CascadeSelect extends BaseEditableHolder {
         activeOptionPath.forEach((p) => (p.selected = true));
         this.activeOptionPath.set(activeOptionPath);
         this.updateModel(newValue, originalEvent);
-        isHide && this.hide(event, true);
+        if (isHide) {
+            this.hide(event, true);
+        }
     }
     onOptionGroupSelect(event) {
         this.dirty.set(true);
@@ -1269,7 +1319,9 @@ class CascadeSelect extends BaseEditableHolder {
         this.hideTimeout = setTimeout(() => {
             this.overlayVisible.set(false);
             this.clicked.set(false);
-            isFocus && focus(this.focusInputViewChild()?.nativeElement);
+            if (isFocus) {
+                focus(this.focusInputViewChild()?.nativeElement);
+            }
             this.onHide.emit(event);
         }, 0); // For ScreenReaders
     }
@@ -1291,7 +1343,9 @@ class CascadeSelect extends BaseEditableHolder {
             focusedOptionInfo = { index: this.autoOptionFocus() ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex(), level: 0, parentKey: '' };
         }
         this.focusedOptionInfo.set(focusedOptionInfo);
-        isFocus && focus(this.focusInputViewChild()?.nativeElement);
+        if (isFocus) {
+            focus(this.focusInputViewChild()?.nativeElement);
+        }
     }
     clear(event) {
         if (isNotEmpty(this.modelValue()) && this.showClear()) {
@@ -1300,7 +1354,9 @@ class CascadeSelect extends BaseEditableHolder {
             this.activeOptionPath.set([]);
             this.onClear.emit(event);
         }
-        event && event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
     }
     getOptionLabel(option) {
         const optionLabel = this.optionLabel();
@@ -1329,29 +1385,6 @@ class CascadeSelect extends BaseEditableHolder {
         const grouped = this.isProccessedOptionGroup(processedOption);
         return grouped ? this.getOptionGroupLabel(processedOption.option) : this.getOptionLabel(processedOption.option);
     }
-    overlayService = inject(OverlayService);
-    constructor() {
-        super();
-        effect(() => {
-            const activeOptionPath = this.activeOptionPath();
-            if (isNotEmpty(activeOptionPath)) {
-                this.overlayViewChild()?.alignOverlay();
-            }
-        });
-        effect(() => {
-            const options = this.options();
-            const optionsArray = Array.isArray(options) ? options : [];
-            this.processedOptions = this.createProcessedOptions(optionsArray);
-            if (!isEmpty(untracked(() => this.modelValue()))) {
-                this.updateModel(null);
-            }
-        });
-    }
-    query;
-    queryMatches = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "queryMatches" }] : /* istanbul ignore next */ []));
-    mobileActive = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mobileActive" }] : /* istanbul ignore next */ []));
     onOptionChange(event) {
         const { processedOption, type } = event;
         if (isEmpty(processedOption))
@@ -1369,7 +1402,7 @@ class CascadeSelect extends BaseEditableHolder {
         this.activeOptionPath.set([...activeOptionPath]);
     }
     onOptionClick(event) {
-        const { originalEvent, processedOption, isFocus, isHide, preventSelection } = event;
+        const { originalEvent, processedOption, isFocus, preventSelection } = event;
         const { index, key, level, parentKey } = processedOption;
         const grouped = this.isProccessedOptionGroup(processedOption);
         const selected = this.isSelected(processedOption);
@@ -1393,7 +1426,9 @@ class CascadeSelect extends BaseEditableHolder {
                 }
             }
         }
-        isFocus && focus(this.focusInputViewChild()?.nativeElement);
+        if (isFocus) {
+            focus(this.focusInputViewChild()?.nativeElement);
+        }
     }
     onOptionMouseEnter(event) {
         if (this.focusOnHover()) {
@@ -1465,8 +1500,8 @@ class CascadeSelect extends BaseEditableHolder {
             this.unbindMatchMediaListener();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: CascadeSelect, isStandalone: true, selector: "p-cascadeselect, p-cascade-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, searchMessage: { classPropertyName: "searchMessage", publicName: "searchMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, selectionMessage: { classPropertyName: "selectionMessage", publicName: "selectionMessage", isSignal: true, isRequired: false, transformFunction: null }, emptySearchMessage: { classPropertyName: "emptySearchMessage", publicName: "emptySearchMessage", isSignal: true, isRequired: false, transformFunction: null }, emptySelectionMessage: { classPropertyName: "emptySelectionMessage", publicName: "emptySelectionMessage", isSignal: true, isRequired: false, transformFunction: null }, searchLocale: { classPropertyName: "searchLocale", publicName: "searchLocale", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusOnHover: { classPropertyName: "focusOnHover", publicName: "focusOnHover", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, autoOptionFocus: { classPropertyName: "autoOptionFocus", publicName: "autoOptionFocus", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, inputLabel: { classPropertyName: "inputLabel", publicName: "inputLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, panelStyleClass: { classPropertyName: "panelStyleClass", publicName: "panelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onGroupChange: "onGroupChange", onShow: "onShow", onHide: "onHide", onClear: "onClear", onBeforeShow: "onBeforeShow", onBeforeHide: "onBeforeHide", onFocus: "onFocus", onBlur: "onBlur" }, host: { listeners: { "mousedown": "onHostClick($event)" }, properties: { "class": "cx('root')", "style": "sx('root')" } }, providers: [CASCADESELECT_VALUE_ACCESSOR, CascadeSelectStyle, { provide: PARENT_INSTANCE, useExisting: CascadeSelect }, { provide: CASCADESELECT_INSTANCE, useExisting: CascadeSelect }], queries: [{ propertyName: "valueTemplate", first: true, predicate: ["value"], isSignal: true }, { propertyName: "optionTemplate", first: true, predicate: ["option"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "triggerIconTemplate", first: true, predicate: ["triggericon"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "groupIconTemplate", first: true, predicate: ["optiongroupicon"], isSignal: true }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"], isSignal: true }], viewQueries: [{ propertyName: "focusInputViewChild", first: true, predicate: ["focusInput"], descendants: true, isSignal: true }, { propertyName: "panelViewChild", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: CascadeSelect, isStandalone: true, selector: "p-cascadeselect, p-cascade-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, searchMessage: { classPropertyName: "searchMessage", publicName: "searchMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, selectionMessage: { classPropertyName: "selectionMessage", publicName: "selectionMessage", isSignal: true, isRequired: false, transformFunction: null }, emptySearchMessage: { classPropertyName: "emptySearchMessage", publicName: "emptySearchMessage", isSignal: true, isRequired: false, transformFunction: null }, emptySelectionMessage: { classPropertyName: "emptySelectionMessage", publicName: "emptySelectionMessage", isSignal: true, isRequired: false, transformFunction: null }, searchLocale: { classPropertyName: "searchLocale", publicName: "searchLocale", isSignal: true, isRequired: false, transformFunction: null }, optionDisabled: { classPropertyName: "optionDisabled", publicName: "optionDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusOnHover: { classPropertyName: "focusOnHover", publicName: "focusOnHover", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, autoOptionFocus: { classPropertyName: "autoOptionFocus", publicName: "autoOptionFocus", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, inputLabel: { classPropertyName: "inputLabel", publicName: "inputLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, panelStyleClass: { classPropertyName: "panelStyleClass", publicName: "panelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onGroupChange: "onGroupChange", onShow: "onShow", onHide: "onHide", onClear: "onClear", onBeforeShow: "onBeforeShow", onBeforeHide: "onBeforeHide", onFocus: "onFocus", onBlur: "onBlur" }, host: { listeners: { "mousedown": "onHostClick($event)" }, properties: { "class": "cx('root')", "style": "sx('root')" } }, providers: [CASCADESELECT_VALUE_ACCESSOR, CascadeSelectStyle, { provide: PARENT_INSTANCE, useExisting: CascadeSelect }, { provide: CASCADESELECT_INSTANCE, useExisting: CascadeSelect }], queries: [{ propertyName: "valueTemplate", first: true, predicate: ["value"], isSignal: true }, { propertyName: "optionTemplate", first: true, predicate: ["option"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "triggerIconTemplate", first: true, predicate: ["triggericon"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "groupIconTemplate", first: true, predicate: ["optiongroupicon"], isSignal: true }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"], isSignal: true }], viewQueries: [{ propertyName: "focusInputViewChild", first: true, predicate: ["focusInput"], descendants: true, isSignal: true }, { propertyName: "panelViewChild", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.Bind }], ngImport: i0, template: `
         <div class="p-hidden-accessible" [pBind]="ptm('hiddenInputWrapper')">
             <input
                 #focusInput
@@ -1592,7 +1627,7 @@ class CascadeSelect extends BaseEditableHolder {
         </p-overlay>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Overlay, selector: "p-overlay", inputs: ["hostName", "visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "listener", "responsive", "options", "appendTo", "inline", "motionOptions", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: CascadeSelectSub, selector: "ul[pCascadeSelectSub]", inputs: ["selectId", "activeOptionPath", "optionDisabled", "focusedOptionId", "options", "optionGroupChildren", "optionTemplate", "groupicon", "level", "optionLabel", "optionValue", "optionGroupLabel", "dirty", "root", "motionOptions"], outputs: ["onChange", "onFocusChange", "onFocusEnterChange"] }, { kind: "component", type: ChevronDown, selector: "svg[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: Times, selector: "svg[data-p-icon=\"times\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-cascadeselect, p-cascade-select',
@@ -1737,11 +1772,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: ['mousedown', ['$event']]
             }] } });
 class CascadeSelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectModule, imports: [CascadeSelect, SharedModule], exports: [CascadeSelect, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectModule, imports: [CascadeSelect, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectModule, imports: [CascadeSelect, SharedModule], exports: [CascadeSelect, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectModule, imports: [CascadeSelect, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CascadeSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CascadeSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CascadeSelect, SharedModule],