@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-treeselect.mjs

@@ -1,24 +1,24 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, forwardRef, InjectionToken, inject, input, booleanAttribute, output, computed, viewChild, contentChild, signal, contentChildren, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { uuid, isNotEmpty, getFocusableElements, getFirstFocusableElement, focus, getLastFocusableElement } from '@gravionlabs/helix-core/uix/utils';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { AutoFocus } from '@gravionlabs/helix-core/autofocus';
-import { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Chip } from '@gravionlabs/helix-core/chip';
-import { Fluid } from '@gravionlabs/helix-core/fluid';
-import { TimesIcon, ChevronDownIcon } from '@gravionlabs/helix-core/icons';
-import { Overlay } from '@gravionlabs/helix-core/overlay';
-import { Tree } from '@gravionlabs/helix-core/tree';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-export * from '@gravionlabs/helix-core/types/treeselect';
-
-const style$1 = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, contentChildren, effect, forwardRef, inject, input, output, signal, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isNotEmpty, uuid } from "@gravionlabs/helix-core/uix/utils";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { AutoFocus } from "@gravionlabs/helix-core/autofocus";
+import { PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import { BaseEditableHolder } from "@gravionlabs/helix-core/baseeditableholder";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Chip } from "@gravionlabs/helix-core/chip";
+import { Fluid } from "@gravionlabs/helix-core/fluid";
+import { ChevronDownIcon, TimesIcon } from "@gravionlabs/helix-core/icons";
+import { Overlay } from "@gravionlabs/helix-core/overlay";
+import { Tree } from "@gravionlabs/helix-core/tree";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/treeselect";
+const style = `
+    
     .h-treeselect {
         display: inline-flex;
         cursor: pointer;
@@ -194,10 +194,7 @@ const style$1 = /*css*/ `
         width: dt('treeselect.lg.font.size');
         height: dt('treeselect.lg.font.size');
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix */
 
@@ -217,962 +214,1762 @@ const style = /*css*/ `
         flex-shrink: 0;
     }
 `;
-const inlineStyles = {
-    root: ({ instance }) => ({ position: instance.$appendTo() === 'self' ? 'relative' : undefined, ...instance.containerStyle() })
-};
+const inlineStyles = { root: ({ instance }) => ({
+	position: instance.$appendTo() === "self" ? "relative" : void 0,
+	...instance.containerStyle()
+}) };
 const classes = {
-    root: ({ instance }) => [
-        'h-treeselect h-component h-inputwrapper',
-        {
-            'h-treeselect-display-chip': instance.display() === 'chip',
-            'h-disabled': instance.$disabled(),
-            'h-invalid': instance.invalid(),
-            'h-focus': instance.focused,
-            'h-variant-filled': instance.$variant() === 'filled',
-            'h-inputwrapper-filled': !instance.emptyValue,
-            'h-inputwrapper-focus': instance.focused || instance.overlayVisible,
-            'h-treeselect-open': instance.overlayVisible,
-            'h-treeselect-clearable': instance.showClear(),
-            'h-treeselect-fluid': instance.hasFluid,
-            'h-treeselect-sm h-inputfield-sm': instance.size() === 'small',
-            'h-treeselect-lg h-inputfield-lg': instance.size() === 'large'
-        }
-    ],
-    labelContainer: 'h-treeselect-label-container',
-    label: ({ instance }) => [
-        'h-treeselect-label',
-        {
-            'h-placeholder': instance.label === instance.placeholder(),
-            'h-treeselect-label-empty': !instance.placeholder() && instance.emptyValue
-        }
-    ],
-    clearIcon: 'h-treeselect-clear-icon',
-    chip: 'h-treeselect-chip-item',
-    pcChip: 'h-treeselect-chip',
-    dropdown: 'h-treeselect-dropdown',
-    dropdownIcon: 'h-treeselect-dropdown-icon',
-    panel: 'h-treeselect-overlay h-component-overlay h-component',
-    treeContainer: 'h-treeselect-tree-container',
-    emptyMessage: 'h-treeselect-empty-message'
+	root: ({ instance }) => ["h-treeselect h-component h-inputwrapper", {
+		"h-treeselect-display-chip": instance.display() === "chip",
+		"h-disabled": instance.$disabled(),
+		"h-invalid": instance.invalid(),
+		"h-focus": instance.focused,
+		"h-variant-filled": instance.$variant() === "filled",
+		"h-inputwrapper-filled": !instance.emptyValue,
+		"h-inputwrapper-focus": instance.focused || instance.overlayVisible,
+		"h-treeselect-open": instance.overlayVisible,
+		"h-treeselect-clearable": instance.showClear(),
+		"h-treeselect-fluid": instance.hasFluid,
+		"h-treeselect-sm h-inputfield-sm": instance.size() === "small",
+		"h-treeselect-lg h-inputfield-lg": instance.size() === "large"
+	}],
+	labelContainer: "h-treeselect-label-container",
+	label: ({ instance }) => ["h-treeselect-label", {
+		"h-placeholder": instance.label === instance.placeholder(),
+		"h-treeselect-label-empty": !instance.placeholder() && instance.emptyValue
+	}],
+	clearIcon: "h-treeselect-clear-icon",
+	chip: "h-treeselect-chip-item",
+	pcChip: "h-treeselect-chip",
+	dropdown: "h-treeselect-dropdown",
+	dropdownIcon: "h-treeselect-dropdown-icon",
+	panel: "h-treeselect-overlay h-component-overlay h-component",
+	treeContainer: "h-treeselect-tree-container",
+	emptyMessage: "h-treeselect-empty-message"
+};
+var TreeSelectStyle = class TreeSelectStyle extends BaseStyle {
+	name = "treeselect";
+	style = style;
+	classes = classes;
+	inlineStyles = inlineStyles;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelectStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelectStyle
+	});
 };
-class TreeSelectStyle extends BaseStyle {
-    name = 'treeselect';
-    style = style;
-    classes = classes;
-    inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * TreeSelect is a form component to choose from hierarchical data.
- *
- * [Live Demo](https://www.primeng.org/treeselect/)
- *
- * @module treeselectstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TreeSelectStyle,
+	decorators: [{ type: Injectable }]
+});
 var TreeSelectClasses;
-(function (TreeSelectClasses) {
-    /**
-     * Class name of the root element
-     */
-    TreeSelectClasses["root"] = "h-treeselect";
-    /**
-     * Class name of the label container element
-     */
-    TreeSelectClasses["labelContainer"] = "h-treeselect-label-container";
-    /**
-     * Class name of the label element
-     */
-    TreeSelectClasses["label"] = "h-treeselect-label";
-    /**
-     * Class name of the chip item element
-     */
-    TreeSelectClasses["chipItem"] = "h-treeselect-chip-item";
-    /**
-     * Class name of the clear icon element
-     */
-    TreeSelectClasses["clearIcon"] = "h-treeselect-clear-icon";
-    /**
-     * Class name of the chip element
-     */
-    TreeSelectClasses["pcChip"] = "h-treeselect-chip";
-    /**
-     * Class name of the dropdown element
-     */
-    TreeSelectClasses["dropdown"] = "h-treeselect-dropdown";
-    /**
-     * Class name of the dropdown icon element
-     */
-    TreeSelectClasses["dropdownIcon"] = "h-treeselect-dropdown-icon";
-    /**
-     * Class name of the panel element
-     */
-    TreeSelectClasses["panel"] = "h-treeselect-overlay";
-    /**
-     * Class name of the tree container element
-     */
-    TreeSelectClasses["treeContainer"] = "h-treeselect-tree-container";
-    /**
-     * Class name of the empty message element
-     */
-    TreeSelectClasses["emptyMessage"] = "h-treeselect-empty-message";
+(function(TreeSelectClasses) {
+	TreeSelectClasses["root"] = "h-treeselect";
+	TreeSelectClasses["labelContainer"] = "h-treeselect-label-container";
+	TreeSelectClasses["label"] = "h-treeselect-label";
+	TreeSelectClasses["chipItem"] = "h-treeselect-chip-item";
+	TreeSelectClasses["clearIcon"] = "h-treeselect-clear-icon";
+	TreeSelectClasses["pcChip"] = "h-treeselect-chip";
+	TreeSelectClasses["dropdown"] = "h-treeselect-dropdown";
+	TreeSelectClasses["dropdownIcon"] = "h-treeselect-dropdown-icon";
+	TreeSelectClasses["panel"] = "h-treeselect-overlay";
+	TreeSelectClasses["treeContainer"] = "h-treeselect-tree-container";
+	TreeSelectClasses["emptyMessage"] = "h-treeselect-empty-message";
 })(TreeSelectClasses || (TreeSelectClasses = {}));
-
 const TREESELECT_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TreeSelect),
-    multi: true
+	provide: NG_VALUE_ACCESSOR,
+	useExisting: forwardRef(() => TreeSelect),
+	multi: true
 };
-const TREESELECT_INSTANCE = new InjectionToken('TREESELECT_INSTANCE');
-/**
- * TreeSelect is a form component to choose from hierarchical data.
- * @group Components
- */
-class TreeSelect extends BaseEditableHolder {
-    componentName = 'TreeSelect';
-    $pcTreeSelect = inject(TREESELECT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    _componentStyle = inject(TreeSelectStyle);
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    inputId = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
-    /**
-     * Height of the viewport, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    scrollHeight = input('400px', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "scrollHeight" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    metaKeySelection = input(false, { ...(ngDevMode ? { debugName: "metaKeySelection" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Defines how the selected items are displayed.
-     * @group Props
-     */
-    display = input('comma', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the selection mode.
-     * @group Props
-     */
-    selectionMode = input('single', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    tabindex = input('0', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    ariaLabel = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    ariaLabelledBy = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    /**
-     * Label to display when there are no selections.
-     * @group Props
-     */
-    placeholder = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the overlay panel.
-     * @group Props
-     */
-    panelClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the panel element.
-     * @group Props
-     */
-    panelStyle = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "panelStyle" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the panel element.
-     * @group Props
-     */
-    panelStyleClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "panelStyleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the container element.
-     * @deprecated since v20.0.0, use `style` instead.
-     * @group Props
-     */
-    containerStyle = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the container element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    containerStyleClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "containerStyleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the label element.
-     * @group Props
-     */
-    labelStyle = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelStyle" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the label element.
-     * @group Props
-     */
-    labelStyleClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelStyleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the options for the overlay.
-     * @group Props
-     */
-    overlayOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "overlayOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Text to display when there are no options available. Defaults to value from Helix locale configuration.
-     * @group Props
-     */
-    emptyMessage = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
-    /**
-     * When specified, displays an input field to filter the items.
-     * @group Props
-     */
-    filter = input(false, { ...(ngDevMode ? { debugName: "filter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    filterBy = input('label', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterBy" }] : /* istanbul ignore next */ []));
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    filterMode = input('lenient', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterMode" }] : /* istanbul ignore next */ []));
-    /**
-     * Placeholder text to show when filter input is empty.
-     * @group Props
-     */
-    filterPlaceholder = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterPlaceholder" }] : /* istanbul ignore next */ []));
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    filterLocale = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterLocale" }] : /* istanbul ignore next */ []));
-    /**
-     * Determines whether the filter input should be automatically focused when the component is rendered.
-     * @group Props
-     */
-    filterInputAutoFocus = input(true, { ...(ngDevMode ? { debugName: "filterInputAutoFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Whether checkbox selections propagate to descendant nodes.
-     * @group Props
-     */
-    propagateSelectionDown = input(true, { ...(ngDevMode ? { debugName: "propagateSelectionDown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Whether checkbox selections propagate to ancestor nodes.
-     * @group Props
-     */
-    propagateSelectionUp = input(true, { ...(ngDevMode ? { debugName: "propagateSelectionUp" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    showClear = input(false, { ...(ngDevMode ? { debugName: "showClear" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Clears the filter value when hiding the dropdown.
-     * @group Props
-     */
-    resetFilterOnHide = input(true, { ...(ngDevMode ? { debugName: "resetFilterOnHide" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    virtualScroll = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "virtualScroll" }] : /* istanbul ignore next */ []));
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    virtualScrollItemSize = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "virtualScrollItemSize" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    virtualScrollOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "virtualScrollOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * An array of treenodes.
-     * @defaultValue undefined
-     * @group Props
-     */
-    options = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    loading = input(undefined, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Loading mode display.
-     * @group Props
-     */
-    loadingMode = input('mask', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "loadingMode" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the size of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    size = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the input variant of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    variant = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
-    /**
-     * Spans 100% width of the container when enabled.
-     * @defaultValue undefined
-     * @group Props
-     */
-    fluid = input(undefined, { ...(ngDevMode ? { debugName: "fluid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @defaultValue 'self'
-     * @group Props
-     */
-    appendTo = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {TreeSelectNodeExpandEvent} event - Custom node expand event.
-     * @group Emits
-     */
-    onNodeExpand = output();
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {TreeSelectNodeCollapseEvent} event - Custom node collapse event.
-     * @group Emits
-     */
-    onNodeCollapse = output();
-    /**
-     * Callback to invoke when the overlay is shown.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onShow = output();
-    /**
-     * Callback to invoke when the overlay is hidden.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onHide = output();
-    /**
-     * Callback to invoke when input field is cleared.
-     * @group Emits
-     */
-    onClear = output();
-    /**
-     * Callback to invoke when data is filtered.
-     * @group Emits
-     */
-    onFilter = output();
-    /**
-     * Callback to invoke when treeselect gets focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onFocus = output();
-    /**
-     * Callback to invoke when treeselect loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onBlur = output();
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {TreeNodeUnSelectEvent} event - node unselect event.
-     * @group Emits
-     */
-    onNodeUnselect = output();
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {TreeNodeSelectEvent} event - node select event.
-     * @group Emits
-     */
-    onNodeSelect = output();
-    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []));
-    focusInput = viewChild('focusInput', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "focusInput" }] : /* istanbul ignore next */ []));
-    filterViewChild = viewChild('filter', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterViewChild" }] : /* istanbul ignore next */ []));
-    treeViewChild = viewChild('tree', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "treeViewChild" }] : /* istanbul ignore next */ []));
-    panelEl = viewChild('panel', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "panelEl" }] : /* istanbul ignore next */ []));
-    overlayViewChild = viewChild('overlay', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "overlayViewChild" }] : /* istanbul ignore next */ []));
-    firstHiddenFocusableElementOnOverlay = viewChild('firstHiddenFocusableEl', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "firstHiddenFocusableElementOnOverlay" }] : /* istanbul ignore next */ []));
-    lastHiddenFocusableElementOnOverlay = viewChild('lastHiddenFocusableEl', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lastHiddenFocusableElementOnOverlay" }] : /* istanbul ignore next */ []));
-    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
-    pcFluid = inject(Fluid, { optional: true, host: true, skipSelf: true });
-    get hasFluid() {
-        return this.fluid() ?? !!this.pcFluid;
-    }
-    filteredNodes;
-    filterValue = null;
-    serializedValue;
-    /**
-     * Custom value template.
-     * @param {TreeSelectValueTemplateContext} context - value context.
-     * @see {@link TreeSelectValueTemplateContext}
-     * @group Templates
-     */
-    _valueTemplateQuery = contentChild('value', { ...(ngDevMode ? { debugName: "_valueTemplateQuery" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Internal write target for the fallback (unnamed) value template resolved from `templates()`.
-     */
-    _valueTemplateOverride = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_valueTemplateOverride" }] : /* istanbul ignore next */ []));
-    valueTemplate = computed(() => this._valueTemplateQuery() ?? this._valueTemplateOverride(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueTemplate" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom header template.
-     * @param {TreeSelectHeaderTemplateContext} context - header context.
-     * @see {@link TreeSelectHeaderTemplateContext}
-     * @group Templates
-     */
-    headerTemplate = contentChild('header', { ...(ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom empty message template.
-     * @group Templates
-     */
-    emptyTemplate = contentChild('empty', { ...(ngDevMode ? { debugName: "emptyTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom footer template.
-     * @param {TreeSelectHeaderTemplateContext} context - footer context.
-     * @see {@link TreeSelectHeaderTemplateContext}
-     * @group Templates
-     */
-    footerTemplate = contentChild('footer', { ...(ngDevMode ? { debugName: "footerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom clear icon template.
-     * @group Templates
-     */
-    clearIconTemplate = contentChild('clearicon', { ...(ngDevMode ? { debugName: "clearIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom trigger icon template.
-     * @group Templates
-     */
-    triggerIconTemplate = contentChild('triggericon', { ...(ngDevMode ? { debugName: "triggerIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom dropdown icon template.
-     * @group Templates
-     */
-    dropdownIconTemplate = contentChild('dropdownicon', { ...(ngDevMode ? { debugName: "dropdownIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom filter icon template.
-     * @group Templates
-     */
-    filterIconTemplate = contentChild('filtericon', { ...(ngDevMode ? { debugName: "filterIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom close icon template.
-     * @group Templates
-     */
-    closeIconTemplate = contentChild('closeicon', { ...(ngDevMode ? { debugName: "closeIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom item toggler icon template.
-     * @param {TreeSelectItemTogglerIconTemplateContext} context - toggler icon context.
-     * @see {@link TreeSelectItemTogglerIconTemplateContext}
-     * @group Templates
-     */
-    itemTogglerIconTemplate = contentChild('itemtogglericon', { ...(ngDevMode ? { debugName: "itemTogglerIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom item checkbox icon template.
-     * @param {TreeSelectItemCheckboxIconTemplateContext} context - checkbox icon context.
-     * @see {@link TreeSelectItemCheckboxIconTemplateContext}
-     * @group Templates
-     */
-    itemCheckboxIconTemplate = contentChild('itemcheckboxicon', { ...(ngDevMode ? { debugName: "itemCheckboxIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom item loading icon template.
-     * @group Templates
-     */
-    itemLoadingIconTemplate = contentChild('itemloadingicon', { ...(ngDevMode ? { debugName: "itemLoadingIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _valueTemplate;
-    _headerTemplate;
-    _emptyTemplate;
-    _footerTemplate;
-    _clearIconTemplate;
-    _triggerIconTemplate;
-    _filterIconTemplate;
-    _closeIconTemplate;
-    _itemTogglerIconTemplate;
-    _itemCheckboxIconTemplate;
-    _itemLoadingIconTemplate;
-    _dropdownIconTemplate;
-    focused;
-    overlayVisible;
-    value;
-    expandedNodes = [];
-    templateMap;
-    listId = '';
-    /**
-     * Keeps internal node state (expanded/partial-selected) in sync whenever `options` changes,
-     * mirroring the side effect that used to live in the `options` @Input setter.
-     */
-    _syncOptionsEffect = effect(() => {
-        this.options();
-        this.updateTreeState();
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_syncOptionsEffect" }] : /* istanbul ignore next */ []));
-    onHostClick(event) {
-        this.onClick(event);
-    }
-    onInit() {
-        this.listId = uuid('pn_id_') + '_list';
-        this.updateTreeState();
-    }
-    onAfterContentInit() {
-        if (this.templates().length) {
-            this.templateMap = {};
-        }
-        this.templates().forEach((item) => {
-            switch (item.getType()) {
-                case 'value':
-                    this._valueTemplate = item.template;
-                    break;
-                case 'header':
-                    this._headerTemplate = item.template;
-                    break;
-                case 'empty':
-                    this._emptyTemplate = item.template;
-                    break;
-                case 'footer':
-                    this._footerTemplate = item.template;
-                    break;
-                case 'clearicon':
-                    this._clearIconTemplate = item.template;
-                    break;
-                case 'triggericon':
-                    this._triggerIconTemplate = item.template;
-                    break;
-                case 'filtericon':
-                    this._filterIconTemplate = item.template;
-                    break;
-                case 'closeicon':
-                    this._closeIconTemplate = item.template;
-                    break;
-                case 'itemtogglericon':
-                    this._itemTogglerIconTemplate = item.template;
-                    break;
-                case 'itemcheckboxicon':
-                    this._itemCheckboxIconTemplate = item.template;
-                    break;
-                case 'dropdownicon':
-                    this._dropdownIconTemplate = item.template;
-                    break;
-                case 'itemloadingicon':
-                    this._itemLoadingIconTemplate = item.template;
-                    break;
-                default: //TODO: @deprecated Use "value" template instead
-                    const n = item.name();
-                    if (n)
-                        this.templateMap[n] = item.template;
-                    else
-                        this._valueTemplateOverride.set(item.template);
-                    break;
-            }
-        });
-    }
-    onOverlayBeforeEnter() {
-        if (this.filter()) {
-            isNotEmpty(this.filterValue) && this.treeViewChild()?._filter(this.filterValue);
-            this.filterInputAutoFocus() && this.filterViewChild()?.nativeElement.focus();
-        }
-        else {
-            let focusableElements = getFocusableElements(this.panelEl()?.nativeElement);
-            if (focusableElements && focusableElements.length > 0) {
-                focusableElements[0].focus();
-            }
-        }
-    }
-    onOverlayBeforeHide() {
-        let focusableElements = getFocusableElements(this.el.nativeElement);
-        if (focusableElements && focusableElements.length > 0) {
-            focusableElements[0].focus();
-        }
-    }
-    onSelectionChange(event) {
-        this.value = event;
-        this.onModelChange(this.value);
-        this.cd.markForCheck();
-    }
-    onClick(event) {
-        if (this.$disabled()) {
-            return;
-        }
-        const section = event.target?.getAttribute?.('data-pc-section');
-        if (!this.overlayViewChild()?.el?.nativeElement?.contains(event.target) && section !== 'box' && section !== 'icon') {
-            if (this.overlayVisible) {
-                this.hide();
-            }
-            else {
-                this.show();
-            }
-            this.focusInput()?.nativeElement.focus();
-        }
-    }
-    onKeyDown(event) {
-        switch (event.code) {
-            //down
-            case 'ArrowDown':
-                if (!this.overlayVisible) {
-                    this.show();
-                    event.preventDefault();
-                }
-                this.onArrowDown(event);
-                event.preventDefault();
-                break;
-            //space
-            case 'Space':
-            case 'Enter':
-                if (!this.overlayVisible) {
-                    this.show();
-                    event.preventDefault();
-                }
-                break;
-            //escape
-            case 'Escape':
-                if (this.overlayVisible) {
-                    this.hide();
-                    this.focusInput()?.nativeElement.focus();
-                    event.preventDefault();
-                }
-                break;
-            //tab
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-            default:
-                break;
-        }
-    }
-    onFilterInput(event) {
-        this.filterValue = event.target.value;
-        this.treeViewChild()?._filter(this.filterValue);
-        this.onFilter.emit({
-            filter: this.filterValue,
-            filteredValue: this.treeViewChild()?.filteredNodes()
-        });
-        setTimeout(() => {
-            this.overlayViewChild()?.alignOverlay();
-        });
-    }
-    onArrowDown(event) {
-        const panelEl = this.panelEl();
-        if (this.overlayVisible && panelEl?.nativeElement) {
-            let focusableElements = getFocusableElements(panelEl.nativeElement, '[data-pc-section="node"]');
-            if (focusableElements && focusableElements.length > 0) {
-                focusableElements[0].focus();
-            }
-            event.preventDefault();
-        }
-    }
-    onFirstHiddenFocus(event) {
-        const focusInput = this.focusInput();
-        const focusableEl = event.relatedTarget === focusInput?.nativeElement ? getFirstFocusableElement(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ':not([data-h-hidden-focusable="true"])') : focusInput?.nativeElement;
-        focus(focusableEl);
-    }
-    onLastHiddenFocus(event) {
-        const focusInput = this.focusInput();
-        const focusableEl = event.relatedTarget === focusInput?.nativeElement ? getLastFocusableElement(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ':not([data-h-hidden-focusable="true"])') : focusInput?.nativeElement;
-        focus(focusableEl);
-    }
-    show() {
-        this.overlayVisible = true;
-    }
-    hide(event) {
-        this.overlayVisible = false;
-        this.resetFilter();
-        this.onHide.emit(event);
-        this.cd.markForCheck();
-    }
-    clear(event) {
-        this.value = null;
-        this.resetExpandedNodes();
-        this.resetPartialSelected();
-        this.onModelChange(this.value);
-        this.onClear.emit(undefined);
-        event.stopPropagation();
-    }
-    checkValue() {
-        return this.value !== null && isNotEmpty(this.value);
-    }
-    onTabKey(event, pressedInInputText = false) {
-        if (!pressedInInputText) {
-            if (this.overlayVisible && this.hasFocusableElements()) {
-                focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay()?.nativeElement : this.firstHiddenFocusableElementOnOverlay()?.nativeElement);
-                event.preventDefault();
-            }
-            else {
-                this.overlayVisible && this.hide(this.filter());
-            }
-        }
-    }
-    hasFocusableElements() {
-        return getFocusableElements(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ':not([data-h-hidden-focusable="true"])').length > 0;
-    }
-    resetFilter() {
-        if (this.filter() && !this.resetFilterOnHide()) {
-            const treeViewChild = this.treeViewChild();
-            this.filteredNodes = treeViewChild?.filteredNodes();
-            treeViewChild?.resetFilter();
-        }
-        else {
-            this.filterValue = null;
-        }
-    }
-    updateTreeState() {
-        if (this.value) {
-            let selectedNodes = this.selectionMode() === 'single' ? [this.value] : [...this.value];
-            this.resetExpandedNodes();
-            this.resetPartialSelected();
-            if (selectedNodes && this.options()) {
-                this.updateTreeBranchState(null, null, selectedNodes);
-            }
-        }
-    }
-    updateTreeBranchState(node, path, selectedNodes) {
-        if (node) {
-            if (this.isSelected(node)) {
-                this.expandPath(path);
-                selectedNodes.splice(selectedNodes.indexOf(node), 1);
-            }
-            if (selectedNodes.length > 0 && node.children) {
-                for (let childNode of node.children) {
-                    this.updateTreeBranchState(childNode, [...path, node], selectedNodes);
-                }
-            }
-        }
-        else {
-            for (let childNode of this.options()) {
-                this.updateTreeBranchState(childNode, [], selectedNodes);
-            }
-        }
-    }
-    expandPath(expandedNodes) {
-        for (let node of expandedNodes) {
-            node.expanded = true;
-        }
-        this.expandedNodes = [...expandedNodes];
-    }
-    nodeExpand(event) {
-        this.onNodeExpand.emit(event);
-        this.expandedNodes.push(event.node);
-        setTimeout(() => {
-            this.overlayViewChild()?.alignOverlay();
-        });
-    }
-    nodeCollapse(event) {
-        this.onNodeCollapse.emit(event);
-        this.expandedNodes.splice(this.expandedNodes.indexOf(event.node), 1);
-        setTimeout(() => {
-            this.overlayViewChild()?.alignOverlay();
-        });
-    }
-    resetExpandedNodes() {
-        for (let node of this.expandedNodes) {
-            node.expanded = false;
-        }
-        this.expandedNodes = [];
-    }
-    resetPartialSelected(nodes = this.options()) {
-        if (!nodes) {
-            return;
-        }
-        for (let node of nodes) {
-            node.partialSelected = false;
-            if (node.children && node.children?.length > 0) {
-                this.resetPartialSelected(node.children);
-            }
-        }
-    }
-    findSelectedNodes(node, keys, selectedNodes) {
-        if (node) {
-            if (this.isSelected(node)) {
-                selectedNodes.push(node);
-                delete keys[node.key];
-            }
-            if (Object.keys(keys).length && node.children) {
-                for (let childNode of node.children) {
-                    this.findSelectedNodes(childNode, keys, selectedNodes);
-                }
-            }
-        }
-        else {
-            for (let childNode of this.options()) {
-                this.findSelectedNodes(childNode, keys, selectedNodes);
-            }
-        }
-    }
-    isSelected(node) {
-        return this.findIndexInSelection(node) != -1;
-    }
-    findIndexInSelection(node) {
-        let index = -1;
-        if (this.value) {
-            if (this.selectionMode() === 'single') {
-                let areNodesEqual = (this.value.key && this.value.key === node.key) || this.value == node;
-                index = areNodesEqual ? 0 : -1;
-            }
-            else {
-                for (let i = 0; i < this.value.length; i++) {
-                    let selectedNode = this.value[i];
-                    let areNodesEqual = (selectedNode.key && selectedNode.key === node.key) || selectedNode == node;
-                    if (areNodesEqual) {
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-        return index;
-    }
-    onSelect(event) {
-        this.onNodeSelect.emit(event);
-        if (this.selectionMode() === 'single') {
-            this.hide();
-            this.focusInput()?.nativeElement.focus();
-        }
-    }
-    onUnselect(event) {
-        this.onNodeUnselect.emit(event);
-    }
-    onInputFocus(event) {
-        if (this.$disabled()) {
-            // For ScreenReaders
-            return;
-        }
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-    onInputBlur(event) {
-        this.focused = false;
-        this.onBlur.emit(event);
-        this.onModelTouched();
-    }
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value) {
-        this.value = value;
-        this.updateTreeState();
-        this.cd.markForCheck();
-    }
-    get emptyValue() {
-        return !this.value || Object.keys(this.value).length === 0;
-    }
-    get emptyOptions() {
-        return !this.options() || this.options().length === 0;
-    }
-    get label() {
-        let value = this.value || [];
-        return value.length ? value.map((node) => node.label).join(', ') : this.selectionMode() === 'single' && this.value ? value.label : this.placeholder();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: TreeSelect, isStandalone: true, selector: "h-treeSelect, h-treeselect, h-tree-select", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, metaKeySelection: { classPropertyName: "metaKeySelection", publicName: "metaKeySelection", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, panelStyleClass: { classPropertyName: "panelStyleClass", publicName: "panelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, containerStyle: { classPropertyName: "containerStyle", publicName: "containerStyle", isSignal: true, isRequired: false, transformFunction: null }, containerStyleClass: { classPropertyName: "containerStyleClass", publicName: "containerStyleClass", isSignal: true, isRequired: false, transformFunction: null }, labelStyle: { classPropertyName: "labelStyle", publicName: "labelStyle", isSignal: true, isRequired: false, transformFunction: null }, labelStyleClass: { classPropertyName: "labelStyleClass", publicName: "labelStyleClass", isSignal: true, isRequired: false, transformFunction: null }, overlayOptions: { classPropertyName: "overlayOptions", publicName: "overlayOptions", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, filterInputAutoFocus: { classPropertyName: "filterInputAutoFocus", publicName: "filterInputAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, resetFilterOnHide: { classPropertyName: "resetFilterOnHide", publicName: "resetFilterOnHide", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollOptions: { classPropertyName: "virtualScrollOptions", publicName: "virtualScrollOptions", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingMode: { classPropertyName: "loadingMode", publicName: "loadingMode", 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: { onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onShow: "onShow", onHide: "onHide", onClear: "onClear", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onNodeUnselect: "onNodeUnselect", onNodeSelect: "onNodeSelect" }, host: { listeners: { "mousedown": "onHostClick($event)" }, properties: { "class": "cn(cx('root'), containerStyleClass)", "style": "sx('root')" } }, providers: [
-            TREESELECT_VALUE_ACCESSOR,
-            TreeSelectStyle,
-            {
-                provide: TREESELECT_INSTANCE,
-                useExisting: TreeSelect
-            },
-            {
-                provide: PARENT_INSTANCE,
-                useExisting: TreeSelect
-            }
-        ], queries: [{ propertyName: "_valueTemplateQuery", first: true, predicate: ["value"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: ["empty"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"], isSignal: true }, { propertyName: "triggerIconTemplate", first: true, predicate: ["triggericon"], isSignal: true }, { propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"], isSignal: true }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"], isSignal: true }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"], isSignal: true }, { propertyName: "itemTogglerIconTemplate", first: true, predicate: ["itemtogglericon"], isSignal: true }, { propertyName: "itemCheckboxIconTemplate", first: true, predicate: ["itemcheckboxicon"], isSignal: true }, { propertyName: "itemLoadingIconTemplate", first: true, predicate: ["itemloadingicon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], viewQueries: [{ propertyName: "focusInput", first: true, predicate: ["focusInput"], descendants: true, isSignal: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true, isSignal: true }, { propertyName: "treeViewChild", first: true, predicate: ["tree"], descendants: true, isSignal: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true, isSignal: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true, isSignal: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<div class=\"h-hidden-accessible\" [hBind]=\"ptm('hiddenInputContainer')\" [attr.data-h-hidden-accessible]=\"true\">\n  <input\n    #focusInput\n    type=\"text\"\n    role=\"combobox\"\n    [attr.id]=\"inputId()\"\n    readonly\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (keydown)=\"onKeyDown($event)\"\n    [attr.tabindex]=\"!$disabled() ? tabindex() : -1\"\n    [attr.aria-controls]=\"overlayVisible ? listId : null\"\n    [attr.aria-haspopup]=\"'tree'\"\n    [attr.aria-expanded]=\"overlayVisible ?? false\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel() || (label === 'h-emptylabel' ? undefined : label)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('hiddenInput')\"\n    />\n</div>\n<div [class]=\"cx('labelContainer')\" [hBind]=\"ptm('labelContainer')\">\n  <div [class]=\"cn(cx('label'), labelStyleClass())\" [ngStyle]=\"labelStyle()\" [hBind]=\"ptm('label')\">\n    @if (valueTemplate() || _valueTemplate) {\n      <ng-container *ngTemplateOutlet=\"valueTemplate() || _valueTemplate; context: { $implicit: value, placeholder: placeholder() }\"></ng-container>\n    } @else {\n      @if (display() === 'comma') {\n        {{ label || 'empty' }}\n      } @else {\n        @for (node of value; track node) {\n          <div [class]=\"cx('chipItem')\" [hBind]=\"ptm('chipItem')\">\n            <h-chip [unstyled]=\"unstyled()\" [label]=\"node.label\" [class]=\"cx('pcChip')\" [pt]=\"ptm('pcChip')\" />\n          </div>\n        }\n        @if (emptyValue) {\n          {{ placeholder() || 'empty' }}\n        }\n      }\n    }\n  </div>\n</div>\n@if (checkValue() && !$disabled() && showClear()) {\n  @if (!clearIconTemplate() && !_clearIconTemplate) {\n    <svg data-h-icon=\"times\" [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\" />\n  }\n  @if (clearIconTemplate() || clearIconTemplate()) {\n    <span [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\">\n      <ng-template *ngTemplateOutlet=\"clearIconTemplate() || _clearIconTemplate\"></ng-template>\n    </span>\n  }\n}\n<div [class]=\"cx('dropdown')\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\" [hBind]=\"ptm('dropdown')\">\n  @if (!triggerIconTemplate() && !_triggerIconTemplate && !dropdownIconTemplate() && !_dropdownIconTemplate) {\n    <svg data-h-icon=\"chevron-down\" [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\" />\n  }\n  @if (triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate) {\n    <span [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\">\n      <ng-template *ngTemplateOutlet=\"triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n    </span>\n  }\n</div>\n<h-overlay\n  #overlay\n  [hostAttrSelector]=\"$attrSelector\"\n  [(visible)]=\"overlayVisible\"\n  [options]=\"overlayOptions()\"\n  [target]=\"'@parent'\"\n  [appendTo]=\"$appendTo()\"\n  [unstyled]=\"unstyled()\"\n  [pt]=\"ptm('pcOverlay')\"\n  [motionOptions]=\"motionOptions()\"\n  (onBeforeEnter)=\"onOverlayBeforeEnter()\"\n  (onBeforeHide)=\"onOverlayBeforeHide()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"hide($event)\"\n  >\n  <ng-template #content>\n    <div #panel [attr.id]=\"listId\" [class]=\"cn(cx('panel'), panelStyleClass(), panelClass())\" [ngStyle]=\"panelStyle()\" [hBind]=\"ptm('panel')\">\n      <span\n        #firstHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onFirstHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenFirstFocusableEl')\"\n        >\n      </span>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate; context: { $implicit: value, options: options() }\"></ng-container>\n      <div [class]=\"cx('treeContainer')\" [ngStyle]=\"{ 'max-height': scrollHeight() }\" [hBind]=\"ptm('treeContainer')\">\n        <h-tree\n          #tree\n          [value]=\"options()\"\n          [propagateSelectionDown]=\"propagateSelectionDown()\"\n          [propagateSelectionUp]=\"propagateSelectionUp()\"\n          [selectionMode]=\"selectionMode()\"\n          (selectionChange)=\"onSelectionChange($event)\"\n          [selection]=\"value\"\n          [metaKeySelection]=\"metaKeySelection()\"\n          (onNodeExpand)=\"nodeExpand($event)\"\n          (onNodeCollapse)=\"nodeCollapse($event)\"\n          (onNodeSelect)=\"onSelect($event)\"\n          [emptyMessage]=\"emptyMessage()\"\n          (onNodeUnselect)=\"onUnselect($event)\"\n          [filter]=\"filter()\"\n          [filterBy]=\"filterBy()\"\n          [filterMode]=\"filterMode()\"\n          [filterPlaceholder]=\"filterPlaceholder()\"\n          [filterLocale]=\"filterLocale()\"\n          [filteredNodes]=\"filteredNodes\"\n          [virtualScroll]=\"virtualScroll()\"\n          [virtualScrollItemSize]=\"virtualScrollItemSize()\"\n          [virtualScrollOptions]=\"virtualScrollOptions()\"\n          [_templateMap]=\"templateMap\"\n          [loading]=\"loading()\"\n          [filterInputAutoFocus]=\"filterInputAutoFocus()\"\n          [loadingMode]=\"loadingMode()\"\n          [pt]=\"ptm('pcTree')\"\n          [unstyled]=\"unstyled()\"\n          >\n          @if (emptyTemplate() || _emptyTemplate) {\n            <ng-template #empty>\n              <ng-container *ngTemplateOutlet=\"emptyTemplate() || _emptyTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (itemTogglerIconTemplate() || _itemTogglerIconTemplate; as expanded) {\n            <ng-template #togglericon let-expanded>\n              <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate() || _itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemCheckboxIconTemplate() || _itemCheckboxIconTemplate) {\n            <ng-template #checkboxicon let-selected let-partialSelected=\"partialSelected\">\n              <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate() || _itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemLoadingIconTemplate() || _itemLoadingIconTemplate) {\n            <ng-template #loadingicon>\n              <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate() || _itemLoadingIconTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (filterIconTemplate() || _filterIconTemplate) {\n            <ng-template #filtericon>\n              <ng-container *ngTemplateOutlet=\"filterIconTemplate() || _filterIconTemplate\"></ng-container>\n            </ng-template>\n          }\n        </h-tree>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footerTemplate(); context: { $implicit: value, options: options() }\"></ng-container>\n      <span\n        #lastHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onLastHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenLastFocusableEl')\"\n      ></span>\n    </div>\n  </ng-template>\n</h-overlay>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: Overlay, selector: "h-overlay", inputs: ["hostName", "visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options", "appendTo", "inline", "motionOptions", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: Tree, selector: "h-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["valueChange", "selectionModeChange", "selectionChange", "contextMenuSelectionChange", "filterOptionsChange", "filteredNodesChange", "_templateMapChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: AutoFocus, selector: "[hAutoFocus]", inputs: ["hAutoFocus"] }, { kind: "component", type: TimesIcon, selector: "[data-h-icon=\"times\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-h-icon=\"chevron-down\"]" }, { kind: "component", type: Chip, selector: "h-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["labelChange", "iconChange", "imageChange", "altChange", "styleClassChange", "removableChange", "removeIconChange", "onRemove", "onImageError"] }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelect, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-treeSelect, h-treeselect, h-tree-select', standalone: true, imports: [CommonModule, Overlay, SharedModule, Tree, AutoFocus, TimesIcon, ChevronDownIcon, Chip, Bind], hostDirectives: [Bind], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        TREESELECT_VALUE_ACCESSOR,
-                        TreeSelectStyle,
-                        {
-                            provide: TREESELECT_INSTANCE,
-                            useExisting: TreeSelect
-                        },
-                        {
-                            provide: PARENT_INSTANCE,
-                            useExisting: TreeSelect
-                        }
-                    ], encapsulation: ViewEncapsulation.None, host: {
-                        '[class]': "cn(cx('root'), containerStyleClass)",
-                        '[style]': "sx('root')",
-                        '(mousedown)': 'onHostClick($event)'
-                    }, template: "<div class=\"h-hidden-accessible\" [hBind]=\"ptm('hiddenInputContainer')\" [attr.data-h-hidden-accessible]=\"true\">\n  <input\n    #focusInput\n    type=\"text\"\n    role=\"combobox\"\n    [attr.id]=\"inputId()\"\n    readonly\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (keydown)=\"onKeyDown($event)\"\n    [attr.tabindex]=\"!$disabled() ? tabindex() : -1\"\n    [attr.aria-controls]=\"overlayVisible ? listId : null\"\n    [attr.aria-haspopup]=\"'tree'\"\n    [attr.aria-expanded]=\"overlayVisible ?? false\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel() || (label === 'h-emptylabel' ? undefined : label)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('hiddenInput')\"\n    />\n</div>\n<div [class]=\"cx('labelContainer')\" [hBind]=\"ptm('labelContainer')\">\n  <div [class]=\"cn(cx('label'), labelStyleClass())\" [ngStyle]=\"labelStyle()\" [hBind]=\"ptm('label')\">\n    @if (valueTemplate() || _valueTemplate) {\n      <ng-container *ngTemplateOutlet=\"valueTemplate() || _valueTemplate; context: { $implicit: value, placeholder: placeholder() }\"></ng-container>\n    } @else {\n      @if (display() === 'comma') {\n        {{ label || 'empty' }}\n      } @else {\n        @for (node of value; track node) {\n          <div [class]=\"cx('chipItem')\" [hBind]=\"ptm('chipItem')\">\n            <h-chip [unstyled]=\"unstyled()\" [label]=\"node.label\" [class]=\"cx('pcChip')\" [pt]=\"ptm('pcChip')\" />\n          </div>\n        }\n        @if (emptyValue) {\n          {{ placeholder() || 'empty' }}\n        }\n      }\n    }\n  </div>\n</div>\n@if (checkValue() && !$disabled() && showClear()) {\n  @if (!clearIconTemplate() && !_clearIconTemplate) {\n    <svg data-h-icon=\"times\" [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\" />\n  }\n  @if (clearIconTemplate() || clearIconTemplate()) {\n    <span [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\">\n      <ng-template *ngTemplateOutlet=\"clearIconTemplate() || _clearIconTemplate\"></ng-template>\n    </span>\n  }\n}\n<div [class]=\"cx('dropdown')\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\" [hBind]=\"ptm('dropdown')\">\n  @if (!triggerIconTemplate() && !_triggerIconTemplate && !dropdownIconTemplate() && !_dropdownIconTemplate) {\n    <svg data-h-icon=\"chevron-down\" [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\" />\n  }\n  @if (triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate) {\n    <span [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\">\n      <ng-template *ngTemplateOutlet=\"triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n    </span>\n  }\n</div>\n<h-overlay\n  #overlay\n  [hostAttrSelector]=\"$attrSelector\"\n  [(visible)]=\"overlayVisible\"\n  [options]=\"overlayOptions()\"\n  [target]=\"'@parent'\"\n  [appendTo]=\"$appendTo()\"\n  [unstyled]=\"unstyled()\"\n  [pt]=\"ptm('pcOverlay')\"\n  [motionOptions]=\"motionOptions()\"\n  (onBeforeEnter)=\"onOverlayBeforeEnter()\"\n  (onBeforeHide)=\"onOverlayBeforeHide()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"hide($event)\"\n  >\n  <ng-template #content>\n    <div #panel [attr.id]=\"listId\" [class]=\"cn(cx('panel'), panelStyleClass(), panelClass())\" [ngStyle]=\"panelStyle()\" [hBind]=\"ptm('panel')\">\n      <span\n        #firstHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onFirstHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenFirstFocusableEl')\"\n        >\n      </span>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate; context: { $implicit: value, options: options() }\"></ng-container>\n      <div [class]=\"cx('treeContainer')\" [ngStyle]=\"{ 'max-height': scrollHeight() }\" [hBind]=\"ptm('treeContainer')\">\n        <h-tree\n          #tree\n          [value]=\"options()\"\n          [propagateSelectionDown]=\"propagateSelectionDown()\"\n          [propagateSelectionUp]=\"propagateSelectionUp()\"\n          [selectionMode]=\"selectionMode()\"\n          (selectionChange)=\"onSelectionChange($event)\"\n          [selection]=\"value\"\n          [metaKeySelection]=\"metaKeySelection()\"\n          (onNodeExpand)=\"nodeExpand($event)\"\n          (onNodeCollapse)=\"nodeCollapse($event)\"\n          (onNodeSelect)=\"onSelect($event)\"\n          [emptyMessage]=\"emptyMessage()\"\n          (onNodeUnselect)=\"onUnselect($event)\"\n          [filter]=\"filter()\"\n          [filterBy]=\"filterBy()\"\n          [filterMode]=\"filterMode()\"\n          [filterPlaceholder]=\"filterPlaceholder()\"\n          [filterLocale]=\"filterLocale()\"\n          [filteredNodes]=\"filteredNodes\"\n          [virtualScroll]=\"virtualScroll()\"\n          [virtualScrollItemSize]=\"virtualScrollItemSize()\"\n          [virtualScrollOptions]=\"virtualScrollOptions()\"\n          [_templateMap]=\"templateMap\"\n          [loading]=\"loading()\"\n          [filterInputAutoFocus]=\"filterInputAutoFocus()\"\n          [loadingMode]=\"loadingMode()\"\n          [pt]=\"ptm('pcTree')\"\n          [unstyled]=\"unstyled()\"\n          >\n          @if (emptyTemplate() || _emptyTemplate) {\n            <ng-template #empty>\n              <ng-container *ngTemplateOutlet=\"emptyTemplate() || _emptyTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (itemTogglerIconTemplate() || _itemTogglerIconTemplate; as expanded) {\n            <ng-template #togglericon let-expanded>\n              <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate() || _itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemCheckboxIconTemplate() || _itemCheckboxIconTemplate) {\n            <ng-template #checkboxicon let-selected let-partialSelected=\"partialSelected\">\n              <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate() || _itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemLoadingIconTemplate() || _itemLoadingIconTemplate) {\n            <ng-template #loadingicon>\n              <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate() || _itemLoadingIconTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (filterIconTemplate() || _filterIconTemplate) {\n            <ng-template #filtericon>\n              <ng-container *ngTemplateOutlet=\"filterIconTemplate() || _filterIconTemplate\"></ng-container>\n            </ng-template>\n          }\n        </h-tree>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footerTemplate(); context: { $implicit: value, options: options() }\"></ng-container>\n      <span\n        #lastHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onLastHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenLastFocusableEl')\"\n      ></span>\n    </div>\n  </ng-template>\n</h-overlay>\n" }]
-        }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], metaKeySelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "metaKeySelection", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], panelStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelStyle", required: false }] }], panelStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelStyleClass", required: false }] }], containerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerStyle", required: false }] }], containerStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerStyleClass", required: false }] }], labelStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelStyle", required: false }] }], labelStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelStyleClass", required: false }] }], overlayOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayOptions", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterBy", required: false }] }], filterMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterMode", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], filterLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterLocale", required: false }] }], filterInputAutoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterInputAutoFocus", required: false }] }], propagateSelectionDown: [{ type: i0.Input, args: [{ isSignal: true, alias: "propagateSelectionDown", required: false }] }], propagateSelectionUp: [{ type: i0.Input, args: [{ isSignal: true, alias: "propagateSelectionUp", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], resetFilterOnHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetFilterOnHide", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollItemSize", required: false }] }], virtualScrollOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollOptions", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMode", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onNodeExpand: [{ type: i0.Output, args: ["onNodeExpand"] }], onNodeCollapse: [{ type: i0.Output, args: ["onNodeCollapse"] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], onFilter: [{ type: i0.Output, args: ["onFilter"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], onNodeUnselect: [{ type: i0.Output, args: ["onNodeUnselect"] }], onNodeSelect: [{ type: i0.Output, args: ["onNodeSelect"] }], focusInput: [{ type: i0.ViewChild, args: ['focusInput', { isSignal: true }] }], filterViewChild: [{ type: i0.ViewChild, args: ['filter', { isSignal: true }] }], treeViewChild: [{ type: i0.ViewChild, args: ['tree', { isSignal: true }] }], panelEl: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], overlayViewChild: [{ type: i0.ViewChild, args: ['overlay', { isSignal: true }] }], firstHiddenFocusableElementOnOverlay: [{ type: i0.ViewChild, args: ['firstHiddenFocusableEl', { isSignal: true }] }], lastHiddenFocusableElementOnOverlay: [{ type: i0.ViewChild, args: ['lastHiddenFocusableEl', { isSignal: true }] }], _valueTemplateQuery: [{ type: i0.ContentChild, args: ['value', { ...{ descendants: false }, isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: ['empty', { ...{ descendants: false }, isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }], clearIconTemplate: [{ type: i0.ContentChild, args: ['clearicon', { ...{ descendants: false }, isSignal: true }] }], triggerIconTemplate: [{ type: i0.ContentChild, args: ['triggericon', { ...{ descendants: false }, isSignal: true }] }], dropdownIconTemplate: [{ type: i0.ContentChild, args: ['dropdownicon', { ...{ descendants: false }, isSignal: true }] }], filterIconTemplate: [{ type: i0.ContentChild, args: ['filtericon', { ...{ descendants: false }, isSignal: true }] }], closeIconTemplate: [{ type: i0.ContentChild, args: ['closeicon', { ...{ descendants: false }, isSignal: true }] }], itemTogglerIconTemplate: [{ type: i0.ContentChild, args: ['itemtogglericon', { ...{ descendants: false }, isSignal: true }] }], itemCheckboxIconTemplate: [{ type: i0.ContentChild, args: ['itemcheckboxicon', { ...{ descendants: false }, isSignal: true }] }], itemLoadingIconTemplate: [{ type: i0.ContentChild, args: ['itemloadingicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class TreeSelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectModule, imports: [TreeSelect, SharedModule], exports: [TreeSelect, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectModule, imports: [TreeSelect, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelectModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [TreeSelect, SharedModule],
-                    exports: [TreeSelect, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const TREESELECT_INSTANCE = new InjectionToken("TREESELECT_INSTANCE");
+var TreeSelect = class TreeSelect extends BaseEditableHolder {
+	componentName = "TreeSelect";
+	$pcTreeSelect = inject(TREESELECT_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	_componentStyle = inject(TreeSelectStyle);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	inputId = input(void 0, ...ngDevMode ? [{ debugName: "inputId" }] : 	/* istanbul ignore next */ []);
+	scrollHeight = input("400px", ...ngDevMode ? [{ debugName: "scrollHeight" }] : 	/* istanbul ignore next */ []);
+	metaKeySelection = input(false, {
+		...ngDevMode ? { debugName: "metaKeySelection" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	display = input("comma", ...ngDevMode ? [{ debugName: "display" }] : 	/* istanbul ignore next */ []);
+	selectionMode = input("single", ...ngDevMode ? [{ debugName: "selectionMode" }] : 	/* istanbul ignore next */ []);
+	tabindex = input("0", ...ngDevMode ? [{ debugName: "tabindex" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabel" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledBy = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabelledBy" }] : 	/* istanbul ignore next */ []);
+	placeholder = input(void 0, ...ngDevMode ? [{ debugName: "placeholder" }] : 	/* istanbul ignore next */ []);
+	panelClass = input(void 0, ...ngDevMode ? [{ debugName: "panelClass" }] : 	/* istanbul ignore next */ []);
+	panelStyle = input(void 0, ...ngDevMode ? [{ debugName: "panelStyle" }] : 	/* istanbul ignore next */ []);
+	panelStyleClass = input(void 0, ...ngDevMode ? [{ debugName: "panelStyleClass" }] : 	/* istanbul ignore next */ []);
+	containerStyle = input(void 0, ...ngDevMode ? [{ debugName: "containerStyle" }] : 	/* istanbul ignore next */ []);
+	containerStyleClass = input(void 0, ...ngDevMode ? [{ debugName: "containerStyleClass" }] : 	/* istanbul ignore next */ []);
+	labelStyle = input(void 0, ...ngDevMode ? [{ debugName: "labelStyle" }] : 	/* istanbul ignore next */ []);
+	labelStyleClass = input(void 0, ...ngDevMode ? [{ debugName: "labelStyleClass" }] : 	/* istanbul ignore next */ []);
+	overlayOptions = input(void 0, ...ngDevMode ? [{ debugName: "overlayOptions" }] : 	/* istanbul ignore next */ []);
+	emptyMessage = input("", ...ngDevMode ? [{ debugName: "emptyMessage" }] : 	/* istanbul ignore next */ []);
+	filter = input(false, {
+		...ngDevMode ? { debugName: "filter" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	filterBy = input("label", ...ngDevMode ? [{ debugName: "filterBy" }] : 	/* istanbul ignore next */ []);
+	filterMode = input("lenient", ...ngDevMode ? [{ debugName: "filterMode" }] : 	/* istanbul ignore next */ []);
+	filterPlaceholder = input(void 0, ...ngDevMode ? [{ debugName: "filterPlaceholder" }] : 	/* istanbul ignore next */ []);
+	filterLocale = input(void 0, ...ngDevMode ? [{ debugName: "filterLocale" }] : 	/* istanbul ignore next */ []);
+	filterInputAutoFocus = input(true, {
+		...ngDevMode ? { debugName: "filterInputAutoFocus" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	propagateSelectionDown = input(true, {
+		...ngDevMode ? { debugName: "propagateSelectionDown" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	propagateSelectionUp = input(true, {
+		...ngDevMode ? { debugName: "propagateSelectionUp" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	showClear = input(false, {
+		...ngDevMode ? { debugName: "showClear" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	resetFilterOnHide = input(true, {
+		...ngDevMode ? { debugName: "resetFilterOnHide" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	virtualScroll = input(void 0, ...ngDevMode ? [{ debugName: "virtualScroll" }] : 	/* istanbul ignore next */ []);
+	virtualScrollItemSize = input(void 0, ...ngDevMode ? [{ debugName: "virtualScrollItemSize" }] : 	/* istanbul ignore next */ []);
+	virtualScrollOptions = input(void 0, ...ngDevMode ? [{ debugName: "virtualScrollOptions" }] : 	/* istanbul ignore next */ []);
+	autofocus = input(void 0, {
+		...ngDevMode ? { debugName: "autofocus" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	options = input(void 0, ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	loading = input(void 0, {
+		...ngDevMode ? { debugName: "loading" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	loadingMode = input("mask", ...ngDevMode ? [{ debugName: "loadingMode" }] : 	/* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : 	/* istanbul ignore next */ []);
+	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : 	/* istanbul ignore next */ []);
+	fluid = input(void 0, {
+		...ngDevMode ? { debugName: "fluid" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	appendTo = input(void 0, ...ngDevMode ? [{ debugName: "appendTo" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	onNodeExpand = output();
+	onNodeCollapse = output();
+	onShow = output();
+	onHide = output();
+	onClear = output();
+	onFilter = output();
+	onFocus = output();
+	onBlur = output();
+	onNodeUnselect = output();
+	onNodeSelect = output();
+	$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...ngDevMode ? [{ debugName: "$appendTo" }] : 	/* istanbul ignore next */ []);
+	focusInput = viewChild("focusInput", ...ngDevMode ? [{ debugName: "focusInput" }] : 	/* istanbul ignore next */ []);
+	filterViewChild = viewChild("filter", ...ngDevMode ? [{ debugName: "filterViewChild" }] : 	/* istanbul ignore next */ []);
+	treeViewChild = viewChild("tree", ...ngDevMode ? [{ debugName: "treeViewChild" }] : 	/* istanbul ignore next */ []);
+	panelEl = viewChild("panel", ...ngDevMode ? [{ debugName: "panelEl" }] : 	/* istanbul ignore next */ []);
+	overlayViewChild = viewChild("overlay", ...ngDevMode ? [{ debugName: "overlayViewChild" }] : 	/* istanbul ignore next */ []);
+	firstHiddenFocusableElementOnOverlay = viewChild("firstHiddenFocusableEl", ...ngDevMode ? [{ debugName: "firstHiddenFocusableElementOnOverlay" }] : 	/* istanbul ignore next */ []);
+	lastHiddenFocusableElementOnOverlay = viewChild("lastHiddenFocusableEl", ...ngDevMode ? [{ debugName: "lastHiddenFocusableElementOnOverlay" }] : 	/* istanbul ignore next */ []);
+	$variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), ...ngDevMode ? [{ debugName: "$variant" }] : 	/* istanbul ignore next */ []);
+	pcFluid = inject(Fluid, {
+		optional: true,
+		host: true,
+		skipSelf: true
+	});
+	get hasFluid() {
+		return this.fluid() ?? !!this.pcFluid;
+	}
+	filteredNodes;
+	filterValue = null;
+	serializedValue;
+	_valueTemplateQuery = contentChild("value", {
+		...ngDevMode ? { debugName: "_valueTemplateQuery" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	_valueTemplateOverride = signal(void 0, ...ngDevMode ? [{ debugName: "_valueTemplateOverride" }] : 	/* istanbul ignore next */ []);
+	valueTemplate = computed(() => this._valueTemplateQuery() ?? this._valueTemplateOverride(), ...ngDevMode ? [{ debugName: "valueTemplate" }] : 	/* istanbul ignore next */ []);
+	headerTemplate = contentChild("header", {
+		...ngDevMode ? { debugName: "headerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	emptyTemplate = contentChild("empty", {
+		...ngDevMode ? { debugName: "emptyTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	footerTemplate = contentChild("footer", {
+		...ngDevMode ? { debugName: "footerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	clearIconTemplate = contentChild("clearicon", {
+		...ngDevMode ? { debugName: "clearIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	triggerIconTemplate = contentChild("triggericon", {
+		...ngDevMode ? { debugName: "triggerIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	dropdownIconTemplate = contentChild("dropdownicon", {
+		...ngDevMode ? { debugName: "dropdownIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	filterIconTemplate = contentChild("filtericon", {
+		...ngDevMode ? { debugName: "filterIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	closeIconTemplate = contentChild("closeicon", {
+		...ngDevMode ? { debugName: "closeIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	itemTogglerIconTemplate = contentChild("itemtogglericon", {
+		...ngDevMode ? { debugName: "itemTogglerIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	itemCheckboxIconTemplate = contentChild("itemcheckboxicon", {
+		...ngDevMode ? { debugName: "itemCheckboxIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	itemLoadingIconTemplate = contentChild("itemloadingicon", {
+		...ngDevMode ? { debugName: "itemLoadingIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_valueTemplate;
+	_headerTemplate;
+	_emptyTemplate;
+	_footerTemplate;
+	_clearIconTemplate;
+	_triggerIconTemplate;
+	_filterIconTemplate;
+	_closeIconTemplate;
+	_itemTogglerIconTemplate;
+	_itemCheckboxIconTemplate;
+	_itemLoadingIconTemplate;
+	_dropdownIconTemplate;
+	focused;
+	overlayVisible;
+	value;
+	expandedNodes = [];
+	templateMap;
+	listId = "";
+	_syncOptionsEffect = effect(() => {
+		this.options();
+		this.updateTreeState();
+	}, ...ngDevMode ? [{ debugName: "_syncOptionsEffect" }] : 	/* istanbul ignore next */ []);
+	onHostClick(event) {
+		this.onClick(event);
+	}
+	onInit() {
+		this.listId = uuid("pn_id_") + "_list";
+		this.updateTreeState();
+	}
+	onAfterContentInit() {
+		if (this.templates().length) this.templateMap = {};
+		this.templates().forEach((item) => {
+			switch (item.getType()) {
+				case "value":
+					this._valueTemplate = item.template;
+					break;
+				case "header":
+					this._headerTemplate = item.template;
+					break;
+				case "empty":
+					this._emptyTemplate = item.template;
+					break;
+				case "footer":
+					this._footerTemplate = item.template;
+					break;
+				case "clearicon":
+					this._clearIconTemplate = item.template;
+					break;
+				case "triggericon":
+					this._triggerIconTemplate = item.template;
+					break;
+				case "filtericon":
+					this._filterIconTemplate = item.template;
+					break;
+				case "closeicon":
+					this._closeIconTemplate = item.template;
+					break;
+				case "itemtogglericon":
+					this._itemTogglerIconTemplate = item.template;
+					break;
+				case "itemcheckboxicon":
+					this._itemCheckboxIconTemplate = item.template;
+					break;
+				case "dropdownicon":
+					this._dropdownIconTemplate = item.template;
+					break;
+				case "itemloadingicon":
+					this._itemLoadingIconTemplate = item.template;
+					break;
+				default:
+					const n = item.name();
+					if (n) this.templateMap[n] = item.template;
+					else this._valueTemplateOverride.set(item.template);
+					break;
+			}
+		});
+	}
+	onOverlayBeforeEnter() {
+		if (this.filter()) {
+			isNotEmpty(this.filterValue) && this.treeViewChild()?._filter(this.filterValue);
+			this.filterInputAutoFocus() && this.filterViewChild()?.nativeElement.focus();
+		} else {
+			let focusableElements = getFocusableElements(this.panelEl()?.nativeElement);
+			if (focusableElements && focusableElements.length > 0) focusableElements[0].focus();
+		}
+	}
+	onOverlayBeforeHide() {
+		let focusableElements = getFocusableElements(this.el.nativeElement);
+		if (focusableElements && focusableElements.length > 0) focusableElements[0].focus();
+	}
+	onSelectionChange(event) {
+		this.value = event;
+		this.onModelChange(this.value);
+		this.cd.markForCheck();
+	}
+	onClick(event) {
+		if (this.$disabled()) return;
+		const section = event.target?.getAttribute?.("data-pc-section");
+		if (!this.overlayViewChild()?.el?.nativeElement?.contains(event.target) && section !== "box" && section !== "icon") {
+			if (this.overlayVisible) this.hide();
+			else this.show();
+			this.focusInput()?.nativeElement.focus();
+		}
+	}
+	onKeyDown(event) {
+		switch (event.code) {
+			case "ArrowDown":
+				if (!this.overlayVisible) {
+					this.show();
+					event.preventDefault();
+				}
+				this.onArrowDown(event);
+				event.preventDefault();
+				break;
+			case "Space":
+			case "Enter":
+				if (!this.overlayVisible) {
+					this.show();
+					event.preventDefault();
+				}
+				break;
+			case "Escape":
+				if (this.overlayVisible) {
+					this.hide();
+					this.focusInput()?.nativeElement.focus();
+					event.preventDefault();
+				}
+				break;
+			case "Tab":
+				this.onTabKey(event);
+				break;
+			default: break;
+		}
+	}
+	onFilterInput(event) {
+		this.filterValue = event.target.value;
+		this.treeViewChild()?._filter(this.filterValue);
+		this.onFilter.emit({
+			filter: this.filterValue,
+			filteredValue: this.treeViewChild()?.filteredNodes()
+		});
+		setTimeout(() => {
+			this.overlayViewChild()?.alignOverlay();
+		});
+	}
+	onArrowDown(event) {
+		const panelEl = this.panelEl();
+		if (this.overlayVisible && panelEl?.nativeElement) {
+			let focusableElements = getFocusableElements(panelEl.nativeElement, "[data-pc-section=\"node\"]");
+			if (focusableElements && focusableElements.length > 0) focusableElements[0].focus();
+			event.preventDefault();
+		}
+	}
+	onFirstHiddenFocus(event) {
+		const focusInput = this.focusInput();
+		focus(event.relatedTarget === focusInput?.nativeElement ? getFirstFocusableElement(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ":not([data-h-hidden-focusable=\"true\"])") : focusInput?.nativeElement);
+	}
+	onLastHiddenFocus(event) {
+		const focusInput = this.focusInput();
+		focus(event.relatedTarget === focusInput?.nativeElement ? getLastFocusableElement(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ":not([data-h-hidden-focusable=\"true\"])") : focusInput?.nativeElement);
+	}
+	show() {
+		this.overlayVisible = true;
+	}
+	hide(event) {
+		this.overlayVisible = false;
+		this.resetFilter();
+		this.onHide.emit(event);
+		this.cd.markForCheck();
+	}
+	clear(event) {
+		this.value = null;
+		this.resetExpandedNodes();
+		this.resetPartialSelected();
+		this.onModelChange(this.value);
+		this.onClear.emit(void 0);
+		event.stopPropagation();
+	}
+	checkValue() {
+		return this.value !== null && isNotEmpty(this.value);
+	}
+	onTabKey(event, pressedInInputText = false) {
+		if (!pressedInInputText) if (this.overlayVisible && this.hasFocusableElements()) {
+			focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay()?.nativeElement : this.firstHiddenFocusableElementOnOverlay()?.nativeElement);
+			event.preventDefault();
+		} else this.overlayVisible && this.hide(this.filter());
+	}
+	hasFocusableElements() {
+		return getFocusableElements(this.overlayViewChild()?.overlayViewChild()?.nativeElement, ":not([data-h-hidden-focusable=\"true\"])").length > 0;
+	}
+	resetFilter() {
+		if (this.filter() && !this.resetFilterOnHide()) {
+			const treeViewChild = this.treeViewChild();
+			this.filteredNodes = treeViewChild?.filteredNodes();
+			treeViewChild?.resetFilter();
+		} else this.filterValue = null;
+	}
+	updateTreeState() {
+		if (this.value) {
+			let selectedNodes = this.selectionMode() === "single" ? [this.value] : [...this.value];
+			this.resetExpandedNodes();
+			this.resetPartialSelected();
+			if (selectedNodes && this.options()) this.updateTreeBranchState(null, null, selectedNodes);
+		}
+	}
+	updateTreeBranchState(node, path, selectedNodes) {
+		if (node) {
+			if (this.isSelected(node)) {
+				this.expandPath(path);
+				selectedNodes.splice(selectedNodes.indexOf(node), 1);
+			}
+			if (selectedNodes.length > 0 && node.children) for (let childNode of node.children) this.updateTreeBranchState(childNode, [...path, node], selectedNodes);
+		} else for (let childNode of this.options()) this.updateTreeBranchState(childNode, [], selectedNodes);
+	}
+	expandPath(expandedNodes) {
+		for (let node of expandedNodes) node.expanded = true;
+		this.expandedNodes = [...expandedNodes];
+	}
+	nodeExpand(event) {
+		this.onNodeExpand.emit(event);
+		this.expandedNodes.push(event.node);
+		setTimeout(() => {
+			this.overlayViewChild()?.alignOverlay();
+		});
+	}
+	nodeCollapse(event) {
+		this.onNodeCollapse.emit(event);
+		this.expandedNodes.splice(this.expandedNodes.indexOf(event.node), 1);
+		setTimeout(() => {
+			this.overlayViewChild()?.alignOverlay();
+		});
+	}
+	resetExpandedNodes() {
+		for (let node of this.expandedNodes) node.expanded = false;
+		this.expandedNodes = [];
+	}
+	resetPartialSelected(nodes = this.options()) {
+		if (!nodes) return;
+		for (let node of nodes) {
+			node.partialSelected = false;
+			if (node.children && node.children?.length > 0) this.resetPartialSelected(node.children);
+		}
+	}
+	findSelectedNodes(node, keys, selectedNodes) {
+		if (node) {
+			if (this.isSelected(node)) {
+				selectedNodes.push(node);
+				delete keys[node.key];
+			}
+			if (Object.keys(keys).length && node.children) for (let childNode of node.children) this.findSelectedNodes(childNode, keys, selectedNodes);
+		} else for (let childNode of this.options()) this.findSelectedNodes(childNode, keys, selectedNodes);
+	}
+	isSelected(node) {
+		return this.findIndexInSelection(node) != -1;
+	}
+	findIndexInSelection(node) {
+		let index = -1;
+		if (this.value) if (this.selectionMode() === "single") index = this.value.key && this.value.key === node.key || this.value == node ? 0 : -1;
+		else for (let i = 0; i < this.value.length; i++) {
+			let selectedNode = this.value[i];
+			if (selectedNode.key && selectedNode.key === node.key || selectedNode == node) {
+				index = i;
+				break;
+			}
+		}
+		return index;
+	}
+	onSelect(event) {
+		this.onNodeSelect.emit(event);
+		if (this.selectionMode() === "single") {
+			this.hide();
+			this.focusInput()?.nativeElement.focus();
+		}
+	}
+	onUnselect(event) {
+		this.onNodeUnselect.emit(event);
+	}
+	onInputFocus(event) {
+		if (this.$disabled()) return;
+		this.focused = true;
+		this.onFocus.emit(event);
+	}
+	onInputBlur(event) {
+		this.focused = false;
+		this.onBlur.emit(event);
+		this.onModelTouched();
+	}
+	writeControlValue(value) {
+		this.value = value;
+		this.updateTreeState();
+		this.cd.markForCheck();
+	}
+	get emptyValue() {
+		return !this.value || Object.keys(this.value).length === 0;
+	}
+	get emptyOptions() {
+		return !this.options() || this.options().length === 0;
+	}
+	get label() {
+		let value = this.value || [];
+		return value.length ? value.map((node) => node.label).join(", ") : this.selectionMode() === "single" && this.value ? value.label : this.placeholder();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelect,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: TreeSelect,
+		isStandalone: true,
+		selector: "h-treeSelect, h-treeselect, h-tree-select",
+		inputs: {
+			inputId: {
+				classPropertyName: "inputId",
+				publicName: "inputId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			scrollHeight: {
+				classPropertyName: "scrollHeight",
+				publicName: "scrollHeight",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			metaKeySelection: {
+				classPropertyName: "metaKeySelection",
+				publicName: "metaKeySelection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			display: {
+				classPropertyName: "display",
+				publicName: "display",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectionMode: {
+				classPropertyName: "selectionMode",
+				publicName: "selectionMode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabindex: {
+				classPropertyName: "tabindex",
+				publicName: "tabindex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			panelClass: {
+				classPropertyName: "panelClass",
+				publicName: "panelClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			panelStyle: {
+				classPropertyName: "panelStyle",
+				publicName: "panelStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			panelStyleClass: {
+				classPropertyName: "panelStyleClass",
+				publicName: "panelStyleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			containerStyle: {
+				classPropertyName: "containerStyle",
+				publicName: "containerStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			containerStyleClass: {
+				classPropertyName: "containerStyleClass",
+				publicName: "containerStyleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelStyle: {
+				classPropertyName: "labelStyle",
+				publicName: "labelStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelStyleClass: {
+				classPropertyName: "labelStyleClass",
+				publicName: "labelStyleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			overlayOptions: {
+				classPropertyName: "overlayOptions",
+				publicName: "overlayOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyMessage: {
+				classPropertyName: "emptyMessage",
+				publicName: "emptyMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filter: {
+				classPropertyName: "filter",
+				publicName: "filter",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterBy: {
+				classPropertyName: "filterBy",
+				publicName: "filterBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterMode: {
+				classPropertyName: "filterMode",
+				publicName: "filterMode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterPlaceholder: {
+				classPropertyName: "filterPlaceholder",
+				publicName: "filterPlaceholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterLocale: {
+				classPropertyName: "filterLocale",
+				publicName: "filterLocale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterInputAutoFocus: {
+				classPropertyName: "filterInputAutoFocus",
+				publicName: "filterInputAutoFocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			propagateSelectionDown: {
+				classPropertyName: "propagateSelectionDown",
+				publicName: "propagateSelectionDown",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			propagateSelectionUp: {
+				classPropertyName: "propagateSelectionUp",
+				publicName: "propagateSelectionUp",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showClear: {
+				classPropertyName: "showClear",
+				publicName: "showClear",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resetFilterOnHide: {
+				classPropertyName: "resetFilterOnHide",
+				publicName: "resetFilterOnHide",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			virtualScroll: {
+				classPropertyName: "virtualScroll",
+				publicName: "virtualScroll",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			virtualScrollItemSize: {
+				classPropertyName: "virtualScrollItemSize",
+				publicName: "virtualScrollItemSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			virtualScrollOptions: {
+				classPropertyName: "virtualScrollOptions",
+				publicName: "virtualScrollOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autofocus: {
+				classPropertyName: "autofocus",
+				publicName: "autofocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			options: {
+				classPropertyName: "options",
+				publicName: "options",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loading: {
+				classPropertyName: "loading",
+				publicName: "loading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loadingMode: {
+				classPropertyName: "loadingMode",
+				publicName: "loadingMode",
+				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: {
+			onNodeExpand: "onNodeExpand",
+			onNodeCollapse: "onNodeCollapse",
+			onShow: "onShow",
+			onHide: "onHide",
+			onClear: "onClear",
+			onFilter: "onFilter",
+			onFocus: "onFocus",
+			onBlur: "onBlur",
+			onNodeUnselect: "onNodeUnselect",
+			onNodeSelect: "onNodeSelect"
+		},
+		host: {
+			listeners: { "mousedown": "onHostClick($event)" },
+			properties: {
+				"class": "cn(cx('root'), containerStyleClass)",
+				"style": "sx('root')"
+			}
+		},
+		providers: [
+			TREESELECT_VALUE_ACCESSOR,
+			TreeSelectStyle,
+			{
+				provide: TREESELECT_INSTANCE,
+				useExisting: TreeSelect
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: TreeSelect
+			}
+		],
+		queries: [
+			{
+				propertyName: "_valueTemplateQuery",
+				first: true,
+				predicate: ["value"],
+				isSignal: true
+			},
+			{
+				propertyName: "headerTemplate",
+				first: true,
+				predicate: ["header"],
+				isSignal: true
+			},
+			{
+				propertyName: "emptyTemplate",
+				first: true,
+				predicate: ["empty"],
+				isSignal: true
+			},
+			{
+				propertyName: "footerTemplate",
+				first: true,
+				predicate: ["footer"],
+				isSignal: true
+			},
+			{
+				propertyName: "clearIconTemplate",
+				first: true,
+				predicate: ["clearicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "triggerIconTemplate",
+				first: true,
+				predicate: ["triggericon"],
+				isSignal: true
+			},
+			{
+				propertyName: "dropdownIconTemplate",
+				first: true,
+				predicate: ["dropdownicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "filterIconTemplate",
+				first: true,
+				predicate: ["filtericon"],
+				isSignal: true
+			},
+			{
+				propertyName: "closeIconTemplate",
+				first: true,
+				predicate: ["closeicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "itemTogglerIconTemplate",
+				first: true,
+				predicate: ["itemtogglericon"],
+				isSignal: true
+			},
+			{
+				propertyName: "itemCheckboxIconTemplate",
+				first: true,
+				predicate: ["itemcheckboxicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "itemLoadingIconTemplate",
+				first: true,
+				predicate: ["itemloadingicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		viewQueries: [
+			{
+				propertyName: "focusInput",
+				first: true,
+				predicate: ["focusInput"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "filterViewChild",
+				first: true,
+				predicate: ["filter"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "treeViewChild",
+				first: true,
+				predicate: ["tree"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "panelEl",
+				first: true,
+				predicate: ["panel"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "overlayViewChild",
+				first: true,
+				predicate: ["overlay"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "firstHiddenFocusableElementOnOverlay",
+				first: true,
+				predicate: ["firstHiddenFocusableEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "lastHiddenFocusableElementOnOverlay",
+				first: true,
+				predicate: ["lastHiddenFocusableEl"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<div class=\"h-hidden-accessible\" [hBind]=\"ptm('hiddenInputContainer')\" [attr.data-h-hidden-accessible]=\"true\">\n  <input\n    #focusInput\n    type=\"text\"\n    role=\"combobox\"\n    [attr.id]=\"inputId()\"\n    readonly\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (keydown)=\"onKeyDown($event)\"\n    [attr.tabindex]=\"!$disabled() ? tabindex() : -1\"\n    [attr.aria-controls]=\"overlayVisible ? listId : null\"\n    [attr.aria-haspopup]=\"'tree'\"\n    [attr.aria-expanded]=\"overlayVisible ?? false\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel() || (label === 'h-emptylabel' ? undefined : label)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('hiddenInput')\"\n    />\n</div>\n<div [class]=\"cx('labelContainer')\" [hBind]=\"ptm('labelContainer')\">\n  <div [class]=\"cn(cx('label'), labelStyleClass())\" [ngStyle]=\"labelStyle()\" [hBind]=\"ptm('label')\">\n    @if (valueTemplate() || _valueTemplate) {\n      <ng-container *ngTemplateOutlet=\"valueTemplate() || _valueTemplate; context: { $implicit: value, placeholder: placeholder() }\"></ng-container>\n    } @else {\n      @if (display() === 'comma') {\n        {{ label || 'empty' }}\n      } @else {\n        @for (node of value; track node) {\n          <div [class]=\"cx('chipItem')\" [hBind]=\"ptm('chipItem')\">\n            <h-chip [unstyled]=\"unstyled()\" [label]=\"node.label\" [class]=\"cx('pcChip')\" [pt]=\"ptm('pcChip')\" />\n          </div>\n        }\n        @if (emptyValue) {\n          {{ placeholder() || 'empty' }}\n        }\n      }\n    }\n  </div>\n</div>\n@if (checkValue() && !$disabled() && showClear()) {\n  @if (!clearIconTemplate() && !_clearIconTemplate) {\n    <svg data-h-icon=\"times\" [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\" />\n  }\n  @if (clearIconTemplate() || clearIconTemplate()) {\n    <span [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\">\n      <ng-template *ngTemplateOutlet=\"clearIconTemplate() || _clearIconTemplate\"></ng-template>\n    </span>\n  }\n}\n<div [class]=\"cx('dropdown')\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\" [hBind]=\"ptm('dropdown')\">\n  @if (!triggerIconTemplate() && !_triggerIconTemplate && !dropdownIconTemplate() && !_dropdownIconTemplate) {\n    <svg data-h-icon=\"chevron-down\" [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\" />\n  }\n  @if (triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate) {\n    <span [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\">\n      <ng-template *ngTemplateOutlet=\"triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n    </span>\n  }\n</div>\n<h-overlay\n  #overlay\n  [hostAttrSelector]=\"$attrSelector\"\n  [(visible)]=\"overlayVisible\"\n  [options]=\"overlayOptions()\"\n  [target]=\"'@parent'\"\n  [appendTo]=\"$appendTo()\"\n  [unstyled]=\"unstyled()\"\n  [pt]=\"ptm('pcOverlay')\"\n  [motionOptions]=\"motionOptions()\"\n  (onBeforeEnter)=\"onOverlayBeforeEnter()\"\n  (onBeforeHide)=\"onOverlayBeforeHide()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"hide($event)\"\n  >\n  <ng-template #content>\n    <div #panel [attr.id]=\"listId\" [class]=\"cn(cx('panel'), panelStyleClass(), panelClass())\" [ngStyle]=\"panelStyle()\" [hBind]=\"ptm('panel')\">\n      <span\n        #firstHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onFirstHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenFirstFocusableEl')\"\n        >\n      </span>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate; context: { $implicit: value, options: options() }\"></ng-container>\n      <div [class]=\"cx('treeContainer')\" [ngStyle]=\"{ 'max-height': scrollHeight() }\" [hBind]=\"ptm('treeContainer')\">\n        <h-tree\n          #tree\n          [value]=\"options()\"\n          [propagateSelectionDown]=\"propagateSelectionDown()\"\n          [propagateSelectionUp]=\"propagateSelectionUp()\"\n          [selectionMode]=\"selectionMode()\"\n          (selectionChange)=\"onSelectionChange($event)\"\n          [selection]=\"value\"\n          [metaKeySelection]=\"metaKeySelection()\"\n          (onNodeExpand)=\"nodeExpand($event)\"\n          (onNodeCollapse)=\"nodeCollapse($event)\"\n          (onNodeSelect)=\"onSelect($event)\"\n          [emptyMessage]=\"emptyMessage()\"\n          (onNodeUnselect)=\"onUnselect($event)\"\n          [filter]=\"filter()\"\n          [filterBy]=\"filterBy()\"\n          [filterMode]=\"filterMode()\"\n          [filterPlaceholder]=\"filterPlaceholder()\"\n          [filterLocale]=\"filterLocale()\"\n          [filteredNodes]=\"filteredNodes\"\n          [virtualScroll]=\"virtualScroll()\"\n          [virtualScrollItemSize]=\"virtualScrollItemSize()\"\n          [virtualScrollOptions]=\"virtualScrollOptions()\"\n          [_templateMap]=\"templateMap\"\n          [loading]=\"loading()\"\n          [filterInputAutoFocus]=\"filterInputAutoFocus()\"\n          [loadingMode]=\"loadingMode()\"\n          [pt]=\"ptm('pcTree')\"\n          [unstyled]=\"unstyled()\"\n          >\n          @if (emptyTemplate() || _emptyTemplate) {\n            <ng-template #empty>\n              <ng-container *ngTemplateOutlet=\"emptyTemplate() || _emptyTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (itemTogglerIconTemplate() || _itemTogglerIconTemplate; as expanded) {\n            <ng-template #togglericon let-expanded>\n              <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate() || _itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemCheckboxIconTemplate() || _itemCheckboxIconTemplate) {\n            <ng-template #checkboxicon let-selected let-partialSelected=\"partialSelected\">\n              <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate() || _itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemLoadingIconTemplate() || _itemLoadingIconTemplate) {\n            <ng-template #loadingicon>\n              <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate() || _itemLoadingIconTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (filterIconTemplate() || _filterIconTemplate) {\n            <ng-template #filtericon>\n              <ng-container *ngTemplateOutlet=\"filterIconTemplate() || _filterIconTemplate\"></ng-container>\n            </ng-template>\n          }\n        </h-tree>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footerTemplate(); context: { $implicit: value, options: options() }\"></ng-container>\n      <span\n        #lastHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onLastHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenLastFocusableEl')\"\n      ></span>\n    </div>\n  </ng-template>\n</h-overlay>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: i2.NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "component",
+				type: Overlay,
+				selector: "h-overlay",
+				inputs: [
+					"hostName",
+					"visible",
+					"mode",
+					"style",
+					"styleClass",
+					"contentStyle",
+					"contentStyleClass",
+					"target",
+					"autoZIndex",
+					"baseZIndex",
+					"showTransitionOptions",
+					"hideTransitionOptions",
+					"listener",
+					"responsive",
+					"options",
+					"appendTo",
+					"inline",
+					"motionOptions",
+					"hostAttrSelector"
+				],
+				outputs: [
+					"visibleChange",
+					"onBeforeShow",
+					"onShow",
+					"onBeforeHide",
+					"onHide",
+					"onAnimationStart",
+					"onAnimationDone",
+					"onBeforeEnter",
+					"onEnter",
+					"onAfterEnter",
+					"onBeforeLeave",
+					"onLeave",
+					"onAfterLeave"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: Tree,
+				selector: "h-tree",
+				inputs: [
+					"value",
+					"selectionMode",
+					"loadingMode",
+					"selection",
+					"styleClass",
+					"contextMenu",
+					"contextMenuSelectionMode",
+					"contextMenuSelection",
+					"draggableScope",
+					"droppableScope",
+					"draggableNodes",
+					"droppableNodes",
+					"metaKeySelection",
+					"propagateSelectionUp",
+					"propagateSelectionDown",
+					"loading",
+					"loadingIcon",
+					"emptyMessage",
+					"ariaLabel",
+					"togglerAriaLabel",
+					"ariaLabelledBy",
+					"validateDrop",
+					"filter",
+					"filterInputAutoFocus",
+					"filterBy",
+					"filterMode",
+					"filterOptions",
+					"filterPlaceholder",
+					"filteredNodes",
+					"filterLocale",
+					"scrollHeight",
+					"lazy",
+					"virtualScroll",
+					"virtualScrollItemSize",
+					"virtualScrollOptions",
+					"indentation",
+					"_templateMap",
+					"trackBy",
+					"highlightOnSelect"
+				],
+				outputs: [
+					"valueChange",
+					"selectionModeChange",
+					"selectionChange",
+					"contextMenuSelectionChange",
+					"filterOptionsChange",
+					"filteredNodesChange",
+					"_templateMapChange",
+					"onNodeSelect",
+					"onNodeUnselect",
+					"onNodeExpand",
+					"onNodeCollapse",
+					"onNodeContextMenuSelect",
+					"onNodeDoubleClick",
+					"onNodeDrop",
+					"onLazyLoad",
+					"onScroll",
+					"onScrollIndexChange",
+					"onFilter"
+				]
+			},
+			{
+				kind: "directive",
+				type: AutoFocus,
+				selector: "[hAutoFocus]",
+				inputs: ["hAutoFocus"]
+			},
+			{
+				kind: "component",
+				type: TimesIcon,
+				selector: "[data-h-icon=\"times\"]"
+			},
+			{
+				kind: "component",
+				type: ChevronDownIcon,
+				selector: "[data-h-icon=\"chevron-down\"]"
+			},
+			{
+				kind: "component",
+				type: Chip,
+				selector: "h-chip",
+				inputs: [
+					"label",
+					"icon",
+					"image",
+					"alt",
+					"styleClass",
+					"disabled",
+					"removable",
+					"removeIcon",
+					"chipProps"
+				],
+				outputs: [
+					"labelChange",
+					"iconChange",
+					"imageChange",
+					"altChange",
+					"styleClassChange",
+					"removableChange",
+					"removeIconChange",
+					"onRemove",
+					"onImageError"
+				]
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TreeSelect,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-treeSelect, h-treeselect, h-tree-select",
+			standalone: true,
+			imports: [
+				CommonModule,
+				Overlay,
+				SharedModule,
+				Tree,
+				AutoFocus,
+				TimesIcon,
+				ChevronDownIcon,
+				Chip,
+				Bind
+			],
+			hostDirectives: [Bind],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				TREESELECT_VALUE_ACCESSOR,
+				TreeSelectStyle,
+				{
+					provide: TREESELECT_INSTANCE,
+					useExisting: TreeSelect
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: TreeSelect
+				}
+			],
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cn(cx('root'), containerStyleClass)",
+				"[style]": "sx('root')",
+				"(mousedown)": "onHostClick($event)"
+			},
+			template: "<div class=\"h-hidden-accessible\" [hBind]=\"ptm('hiddenInputContainer')\" [attr.data-h-hidden-accessible]=\"true\">\n  <input\n    #focusInput\n    type=\"text\"\n    role=\"combobox\"\n    [attr.id]=\"inputId()\"\n    readonly\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (keydown)=\"onKeyDown($event)\"\n    [attr.tabindex]=\"!$disabled() ? tabindex() : -1\"\n    [attr.aria-controls]=\"overlayVisible ? listId : null\"\n    [attr.aria-haspopup]=\"'tree'\"\n    [attr.aria-expanded]=\"overlayVisible ?? false\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel() || (label === 'h-emptylabel' ? undefined : label)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('hiddenInput')\"\n    />\n</div>\n<div [class]=\"cx('labelContainer')\" [hBind]=\"ptm('labelContainer')\">\n  <div [class]=\"cn(cx('label'), labelStyleClass())\" [ngStyle]=\"labelStyle()\" [hBind]=\"ptm('label')\">\n    @if (valueTemplate() || _valueTemplate) {\n      <ng-container *ngTemplateOutlet=\"valueTemplate() || _valueTemplate; context: { $implicit: value, placeholder: placeholder() }\"></ng-container>\n    } @else {\n      @if (display() === 'comma') {\n        {{ label || 'empty' }}\n      } @else {\n        @for (node of value; track node) {\n          <div [class]=\"cx('chipItem')\" [hBind]=\"ptm('chipItem')\">\n            <h-chip [unstyled]=\"unstyled()\" [label]=\"node.label\" [class]=\"cx('pcChip')\" [pt]=\"ptm('pcChip')\" />\n          </div>\n        }\n        @if (emptyValue) {\n          {{ placeholder() || 'empty' }}\n        }\n      }\n    }\n  </div>\n</div>\n@if (checkValue() && !$disabled() && showClear()) {\n  @if (!clearIconTemplate() && !_clearIconTemplate) {\n    <svg data-h-icon=\"times\" [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\" />\n  }\n  @if (clearIconTemplate() || clearIconTemplate()) {\n    <span [class]=\"cx('clearIcon')\" (click)=\"clear($event)\" [hBind]=\"ptm('clearIcon')\">\n      <ng-template *ngTemplateOutlet=\"clearIconTemplate() || _clearIconTemplate\"></ng-template>\n    </span>\n  }\n}\n<div [class]=\"cx('dropdown')\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\" [hBind]=\"ptm('dropdown')\">\n  @if (!triggerIconTemplate() && !_triggerIconTemplate && !dropdownIconTemplate() && !_dropdownIconTemplate) {\n    <svg data-h-icon=\"chevron-down\" [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\" />\n  }\n  @if (triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate) {\n    <span [class]=\"cx('dropdownIcon')\" [hBind]=\"ptm('dropdownIcon')\">\n      <ng-template *ngTemplateOutlet=\"triggerIconTemplate() || _triggerIconTemplate || dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n    </span>\n  }\n</div>\n<h-overlay\n  #overlay\n  [hostAttrSelector]=\"$attrSelector\"\n  [(visible)]=\"overlayVisible\"\n  [options]=\"overlayOptions()\"\n  [target]=\"'@parent'\"\n  [appendTo]=\"$appendTo()\"\n  [unstyled]=\"unstyled()\"\n  [pt]=\"ptm('pcOverlay')\"\n  [motionOptions]=\"motionOptions()\"\n  (onBeforeEnter)=\"onOverlayBeforeEnter()\"\n  (onBeforeHide)=\"onOverlayBeforeHide()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"hide($event)\"\n  >\n  <ng-template #content>\n    <div #panel [attr.id]=\"listId\" [class]=\"cn(cx('panel'), panelStyleClass(), panelClass())\" [ngStyle]=\"panelStyle()\" [hBind]=\"ptm('panel')\">\n      <span\n        #firstHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onFirstHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenFirstFocusableEl')\"\n        >\n      </span>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate; context: { $implicit: value, options: options() }\"></ng-container>\n      <div [class]=\"cx('treeContainer')\" [ngStyle]=\"{ 'max-height': scrollHeight() }\" [hBind]=\"ptm('treeContainer')\">\n        <h-tree\n          #tree\n          [value]=\"options()\"\n          [propagateSelectionDown]=\"propagateSelectionDown()\"\n          [propagateSelectionUp]=\"propagateSelectionUp()\"\n          [selectionMode]=\"selectionMode()\"\n          (selectionChange)=\"onSelectionChange($event)\"\n          [selection]=\"value\"\n          [metaKeySelection]=\"metaKeySelection()\"\n          (onNodeExpand)=\"nodeExpand($event)\"\n          (onNodeCollapse)=\"nodeCollapse($event)\"\n          (onNodeSelect)=\"onSelect($event)\"\n          [emptyMessage]=\"emptyMessage()\"\n          (onNodeUnselect)=\"onUnselect($event)\"\n          [filter]=\"filter()\"\n          [filterBy]=\"filterBy()\"\n          [filterMode]=\"filterMode()\"\n          [filterPlaceholder]=\"filterPlaceholder()\"\n          [filterLocale]=\"filterLocale()\"\n          [filteredNodes]=\"filteredNodes\"\n          [virtualScroll]=\"virtualScroll()\"\n          [virtualScrollItemSize]=\"virtualScrollItemSize()\"\n          [virtualScrollOptions]=\"virtualScrollOptions()\"\n          [_templateMap]=\"templateMap\"\n          [loading]=\"loading()\"\n          [filterInputAutoFocus]=\"filterInputAutoFocus()\"\n          [loadingMode]=\"loadingMode()\"\n          [pt]=\"ptm('pcTree')\"\n          [unstyled]=\"unstyled()\"\n          >\n          @if (emptyTemplate() || _emptyTemplate) {\n            <ng-template #empty>\n              <ng-container *ngTemplateOutlet=\"emptyTemplate() || _emptyTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (itemTogglerIconTemplate() || _itemTogglerIconTemplate; as expanded) {\n            <ng-template #togglericon let-expanded>\n              <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate() || _itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemCheckboxIconTemplate() || _itemCheckboxIconTemplate) {\n            <ng-template #checkboxicon let-selected let-partialSelected=\"partialSelected\">\n              <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate() || _itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\n            </ng-template>\n          }\n          @if (itemLoadingIconTemplate() || _itemLoadingIconTemplate) {\n            <ng-template #loadingicon>\n              <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate() || _itemLoadingIconTemplate\"></ng-container>\n            </ng-template>\n          }\n          @if (filterIconTemplate() || _filterIconTemplate) {\n            <ng-template #filtericon>\n              <ng-container *ngTemplateOutlet=\"filterIconTemplate() || _filterIconTemplate\"></ng-container>\n            </ng-template>\n          }\n        </h-tree>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footerTemplate(); context: { $implicit: value, options: options() }\"></ng-container>\n      <span\n        #lastHiddenFocusableEl\n        role=\"presentation\"\n        class=\"h-hidden-accessible h-hidden-focusable\"\n        [attr.tabindex]=\"0\"\n        (focus)=\"onLastHiddenFocus($event)\"\n        [attr.data-h-hidden-accessible]=\"true\"\n        [attr.data-h-hidden-focusable]=\"true\"\n        [hBind]=\"ptm('hiddenLastFocusableEl')\"\n      ></span>\n    </div>\n  </ng-template>\n</h-overlay>\n"
+		}]
+	}],
+	propDecorators: {
+		inputId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inputId",
+				required: false
+			}]
+		}],
+		scrollHeight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scrollHeight",
+				required: false
+			}]
+		}],
+		metaKeySelection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "metaKeySelection",
+				required: false
+			}]
+		}],
+		display: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "display",
+				required: false
+			}]
+		}],
+		selectionMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectionMode",
+				required: false
+			}]
+		}],
+		tabindex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabindex",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		panelClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "panelClass",
+				required: false
+			}]
+		}],
+		panelStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "panelStyle",
+				required: false
+			}]
+		}],
+		panelStyleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "panelStyleClass",
+				required: false
+			}]
+		}],
+		containerStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "containerStyle",
+				required: false
+			}]
+		}],
+		containerStyleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "containerStyleClass",
+				required: false
+			}]
+		}],
+		labelStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelStyle",
+				required: false
+			}]
+		}],
+		labelStyleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelStyleClass",
+				required: false
+			}]
+		}],
+		overlayOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "overlayOptions",
+				required: false
+			}]
+		}],
+		emptyMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyMessage",
+				required: false
+			}]
+		}],
+		filter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filter",
+				required: false
+			}]
+		}],
+		filterBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterBy",
+				required: false
+			}]
+		}],
+		filterMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterMode",
+				required: false
+			}]
+		}],
+		filterPlaceholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterPlaceholder",
+				required: false
+			}]
+		}],
+		filterLocale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterLocale",
+				required: false
+			}]
+		}],
+		filterInputAutoFocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterInputAutoFocus",
+				required: false
+			}]
+		}],
+		propagateSelectionDown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "propagateSelectionDown",
+				required: false
+			}]
+		}],
+		propagateSelectionUp: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "propagateSelectionUp",
+				required: false
+			}]
+		}],
+		showClear: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showClear",
+				required: false
+			}]
+		}],
+		resetFilterOnHide: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resetFilterOnHide",
+				required: false
+			}]
+		}],
+		virtualScroll: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "virtualScroll",
+				required: false
+			}]
+		}],
+		virtualScrollItemSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "virtualScrollItemSize",
+				required: false
+			}]
+		}],
+		virtualScrollOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "virtualScrollOptions",
+				required: false
+			}]
+		}],
+		autofocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autofocus",
+				required: false
+			}]
+		}],
+		options: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "options",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		loadingMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loadingMode",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		fluid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fluid",
+				required: false
+			}]
+		}],
+		appendTo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appendTo",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		onNodeExpand: [{
+			type: i0.Output,
+			args: ["onNodeExpand"]
+		}],
+		onNodeCollapse: [{
+			type: i0.Output,
+			args: ["onNodeCollapse"]
+		}],
+		onShow: [{
+			type: i0.Output,
+			args: ["onShow"]
+		}],
+		onHide: [{
+			type: i0.Output,
+			args: ["onHide"]
+		}],
+		onClear: [{
+			type: i0.Output,
+			args: ["onClear"]
+		}],
+		onFilter: [{
+			type: i0.Output,
+			args: ["onFilter"]
+		}],
+		onFocus: [{
+			type: i0.Output,
+			args: ["onFocus"]
+		}],
+		onBlur: [{
+			type: i0.Output,
+			args: ["onBlur"]
+		}],
+		onNodeUnselect: [{
+			type: i0.Output,
+			args: ["onNodeUnselect"]
+		}],
+		onNodeSelect: [{
+			type: i0.Output,
+			args: ["onNodeSelect"]
+		}],
+		focusInput: [{
+			type: i0.ViewChild,
+			args: ["focusInput", { isSignal: true }]
+		}],
+		filterViewChild: [{
+			type: i0.ViewChild,
+			args: ["filter", { isSignal: true }]
+		}],
+		treeViewChild: [{
+			type: i0.ViewChild,
+			args: ["tree", { isSignal: true }]
+		}],
+		panelEl: [{
+			type: i0.ViewChild,
+			args: ["panel", { isSignal: true }]
+		}],
+		overlayViewChild: [{
+			type: i0.ViewChild,
+			args: ["overlay", { isSignal: true }]
+		}],
+		firstHiddenFocusableElementOnOverlay: [{
+			type: i0.ViewChild,
+			args: ["firstHiddenFocusableEl", { isSignal: true }]
+		}],
+		lastHiddenFocusableElementOnOverlay: [{
+			type: i0.ViewChild,
+			args: ["lastHiddenFocusableEl", { isSignal: true }]
+		}],
+		_valueTemplateQuery: [{
+			type: i0.ContentChild,
+			args: ["value", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		headerTemplate: [{
+			type: i0.ContentChild,
+			args: ["header", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		emptyTemplate: [{
+			type: i0.ContentChild,
+			args: ["empty", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		footerTemplate: [{
+			type: i0.ContentChild,
+			args: ["footer", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		clearIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["clearicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		triggerIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["triggericon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		dropdownIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["dropdownicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		filterIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["filtericon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		closeIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["closeicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		itemTogglerIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["itemtogglericon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		itemCheckboxIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["itemcheckboxicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		itemLoadingIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["itemloadingicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var TreeSelectModule = class TreeSelectModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelectModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelectModule,
+		imports: [TreeSelect, SharedModule],
+		exports: [TreeSelect, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TreeSelectModule,
+		imports: [
+			TreeSelect,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TreeSelectModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [TreeSelect, SharedModule],
+			exports: [TreeSelect, SharedModule]
+		}]
+	}]
+});
 export { TREESELECT_VALUE_ACCESSOR, TreeSelect, TreeSelectClasses, TreeSelectModule, TreeSelectStyle };
-//# sourceMappingURL=gravionlabs-helix-core-treeselect.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-treeselect.mjs.map