npm - cax-design-system - Versions diffs - 2.7.7 → 2.7.8 - Mend

cax-design-system 2.7.7 → 2.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/esm2022/multiselect/multiselect.mjs +3 -3
package/esm2022/sidebar/sidebar.mjs +2 -2
package/esm2022/treeselect/treeselect.mjs +2 -2
package/fesm2022/cax-design-system-multiselect.mjs +2 -2
package/fesm2022/cax-design-system-multiselect.mjs.map +1 -1
package/fesm2022/cax-design-system-sidebar.mjs +1 -1
package/fesm2022/cax-design-system-sidebar.mjs.map +1 -1
package/fesm2022/cax-design-system-treeselect.mjs +2 -2
package/fesm2022/cax-design-system-treeselect.mjs.map +1 -1
package/package.json +310 -310
package/resources/cax.min.scss +1 -1
package/resources/cax.scss +1 -0
package/resources/components/multiselect/multiselect.scss +3 -2
package/resources/components/treeselect/treeselect.scss +3 -2

package/fesm2022/cax-design-system-sidebar.mjs CHANGED Viewed

@@ -224,7 +224,7 @@ class Sidebar {
         }
     }
     handleContentShift() {
-        const body = document.body;
+        const body = this.document.body;
         body.style.margin = '0'; // Clear any old shifts
         if (!this.sidebarElement || this.mode !== 'inline')
             return;

package/fesm2022/cax-design-system-sidebar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cax-design-system-sidebar.mjs","sources":["../../src/app/components/sidebar/sidebar.ts","../../src/app/components/sidebar/sidebar.html","../../src/app/components/sidebar/sidebar.module.ts","../../src/app/components/sidebar/cax-design-system-sidebar.ts"],"sourcesContent":["import { animate, animation, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnDestroy,\n Output,\n QueryList,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute\n} from '@angular/core';\nimport { caxConfig, CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Nullable, VoidListener } from 'cax-design-system/ts-helpers';\nimport { ZIndexUtils } from 'cax-design-system/utils';\n\nconst showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);\n\nconst hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n/*\n Sidebar is a panel component displayed as an overlay at the edges of the screen.\n * @group Components\n /\n@Component({\n selector: 'cax-sidebar',\n templateUrl: './sidebar.html',\n styleUrls: ['./sidebar.scss'],\n animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule, RippleModule, SharedModule, TimesIcon, ButtonModule],\n host: {\n class: 'cax-element'\n }\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {\n sidebarVisible = false;\n\n toggleSidebar() {\n this.sidebarVisible = this.visible;\n this.sidebarVisible = !this.sidebarVisible;\n }\n @Input() headerText: string = '';\n /\n Target element to attach the dialog, 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).\n * @group Props\n /\n @Input() appendTo: HTMLElement \| ElementRef \| TemplateRef<any> \| string \| null \| undefined \| any;\n /\n Whether to block scrolling of the document when sidebar is active.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) blockScroll: boolean = false;\n /\n Inline style of the component.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the component.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n /\n Aria label of the close icon.\n * @group Props\n /\n @Input() ariaCloseLabel: string \| undefined;\n /\n Whether to automatically manage layering.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /\n Base zIndex value to use in layering.\n * @group Props\n /\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /\n Whether an overlay mask is displayed behind the sidebar.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) modal: boolean = true;\n /\n Whether to dismiss sidebar on click of the mask.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) dismissible: boolean = true;\n /\n Whether to display the close icon.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) showCloseIcon: boolean = true;\n /\n Specifies if pressing escape key should hide the sidebar.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) closeOnEscape: boolean = true;\n /\n Transition options of the animation.\n * @group Props\n /\n @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';\n /\n Specifies the visibility of the dialog.\n * @group Props\n /\n @Input() get visible(): boolean {\n return this._visible as boolean;\n }\n set visible(val: boolean) {\n this._visible = val;\n this.visibleChange.emit(this._visible);\n }\n /\n Specifies the position of the sidebar, valid values are \"left\", \"right\", \"bottom\" and \"top\".\n * @group Props\n /\n @Input() get position(): string {\n return this._position;\n }\n set position(value: string) {\n this._position = value;\n\n switch (value) {\n case 'left':\n this.transformOptions = 'translate3d(-100%, 0px, 0px)';\n break;\n case 'right':\n this.transformOptions = 'translate3d(100%, 0px, 0px)';\n break;\n case 'bottom':\n this.transformOptions = 'translate3d(0px, 100%, 0px)';\n break;\n case 'top':\n this.transformOptions = 'translate3d(0px, -100%, 0px)';\n break;\n }\n }\n /\n Adds a close icon to the header to hide the dialog.\n * @group Props\n /\n @Input() get fullScreen(): boolean {\n return this._fullScreen;\n }\n set fullScreen(value: boolean) {\n this._fullScreen = value;\n\n if (value) this.transformOptions = 'none';\n }\n @Input() mode: 'overlay' \| 'inline' = 'overlay';\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n /\n Callback to invoke when dialog is shown.\n * @group Emits\n /\n @Output() onShow: EventEmitter<any> = new EventEmitter<any>();\n /\n Callback to invoke when dialog is hidden.\n * @group Emits\n /\n @Output() onHide: EventEmitter<any> = new EventEmitter<any>();\n /\n Callback to invoke when dialog visibility is changed.\n * @param {boolean} value - Visible value.\n * @group Emits\n /\n @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n initialized: boolean \| undefined;\n\n _visible: boolean \| undefined;\n\n _position: string = 'left';\n\n _fullScreen: boolean = false;\n\n container: Nullable<HTMLDivElement>;\n\n transformOptions: any = 'translate3d(-100%, 0px, 0px)';\n\n mask: Nullable<HTMLDivElement>;\n\n maskClickListener: VoidListener;\n\n documentEscapeListener: VoidListener;\n\n animationEndListener: VoidListener;\n\n @Input() contentTemplate: TemplateRef<any> \| null = null;\n\n @Input() headerTemplate: TemplateRef<any> \| null = null;\n @Input() headlessTemplate: TemplateRef<any> \| null = null;\n\n @Input() footerTemplate: Nullable<TemplateRef<any>>;\n\n @Input() closeIconTemplate: TemplateRef<any> \| null = null;\n\n /\n Inline style of the header section.\n * @group Props\n /\n @Input() headerStyle: { [klass: string]: any } = {}; // Changed to initialize with empty object\n\n // headlessTemplate: Nullable<TemplateRef<any>>;\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n public el: ElementRef,\n public renderer: Renderer2,\n public cd: ChangeDetectorRef,\n public config: caxConfig\n ) {}\n\n ngAfterViewInit() {\n this.initialized = true;\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'content':\n this.contentTemplate = item.template;\n break;\n case 'header':\n this.headerTemplate = item.template;\n break;\n case 'footer':\n this.footerTemplate = item.template;\n break;\n case 'closeicon':\n this.closeIconTemplate = item.template;\n break;\n case 'headless':\n this.headlessTemplate = item.template;\n break;\n\n default:\n this.contentTemplate = item.template;\n break;\n }\n });\n }\n\n @HostBinding('class.sidebar-inline') isInlineMode = false;\n @ViewChild('container') sidebarElement!: ElementRef;\n private hasShifted = false;\n ngAfterViewChecked(): void {\n if (this.visible && this.sidebarElement && !this.hasShifted) {\n this.handleContentShift();\n this.hasShifted = true;\n } else if (!this.visible && this.hasShifted) {\n this.resetBodyShift(); // optional cleanup\n this.hasShifted = false;\n }\n }\n\n handleContentShift(): void {\n const body = document.body;\n body.style.margin = '0'; // Clear any old shifts\n\n if (!this.sidebarElement \|\| this.mode !== 'inline') return;\n const sidebar = this.sidebarElement.nativeElement as HTMLElement;\n const width = sidebar.offsetWidth;\n const height = sidebar.offsetHeight;\n switch (this.position) {\n case 'left':\n body.style.marginLeft = `${width}px`;\n break;\n case 'right':\n body.style.marginRight = `${width}px`;\n break;\n case 'top':\n body.style.marginTop = `${height}px`;\n break;\n case 'bottom':\n body.style.marginBottom = `${height}px`;\n break;\n }\n }\n\n resetBodyShift(): void {\n const body = document.body;\n body.style.marginLeft = '';\n body.style.marginRight = '';\n body.style.marginTop = '';\n body.style.marginBottom = '';\n }\n\n onKeyDown(event: KeyboardEvent) {\n if (event.code === 'Escape') {\n this.hide(false);\n }\n }\n\n show() {\n if (this.autoZIndex) {\n ZIndexUtils.set('modal', this.container, this.baseZIndex \|\| this.config.zIndex.modal);\n }\n\n if (this.modal) {\n this.enableModality();\n }\n\n this.onShow.emit({});\n this.visibleChange.emit(true);\n }\n\n hide(emit: boolean = true) {\n if (emit) {\n this.onHide.emit({});\n }\n\n if (this.modal) {\n this.disableModality();\n }\n }\n\n close(event: Event) {\n this.hide();\n this.visible = false;\n this.visibleChange.emit(this.visible);\n event.preventDefault();\n }\n\n enableModality() {\n const activeDrawers = this.document.querySelectorAll('.cax-sidebar-active');\n const activeDrawersLength = activeDrawers.length;\n const zIndex = activeDrawersLength == 1 ? String(parseInt((this.container as HTMLDivElement).style.zIndex) - 1) : String(parseInt((activeDrawers[0] as HTMLElement).style.zIndex) - 1);\n\n if (!this.mask) {\n this.mask = this.renderer.createElement('div');\n this.renderer.setStyle(this.mask, 'zIndex', zIndex);\n DomHandler.addMultipleClasses(this.mask, 'cax-component-overlay cax-sidebar-mask cax-component-overlay cax-component-overlay-enter');\n\n if (this.dismissible) {\n this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n if (this.dismissible) {\n this.close(event);\n }\n });\n }\n\n this.renderer.appendChild(this.document.body, this.mask);\n if (this.blockScroll) {\n DomHandler.blockBodyScroll();\n }\n }\n }\n\n disableModality() {\n if (this.mask) {\n DomHandler.addClass(this.mask, 'cax-component-overlay-leave');\n this.animationEndListener = this.renderer.listen(this.mask, 'animationend', this.destroyModal.bind(this));\n }\n }\n\n destroyModal() {\n this.unbindMaskClickListener();\n\n if (this.mask) {\n this.renderer.removeChild(this.document.body, this.mask);\n }\n\n if (this.blockScroll) {\n DomHandler.unblockBodyScroll();\n }\n\n this.unbindAnimationEndListener();\n this.mask = null;\n }\n\n onAnimationStart(event: any) {\n switch (event.toState) {\n case 'visible':\n this.container = event.element;\n this.appendContainer();\n this.show();\n\n if (this.closeOnEscape) {\n this.bindDocumentEscapeListener();\n }\n break;\n }\n }\n\n onAnimationEnd(event: any) {\n switch (event.toState) {\n case 'void':\n this.hide(false);\n ZIndexUtils.clear(this.container);\n this.unbindGlobalListeners();\n break;\n }\n }\n\n appendContainer() {\n if (this.appendTo) {\n if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);\n else DomHandler.appendChild(this.container, this.appendTo);\n }\n }\n\n bindDocumentEscapeListener() {\n const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;\n\n this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n if (event.which == 27) {\n if (parseInt((this.container as HTMLDivElement).style.zIndex) === ZIndexUtils.get(this.container)) {\n this.close(event);\n }\n }\n });\n }\n\n unbindDocumentEscapeListener() {\n if (this.documentEscapeListener) {\n this.documentEscapeListener();\n this.documentEscapeListener = null;\n }\n }\n\n unbindMaskClickListener() {\n if (this.maskClickListener) {\n this.maskClickListener();\n this.maskClickListener = null;\n }\n }\n\n unbindGlobalListeners() {\n this.unbindMaskClickListener();\n this.unbindDocumentEscapeListener();\n }\n\n unbindAnimationEndListener() {\n if (this.animationEndListener && this.mask) {\n this.animationEndListener();\n this.animationEndListener = null;\n }\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['mode']) {\n this.modal = this.mode !== 'inline';\n this.isInlineMode = this.mode === 'inline';\n this.handleContentShift();\n }\n\n if (changes['visible']) {\n this.handleContentShift();\n }\n }\n ngOnDestroy() {\n this.initialized = false;\n\n if (this.visible && this.modal) {\n this.destroyModal();\n }\n\n if (this.appendTo && this.container) {\n this.renderer.appendChild(this.el.nativeElement, this.container);\n }\n\n if (this.container && this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n this.container = null;\n this.unbindGlobalListeners();\n this.unbindAnimationEndListener();\n }\n}\n"," <!-- Sidebar Panel -->\r\n <div\r\n #container\r\n [ngClass]=\"{\r\n 'cax-sidebar': true,\r\n 'cax-sidebar-active': visible,\r\n 'cax-sidebar-overlay': mode === 'overlay',\r\n 'cax-sidebar-inline': mode === 'inline',\r\n 'cax-sidebar-left': position === 'left' && !fullScreen,\r\n 'cax-sidebar-right': position === 'right' && !fullScreen,\r\n 'cax-sidebar-top': position === 'top' && !fullScreen,\r\n 'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n 'cax-sidebar-full': fullScreen\r\n }\"\r\n ngIf=\"visible\"\r\n [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n (@panelState.start)=\"onAnimationStart($event)\"\r\n (@panelState.done)=\"onAnimationEnd($event)\"\r\n [ngStyle]=\"style\"\r\n [class]=\"styleClass\"\r\n role=\"complementary\"\r\n [attr.data-pc-name]=\"'sidebar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n (keydown)=\"onKeyDown($event)\"\r\n >\r\n <ng-container ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n <ng-container ngIf=\"headlessTemplate; else notHeadless\">\r\n <ng-container ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-template #notHeadless>\r\n <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n <ng-container ngIf=\"headerTemplate; else defaultHeader\">\r\n <ng-container ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n </ng-container>\r\n <ng-template #defaultHeader>\r\n <div>{{ headerText \|\| 'Sidebar' }}</div>\r\n </ng-template>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n (click)=\"close($event)\"\r\n (keydown.enter)=\"close($event)\"\r\n [attr.aria-label]=\"ariaCloseLabel\"\r\n ngIf=\"showCloseIcon\"\r\n caxRipple\r\n [attr.data-pc-section]=\"'closebutton'\"\r\n [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n >\r\n <TimesIcon ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n <span ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n <ng-template ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n <ng-content></ng-content>\r\n <ng-container ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n </div>\r\n\r\n <div ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n <ng-container ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Sidebar } from './sidebar';\n\n@NgModule({\n imports: [Sidebar, CommonModule, RippleModule, SharedModule, TimesIcon, ButtonModule],\n exports: [SharedModule, Sidebar]\n})\nexport class SidebarModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cax-design-system-sidebar.mjs","sources":["../../src/app/components/sidebar/sidebar.ts","../../src/app/components/sidebar/sidebar.html","../../src/app/components/sidebar/sidebar.module.ts","../../src/app/components/sidebar/cax-design-system-sidebar.ts"],"sourcesContent":["import { animate, animation, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnDestroy,\n Output,\n QueryList,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute\n} from '@angular/core';\nimport { caxConfig, CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Nullable, VoidListener } from 'cax-design-system/ts-helpers';\nimport { ZIndexUtils } from 'cax-design-system/utils';\n\nconst showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);\n\nconst hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n/*\n Sidebar is a panel component displayed as an overlay at the edges of the screen.\n * @group Components\n /\n@Component({\n selector: 'cax-sidebar',\n templateUrl: './sidebar.html',\n styleUrls: ['./sidebar.scss'],\n animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule, RippleModule, SharedModule, TimesIcon, ButtonModule],\n host: {\n class: 'cax-element'\n }\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {\n sidebarVisible = false;\n\n toggleSidebar() {\n this.sidebarVisible = this.visible;\n this.sidebarVisible = !this.sidebarVisible;\n }\n @Input() headerText: string = '';\n /\n Target element to attach the dialog, 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).\n * @group Props\n /\n @Input() appendTo: HTMLElement \| ElementRef \| TemplateRef<any> \| string \| null \| undefined \| any;\n /\n Whether to block scrolling of the document when sidebar is active.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) blockScroll: boolean = false;\n /\n Inline style of the component.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the component.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n /\n Aria label of the close icon.\n * @group Props\n /\n @Input() ariaCloseLabel: string \| undefined;\n /\n Whether to automatically manage layering.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /\n Base zIndex value to use in layering.\n * @group Props\n /\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /\n Whether an overlay mask is displayed behind the sidebar.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) modal: boolean = true;\n /\n Whether to dismiss sidebar on click of the mask.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) dismissible: boolean = true;\n /\n Whether to display the close icon.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) showCloseIcon: boolean = true;\n /\n Specifies if pressing escape key should hide the sidebar.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) closeOnEscape: boolean = true;\n /\n Transition options of the animation.\n * @group Props\n /\n @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';\n /\n Specifies the visibility of the dialog.\n * @group Props\n /\n @Input() get visible(): boolean {\n return this._visible as boolean;\n }\n set visible(val: boolean) {\n this._visible = val;\n this.visibleChange.emit(this._visible);\n }\n /\n Specifies the position of the sidebar, valid values are \"left\", \"right\", \"bottom\" and \"top\".\n * @group Props\n /\n @Input() get position(): string {\n return this._position;\n }\n set position(value: string) {\n this._position = value;\n\n switch (value) {\n case 'left':\n this.transformOptions = 'translate3d(-100%, 0px, 0px)';\n break;\n case 'right':\n this.transformOptions = 'translate3d(100%, 0px, 0px)';\n break;\n case 'bottom':\n this.transformOptions = 'translate3d(0px, 100%, 0px)';\n break;\n case 'top':\n this.transformOptions = 'translate3d(0px, -100%, 0px)';\n break;\n }\n }\n /\n Adds a close icon to the header to hide the dialog.\n * @group Props\n /\n @Input() get fullScreen(): boolean {\n return this._fullScreen;\n }\n set fullScreen(value: boolean) {\n this._fullScreen = value;\n\n if (value) this.transformOptions = 'none';\n }\n @Input() mode: 'overlay' \| 'inline' = 'overlay';\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n /\n Callback to invoke when dialog is shown.\n * @group Emits\n /\n @Output() onShow: EventEmitter<any> = new EventEmitter<any>();\n /\n Callback to invoke when dialog is hidden.\n * @group Emits\n /\n @Output() onHide: EventEmitter<any> = new EventEmitter<any>();\n /\n Callback to invoke when dialog visibility is changed.\n * @param {boolean} value - Visible value.\n * @group Emits\n /\n @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n initialized: boolean \| undefined;\n\n _visible: boolean \| undefined;\n\n _position: string = 'left';\n\n _fullScreen: boolean = false;\n\n container: Nullable<HTMLDivElement>;\n\n transformOptions: any = 'translate3d(-100%, 0px, 0px)';\n\n mask: Nullable<HTMLDivElement>;\n\n maskClickListener: VoidListener;\n\n documentEscapeListener: VoidListener;\n\n animationEndListener: VoidListener;\n\n @Input() contentTemplate: TemplateRef<any> \| null = null;\n\n @Input() headerTemplate: TemplateRef<any> \| null = null;\n @Input() headlessTemplate: TemplateRef<any> \| null = null;\n\n @Input() footerTemplate: Nullable<TemplateRef<any>>;\n\n @Input() closeIconTemplate: TemplateRef<any> \| null = null;\n\n /\n Inline style of the header section.\n * @group Props\n /\n @Input() headerStyle: { [klass: string]: any } = {}; // Changed to initialize with empty object\n\n // headlessTemplate: Nullable<TemplateRef<any>>;\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n public el: ElementRef,\n public renderer: Renderer2,\n public cd: ChangeDetectorRef,\n public config: caxConfig\n ) {}\n\n ngAfterViewInit() {\n this.initialized = true;\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'content':\n this.contentTemplate = item.template;\n break;\n case 'header':\n this.headerTemplate = item.template;\n break;\n case 'footer':\n this.footerTemplate = item.template;\n break;\n case 'closeicon':\n this.closeIconTemplate = item.template;\n break;\n case 'headless':\n this.headlessTemplate = item.template;\n break;\n\n default:\n this.contentTemplate = item.template;\n break;\n }\n });\n }\n\n @HostBinding('class.sidebar-inline') isInlineMode = false;\n @ViewChild('container') sidebarElement!: ElementRef;\n private hasShifted = false;\n ngAfterViewChecked(): void {\n if (this.visible && this.sidebarElement && !this.hasShifted) {\n this.handleContentShift();\n this.hasShifted = true;\n } else if (!this.visible && this.hasShifted) {\n this.resetBodyShift(); // optional cleanup\n this.hasShifted = false;\n }\n }\n\n handleContentShift(): void {\n const body = this.document.body;\n body.style.margin = '0'; // Clear any old shifts\n\n if (!this.sidebarElement \|\| this.mode !== 'inline') return;\n const sidebar = this.sidebarElement.nativeElement as HTMLElement;\n const width = sidebar.offsetWidth;\n const height = sidebar.offsetHeight;\n switch (this.position) {\n case 'left':\n body.style.marginLeft = `${width}px`;\n break;\n case 'right':\n body.style.marginRight = `${width}px`;\n break;\n case 'top':\n body.style.marginTop = `${height}px`;\n break;\n case 'bottom':\n body.style.marginBottom = `${height}px`;\n break;\n }\n }\n\n resetBodyShift(): void {\n const body = document.body;\n body.style.marginLeft = '';\n body.style.marginRight = '';\n body.style.marginTop = '';\n body.style.marginBottom = '';\n }\n\n onKeyDown(event: KeyboardEvent) {\n if (event.code === 'Escape') {\n this.hide(false);\n }\n }\n\n show() {\n if (this.autoZIndex) {\n ZIndexUtils.set('modal', this.container, this.baseZIndex \|\| this.config.zIndex.modal);\n }\n\n if (this.modal) {\n this.enableModality();\n }\n\n this.onShow.emit({});\n this.visibleChange.emit(true);\n }\n\n hide(emit: boolean = true) {\n if (emit) {\n this.onHide.emit({});\n }\n\n if (this.modal) {\n this.disableModality();\n }\n }\n\n close(event: Event) {\n this.hide();\n this.visible = false;\n this.visibleChange.emit(this.visible);\n event.preventDefault();\n }\n\n enableModality() {\n const activeDrawers = this.document.querySelectorAll('.cax-sidebar-active');\n const activeDrawersLength = activeDrawers.length;\n const zIndex = activeDrawersLength == 1 ? String(parseInt((this.container as HTMLDivElement).style.zIndex) - 1) : String(parseInt((activeDrawers[0] as HTMLElement).style.zIndex) - 1);\n\n if (!this.mask) {\n this.mask = this.renderer.createElement('div');\n this.renderer.setStyle(this.mask, 'zIndex', zIndex);\n DomHandler.addMultipleClasses(this.mask, 'cax-component-overlay cax-sidebar-mask cax-component-overlay cax-component-overlay-enter');\n\n if (this.dismissible) {\n this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n if (this.dismissible) {\n this.close(event);\n }\n });\n }\n\n this.renderer.appendChild(this.document.body, this.mask);\n if (this.blockScroll) {\n DomHandler.blockBodyScroll();\n }\n }\n }\n\n disableModality() {\n if (this.mask) {\n DomHandler.addClass(this.mask, 'cax-component-overlay-leave');\n this.animationEndListener = this.renderer.listen(this.mask, 'animationend', this.destroyModal.bind(this));\n }\n }\n\n destroyModal() {\n this.unbindMaskClickListener();\n\n if (this.mask) {\n this.renderer.removeChild(this.document.body, this.mask);\n }\n\n if (this.blockScroll) {\n DomHandler.unblockBodyScroll();\n }\n\n this.unbindAnimationEndListener();\n this.mask = null;\n }\n\n onAnimationStart(event: any) {\n switch (event.toState) {\n case 'visible':\n this.container = event.element;\n this.appendContainer();\n this.show();\n\n if (this.closeOnEscape) {\n this.bindDocumentEscapeListener();\n }\n break;\n }\n }\n\n onAnimationEnd(event: any) {\n switch (event.toState) {\n case 'void':\n this.hide(false);\n ZIndexUtils.clear(this.container);\n this.unbindGlobalListeners();\n break;\n }\n }\n\n appendContainer() {\n if (this.appendTo) {\n if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);\n else DomHandler.appendChild(this.container, this.appendTo);\n }\n }\n\n bindDocumentEscapeListener() {\n const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;\n\n this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n if (event.which == 27) {\n if (parseInt((this.container as HTMLDivElement).style.zIndex) === ZIndexUtils.get(this.container)) {\n this.close(event);\n }\n }\n });\n }\n\n unbindDocumentEscapeListener() {\n if (this.documentEscapeListener) {\n this.documentEscapeListener();\n this.documentEscapeListener = null;\n }\n }\n\n unbindMaskClickListener() {\n if (this.maskClickListener) {\n this.maskClickListener();\n this.maskClickListener = null;\n }\n }\n\n unbindGlobalListeners() {\n this.unbindMaskClickListener();\n this.unbindDocumentEscapeListener();\n }\n\n unbindAnimationEndListener() {\n if (this.animationEndListener && this.mask) {\n this.animationEndListener();\n this.animationEndListener = null;\n }\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['mode']) {\n this.modal = this.mode !== 'inline';\n this.isInlineMode = this.mode === 'inline';\n this.handleContentShift();\n }\n\n if (changes['visible']) {\n this.handleContentShift();\n }\n }\n ngOnDestroy() {\n this.initialized = false;\n\n if (this.visible && this.modal) {\n this.destroyModal();\n }\n\n if (this.appendTo && this.container) {\n this.renderer.appendChild(this.el.nativeElement, this.container);\n }\n\n if (this.container && this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n this.container = null;\n this.unbindGlobalListeners();\n this.unbindAnimationEndListener();\n }\n}\n"," <!-- Sidebar Panel -->\r\n <div\r\n #container\r\n [ngClass]=\"{\r\n 'cax-sidebar': true,\r\n 'cax-sidebar-active': visible,\r\n 'cax-sidebar-overlay': mode === 'overlay',\r\n 'cax-sidebar-inline': mode === 'inline',\r\n 'cax-sidebar-left': position === 'left' && !fullScreen,\r\n 'cax-sidebar-right': position === 'right' && !fullScreen,\r\n 'cax-sidebar-top': position === 'top' && !fullScreen,\r\n 'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n 'cax-sidebar-full': fullScreen\r\n }\"\r\n ngIf=\"visible\"\r\n [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n (@panelState.start)=\"onAnimationStart($event)\"\r\n (@panelState.done)=\"onAnimationEnd($event)\"\r\n [ngStyle]=\"style\"\r\n [class]=\"styleClass\"\r\n role=\"complementary\"\r\n [attr.data-pc-name]=\"'sidebar'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n (keydown)=\"onKeyDown($event)\"\r\n >\r\n <ng-container ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n <ng-container ngIf=\"headlessTemplate; else notHeadless\">\r\n <ng-container ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-template #notHeadless>\r\n <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n <ng-container ngIf=\"headerTemplate; else defaultHeader\">\r\n <ng-container ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n </ng-container>\r\n <ng-template #defaultHeader>\r\n <div>{{ headerText \|\| 'Sidebar' }}</div>\r\n </ng-template>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n (click)=\"close($event)\"\r\n (keydown.enter)=\"close($event)\"\r\n [attr.aria-label]=\"ariaCloseLabel\"\r\n ngIf=\"showCloseIcon\"\r\n caxRipple\r\n [attr.data-pc-section]=\"'closebutton'\"\r\n [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n >\r\n <TimesIcon ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n <span ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n <ng-template ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n <ng-content></ng-content>\r\n <ng-container ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n </div>\r\n\r\n <div ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n <ng-container ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n </div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Sidebar } from './sidebar';\n\n@NgModule({\n imports: [Sidebar, CommonModule, RippleModule, SharedModule, TimesIcon, ButtonModule],\n exports: [SharedModule, Sidebar]\n})\nexport class SidebarModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cax-design-system-treeselect.mjs CHANGED Viewed

@@ -721,7 +721,7 @@ class TreeSelect {
         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: "18.2.9", ngImport: i0, type: TreeSelect, deps: [{ token: i1.caxConfig }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.OverlayService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: TreeSelect, selector: "cax-treeSelect", inputs: { showRightIcon: "showRightIcon", inputId: "inputId", scrollHeight: "scrollHeight", disabled: ["disabled", "disabled", booleanAttribute], metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], labelText: "labelText", variant: "variant", display: "display", selectionMode: "selectionMode", tabindex: "tabindex", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", placeholder: "placeholder", panelClass: "panelClass", panelStyle: "panelStyle", panelStyleClass: "panelStyleClass", containerStyle: "containerStyle", containerStyleClass: "containerStyleClass", labelStyle: "labelStyle", labelStyleClass: "labelStyleClass", overlayOptions: "overlayOptions", emptyMessage: "emptyMessage", appendTo: "appendTo", filter: ["filter", "filter", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", filterInputAutoFocus: ["filterInputAutoFocus", "filterInputAutoFocus", booleanAttribute], propagateSelectionDown: ["propagateSelectionDown", "propagateSelectionDown", booleanAttribute], propagateSelectionUp: ["propagateSelectionUp", "propagateSelectionUp", booleanAttribute], showClear: ["showClear", "showClear", booleanAttribute], resetFilterOnHide: ["resetFilterOnHide", "resetFilterOnHide", booleanAttribute], virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", virtualScrollOptions: "virtualScrollOptions", autofocus: ["autofocus", "autofocus", booleanAttribute], options: "options", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", loading: ["loading", "loading", booleanAttribute] }, outputs: { onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onShow: "onShow", onHide: "onHide", onClear: "onClear", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onNodeUnselect: "onNodeUnselect", onNodeSelect: "onNodeSelect" }, host: { properties: { "class.cax-inputwrapper-filled": "!emptyValue", "class.cax-inputwrapper-focus": "focused", "class.cax-treeselect-clearable": "showClear && !disabled" }, classAttribute: "cax-element cax-inputwrapper" }, providers: [TREESELECT_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true }, { propertyName: "focusInput", first: true, predicate: ["focusInput"], descendants: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }, { propertyName: "treeViewChild", first: true, predicate: ["tree"], descendants: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true }], ngImport: i0, template: "<div class=\"cax-dropdown-container\">\r\n    <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\r\n    <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\r\n        <div class=\"cax-hidden-accessible\">\r\n            <input\r\n                #focusInput\r\n                type=\"text\"\r\n                role=\"combobox\"\r\n                [attr.id]=\"inputId\"\r\n                readonly\r\n                [disabled]=\"disabled\"\r\n                (focus)=\"onInputFocus($event)\"\r\n                (blur)=\"onInputBlur($event)\"\r\n                (keydown)=\"onKeyDown($event)\"\r\n                [attr.tabindex]=\"!disabled ? tabindex : -1\"\r\n                [attr.aria-controls]=\"overlayVisible ? listId : null\"\r\n                [attr.aria-haspopup]=\"'tree'\"\r\n                [attr.aria-expanded]=\"overlayVisible ?? false\"\r\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\r\n                pAutoFocus\r\n                [autofocus]=\"autofocus\"\r\n            />\r\n        </div>\r\n        <div class=\"cax-treeselect-label-container\">\r\n            <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\r\n                <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\r\n                    <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #defaultValueTemplate>\r\n                    <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\r\n                    <ng-template #chipsValueTemplate>\r\n                        <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\r\n                            <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\r\n                        </div>\r\n                        <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\r\n                    </ng-template>\r\n                </ng-template>\r\n            </div>\r\n            <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\r\n                <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\r\n                <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\r\n                    <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\r\n            <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\r\n            <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\r\n                <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\r\n            </span>\r\n        </div>\r\n        <cax-overlay\r\n            #overlay\r\n            [(visible)]=\"overlayVisible\"\r\n            [options]=\"overlayOptions\"\r\n            [target]=\"'@parent'\"\r\n            [appendTo]=\"appendTo\"\r\n            [showTransitionOptions]=\"showTransitionOptions\"\r\n            [hideTransitionOptions]=\"hideTransitionOptions\"\r\n            (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n            (onBeforeHide)=\"onOverlayBeforeHide($event)\"\r\n            (onShow)=\"onShow.emit($event)\"\r\n            (onHide)=\"hide($event)\"\r\n        >\r\n            <ng-template caxTemplate=\"content\">\r\n                <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\r\n                    <span\r\n                        #firstHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onFirstHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    >\r\n                    </span>\r\n                    <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\r\n                        <div class=\"cax-treeselect-filter-container\">\r\n                            <input\r\n                                #filter\r\n                                type=\"search\"\r\n                                autocomplete=\"off\"\r\n                                class=\"cax-treeselect-filter cax-inputtext cax-component\"\r\n                                [attr.placeholder]=\"filterPlaceholder\"\r\n                                (keydown.enter)=\"$event.preventDefault()\"\r\n                                (input)=\"onFilterInput($event)\"\r\n                                [value]=\"filterValue\"\r\n                            />\r\n                            <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\r\n                            <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\r\n                                <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\r\n                        <cax-tree\r\n                            #tree\r\n                            [value]=\"options\"\r\n                            [rightIcon]=\"showRightIcon\"\r\n                            [propagateSelectionDown]=\"propagateSelectionDown\"\r\n                            [propagateSelectionUp]=\"propagateSelectionUp\"\r\n                            [selectionMode]=\"selectionMode\"\r\n                            (selectionChange)=\"onSelectionChange($event)\"\r\n                            [selection]=\"value\"\r\n                            [metaKeySelection]=\"metaKeySelection\"\r\n                            (onNodeExpand)=\"nodeExpand($event)\"\r\n                            (onNodeCollapse)=\"nodeCollapse($event)\"\r\n                            (onNodeSelect)=\"onSelect($event)\"\r\n                            [emptyMessage]=\"emptyMessage\"\r\n                            (onNodeUnselect)=\"onUnselect($event)\"\r\n                            [filterBy]=\"filterBy\"\r\n                            [filterMode]=\"filterMode\"\r\n                            [filterPlaceholder]=\"filterPlaceholder\"\r\n                            [filterLocale]=\"filterLocale\"\r\n                            [filteredNodes]=\"filteredNodes\"\r\n                            [virtualScroll]=\"virtualScroll\"\r\n                            [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n                            [virtualScrollOptions]=\"virtualScrollOptions\"\r\n                            [_templateMap]=\"templateMap\"\r\n                            [loading]=\"loading\"\r\n                        >\r\n                            <ng-container *ngIf=\"emptyTemplate\">\r\n                                <ng-template caxTemplate=\"empty\">\r\n                                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                            <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\r\n                            </ng-template>\r\n                        </cax-tree>\r\n                    </div>\r\n                    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <span\r\n                        #lastHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onLastHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    ></span>\r\n                </div>\r\n            </ng-template>\r\n        </cax-overlay>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Overlay, selector: "cax-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.Tree, selector: "cax-tree", inputs: ["rightIcon", "value", "selectionMode", "allowUnselect", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "nodeActionButton", "actionButtonMode", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter", "onNodeActionClick"] }, { kind: "component", type: i5.SearchIcon, selector: "SearchIcon" }, { kind: "component", type: i6.TimesIcon, selector: "TimesIcon" }, { kind: "component", type: i7.ChevronDownIcon, selector: "ChevronDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: TreeSelect, selector: "cax-treeSelect", inputs: { showRightIcon: "showRightIcon", inputId: "inputId", scrollHeight: "scrollHeight", disabled: ["disabled", "disabled", booleanAttribute], metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], labelText: "labelText", variant: "variant", display: "display", selectionMode: "selectionMode", tabindex: "tabindex", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", placeholder: "placeholder", panelClass: "panelClass", panelStyle: "panelStyle", panelStyleClass: "panelStyleClass", containerStyle: "containerStyle", containerStyleClass: "containerStyleClass", labelStyle: "labelStyle", labelStyleClass: "labelStyleClass", overlayOptions: "overlayOptions", emptyMessage: "emptyMessage", appendTo: "appendTo", filter: ["filter", "filter", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", filterInputAutoFocus: ["filterInputAutoFocus", "filterInputAutoFocus", booleanAttribute], propagateSelectionDown: ["propagateSelectionDown", "propagateSelectionDown", booleanAttribute], propagateSelectionUp: ["propagateSelectionUp", "propagateSelectionUp", booleanAttribute], showClear: ["showClear", "showClear", booleanAttribute], resetFilterOnHide: ["resetFilterOnHide", "resetFilterOnHide", booleanAttribute], virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", virtualScrollOptions: "virtualScrollOptions", autofocus: ["autofocus", "autofocus", booleanAttribute], options: "options", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", loading: ["loading", "loading", booleanAttribute] }, outputs: { onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onShow: "onShow", onHide: "onHide", onClear: "onClear", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onNodeUnselect: "onNodeUnselect", onNodeSelect: "onNodeSelect" }, host: { properties: { "class.cax-inputwrapper-filled": "!emptyValue", "class.cax-inputwrapper-focus": "focused", "class.cax-treeselect-clearable": "showClear && !disabled" }, classAttribute: "cax-element cax-inputwrapper" }, providers: [TREESELECT_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true }, { propertyName: "focusInput", first: true, predicate: ["focusInput"], descendants: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }, { propertyName: "treeViewChild", first: true, predicate: ["tree"], descendants: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }, { propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "firstHiddenFocusableElementOnOverlay", first: true, predicate: ["firstHiddenFocusableEl"], descendants: true }, { propertyName: "lastHiddenFocusableElementOnOverlay", first: true, predicate: ["lastHiddenFocusableEl"], descendants: true }], ngImport: i0, template: "<div class=\"cax-dropdown-container\">\r\n    <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\r\n    <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\r\n        <div class=\"cax-hidden-accessible\">\r\n            <input\r\n                #focusInput\r\n                type=\"text\"\r\n                role=\"combobox\"\r\n                [attr.id]=\"inputId\"\r\n                readonly\r\n                [disabled]=\"disabled\"\r\n                (focus)=\"onInputFocus($event)\"\r\n                (blur)=\"onInputBlur($event)\"\r\n                (keydown)=\"onKeyDown($event)\"\r\n                [attr.tabindex]=\"!disabled ? tabindex : -1\"\r\n                [attr.aria-controls]=\"overlayVisible ? listId : null\"\r\n                [attr.aria-haspopup]=\"'tree'\"\r\n                [attr.aria-expanded]=\"overlayVisible ?? false\"\r\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\r\n                pAutoFocus\r\n                [autofocus]=\"autofocus\"\r\n            />\r\n        </div>\r\n        <div class=\"cax-treeselect-label-container\">\r\n            <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\r\n                <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\r\n                    <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #defaultValueTemplate>\r\n                    <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\r\n                    <ng-template #chipsValueTemplate>\r\n                        <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\r\n                            <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\r\n                        </div>\r\n                        <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\r\n                    </ng-template>\r\n                </ng-template>\r\n            </div>\r\n            <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\r\n                <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\r\n                <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\r\n                    <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\r\n            <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\r\n            <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\r\n                <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\r\n            </span>\r\n        </div>\r\n        <cax-overlay\r\n            #overlay\r\n            [(visible)]=\"overlayVisible\"\r\n            [options]=\"overlayOptions\"\r\n            [target]=\"'@parent'\"\r\n            [appendTo]=\"appendTo\"\r\n            [showTransitionOptions]=\"showTransitionOptions\"\r\n            [hideTransitionOptions]=\"hideTransitionOptions\"\r\n            (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n            (onBeforeHide)=\"onOverlayBeforeHide($event)\"\r\n            (onShow)=\"onShow.emit($event)\"\r\n            (onHide)=\"hide($event)\"\r\n        >\r\n            <ng-template caxTemplate=\"content\">\r\n                <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\r\n                    <span\r\n                        #firstHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onFirstHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    >\r\n                    </span>\r\n                    <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\r\n                        <div class=\"cax-treeselect-filter-container\">\r\n                            <input\r\n                                #filter\r\n                                type=\"search\"\r\n                                autocomplete=\"off\"\r\n                                class=\"cax-treeselect-filter cax-inputtext cax-component\"\r\n                                [attr.placeholder]=\"filterPlaceholder\"\r\n                                (keydown.enter)=\"$event.preventDefault()\"\r\n                                (input)=\"onFilterInput($event)\"\r\n                                [value]=\"filterValue\"\r\n                            />\r\n                            <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\r\n                            <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\r\n                                <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\r\n                        <cax-tree\r\n                            #tree\r\n                            [value]=\"options\"\r\n                            [rightIcon]=\"showRightIcon\"\r\n                            [propagateSelectionDown]=\"propagateSelectionDown\"\r\n                            [propagateSelectionUp]=\"propagateSelectionUp\"\r\n                            [selectionMode]=\"selectionMode\"\r\n                            (selectionChange)=\"onSelectionChange($event)\"\r\n                            [selection]=\"value\"\r\n                            [metaKeySelection]=\"metaKeySelection\"\r\n                            (onNodeExpand)=\"nodeExpand($event)\"\r\n                            (onNodeCollapse)=\"nodeCollapse($event)\"\r\n                            (onNodeSelect)=\"onSelect($event)\"\r\n                            [emptyMessage]=\"emptyMessage\"\r\n                            (onNodeUnselect)=\"onUnselect($event)\"\r\n                            [filterBy]=\"filterBy\"\r\n                            [filterMode]=\"filterMode\"\r\n                            [filterPlaceholder]=\"filterPlaceholder\"\r\n                            [filterLocale]=\"filterLocale\"\r\n                            [filteredNodes]=\"filteredNodes\"\r\n                            [virtualScroll]=\"virtualScroll\"\r\n                            [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n                            [virtualScrollOptions]=\"virtualScrollOptions\"\r\n                            [_templateMap]=\"templateMap\"\r\n                            [loading]=\"loading\"\r\n                        >\r\n                            <ng-container *ngIf=\"emptyTemplate\">\r\n                                <ng-template caxTemplate=\"empty\">\r\n                                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                            <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\r\n                            </ng-template>\r\n                        </cax-tree>\r\n                    </div>\r\n                    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <span\r\n                        #lastHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onLastHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    ></span>\r\n                </div>\r\n            </ng-template>\r\n        </cax-overlay>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500;line-height:20px}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Overlay, selector: "cax-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.Tree, selector: "cax-tree", inputs: ["rightIcon", "value", "selectionMode", "allowUnselect", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "nodeActionButton", "actionButtonMode", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter", "onNodeActionClick"] }, { kind: "component", type: i5.SearchIcon, selector: "SearchIcon" }, { kind: "component", type: i6.TimesIcon, selector: "TimesIcon" }, { kind: "component", type: i7.ChevronDownIcon, selector: "ChevronDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TreeSelect, decorators: [{
             type: Component,
@@ -730,7 +730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         '[class.cax-inputwrapper-filled]': '!emptyValue',
                         '[class.cax-inputwrapper-focus]': 'focused',
                         '[class.cax-treeselect-clearable]': 'showClear && !disabled'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TREESELECT_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, template: "<div class=\"cax-dropdown-container\">\r\n    <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\r\n    <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\r\n        <div class=\"cax-hidden-accessible\">\r\n            <input\r\n                #focusInput\r\n                type=\"text\"\r\n                role=\"combobox\"\r\n                [attr.id]=\"inputId\"\r\n                readonly\r\n                [disabled]=\"disabled\"\r\n                (focus)=\"onInputFocus($event)\"\r\n                (blur)=\"onInputBlur($event)\"\r\n                (keydown)=\"onKeyDown($event)\"\r\n                [attr.tabindex]=\"!disabled ? tabindex : -1\"\r\n                [attr.aria-controls]=\"overlayVisible ? listId : null\"\r\n                [attr.aria-haspopup]=\"'tree'\"\r\n                [attr.aria-expanded]=\"overlayVisible ?? false\"\r\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\r\n                pAutoFocus\r\n                [autofocus]=\"autofocus\"\r\n            />\r\n        </div>\r\n        <div class=\"cax-treeselect-label-container\">\r\n            <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\r\n                <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\r\n                    <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #defaultValueTemplate>\r\n                    <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\r\n                    <ng-template #chipsValueTemplate>\r\n                        <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\r\n                            <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\r\n                        </div>\r\n                        <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\r\n                    </ng-template>\r\n                </ng-template>\r\n            </div>\r\n            <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\r\n                <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\r\n                <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\r\n                    <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\r\n            <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\r\n            <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\r\n                <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\r\n            </span>\r\n        </div>\r\n        <cax-overlay\r\n            #overlay\r\n            [(visible)]=\"overlayVisible\"\r\n            [options]=\"overlayOptions\"\r\n            [target]=\"'@parent'\"\r\n            [appendTo]=\"appendTo\"\r\n            [showTransitionOptions]=\"showTransitionOptions\"\r\n            [hideTransitionOptions]=\"hideTransitionOptions\"\r\n            (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n            (onBeforeHide)=\"onOverlayBeforeHide($event)\"\r\n            (onShow)=\"onShow.emit($event)\"\r\n            (onHide)=\"hide($event)\"\r\n        >\r\n            <ng-template caxTemplate=\"content\">\r\n                <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\r\n                    <span\r\n                        #firstHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onFirstHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    >\r\n                    </span>\r\n                    <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\r\n                        <div class=\"cax-treeselect-filter-container\">\r\n                            <input\r\n                                #filter\r\n                                type=\"search\"\r\n                                autocomplete=\"off\"\r\n                                class=\"cax-treeselect-filter cax-inputtext cax-component\"\r\n                                [attr.placeholder]=\"filterPlaceholder\"\r\n                                (keydown.enter)=\"$event.preventDefault()\"\r\n                                (input)=\"onFilterInput($event)\"\r\n                                [value]=\"filterValue\"\r\n                            />\r\n                            <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\r\n                            <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\r\n                                <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\r\n                        <cax-tree\r\n                            #tree\r\n                            [value]=\"options\"\r\n                            [rightIcon]=\"showRightIcon\"\r\n                            [propagateSelectionDown]=\"propagateSelectionDown\"\r\n                            [propagateSelectionUp]=\"propagateSelectionUp\"\r\n                            [selectionMode]=\"selectionMode\"\r\n                            (selectionChange)=\"onSelectionChange($event)\"\r\n                            [selection]=\"value\"\r\n                            [metaKeySelection]=\"metaKeySelection\"\r\n                            (onNodeExpand)=\"nodeExpand($event)\"\r\n                            (onNodeCollapse)=\"nodeCollapse($event)\"\r\n                            (onNodeSelect)=\"onSelect($event)\"\r\n                            [emptyMessage]=\"emptyMessage\"\r\n                            (onNodeUnselect)=\"onUnselect($event)\"\r\n                            [filterBy]=\"filterBy\"\r\n                            [filterMode]=\"filterMode\"\r\n                            [filterPlaceholder]=\"filterPlaceholder\"\r\n                            [filterLocale]=\"filterLocale\"\r\n                            [filteredNodes]=\"filteredNodes\"\r\n                            [virtualScroll]=\"virtualScroll\"\r\n                            [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n                            [virtualScrollOptions]=\"virtualScrollOptions\"\r\n                            [_templateMap]=\"templateMap\"\r\n                            [loading]=\"loading\"\r\n                        >\r\n                            <ng-container *ngIf=\"emptyTemplate\">\r\n                                <ng-template caxTemplate=\"empty\">\r\n                                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                            <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\r\n                            </ng-template>\r\n                        </cax-tree>\r\n                    </div>\r\n                    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <span\r\n                        #lastHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onLastHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    ></span>\r\n                </div>\r\n            </ng-template>\r\n        </cax-overlay>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TREESELECT_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, template: "<div class=\"cax-dropdown-container\">\r\n    <label *ngIf=\"labelText\" [ngClass]=\"labelTextClass\">{{ labelText }}</label>\r\n    <div #container [ngClass]=\"containerClass()\" [class]=\"containerStyleClass\" [ngStyle]=\"containerStyle\" (click)=\"onClick($event)\">\r\n        <div class=\"cax-hidden-accessible\">\r\n            <input\r\n                #focusInput\r\n                type=\"text\"\r\n                role=\"combobox\"\r\n                [attr.id]=\"inputId\"\r\n                readonly\r\n                [disabled]=\"disabled\"\r\n                (focus)=\"onInputFocus($event)\"\r\n                (blur)=\"onInputBlur($event)\"\r\n                (keydown)=\"onKeyDown($event)\"\r\n                [attr.tabindex]=\"!disabled ? tabindex : -1\"\r\n                [attr.aria-controls]=\"overlayVisible ? listId : null\"\r\n                [attr.aria-haspopup]=\"'tree'\"\r\n                [attr.aria-expanded]=\"overlayVisible ?? false\"\r\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                [attr.aria-label]=\"ariaLabel || (label === 'cax-emptylabel' ? undefined : label)\"\r\n                pAutoFocus\r\n                [autofocus]=\"autofocus\"\r\n            />\r\n        </div>\r\n        <div class=\"cax-treeselect-label-container\">\r\n            <div [ngClass]=\"labelClass()\" [class]=\"labelStyleClass\" [ngStyle]=\"labelStyle\">\r\n                <ng-container *ngIf=\"valueTemplate; else defaultValueTemplate\">\r\n                    <ng-container *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value, placeholder: placeholder }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #defaultValueTemplate>\r\n                    <ng-container *ngIf=\"display === 'comma'; else chipsValueTemplate\"> {{ label || 'empty' }} </ng-container>\r\n                    <ng-template #chipsValueTemplate>\r\n                        <div *ngFor=\"let node of value\" class=\"cax-treeselect-token\">\r\n                            <span class=\"cax-treeselect-token-label\">{{ node.label }}</span>\r\n                        </div>\r\n                        <ng-container *ngIf=\"emptyValue\">{{ placeholder || 'empty' }}</ng-container>\r\n                    </ng-template>\r\n                </ng-template>\r\n            </div>\r\n            <ng-container *ngIf=\"checkValue() && !disabled && showClear\">\r\n                <TimesIcon *ngIf=\"!clearIconTemplate\" [styleClass]=\"'cax-treeselect-clear-icon'\" (click)=\"clear($event)\" />\r\n                <span *ngIf=\"clearIconTemplate\" class=\"cax-treeselect-clear-icon\" (click)=\"clear($event)\">\r\n                    <ng-template *ngTemplateOutlet=\"clearIconTemplate\"></ng-template>\r\n                </span>\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"cax-treeselect-trigger\" role=\"button\" aria-haspopup=\"tree\" [attr.aria-expanded]=\"overlayVisible ?? false\" [attr.aria-label]=\"'treeselect trigger'\">\r\n            <ChevronDownIcon *ngIf=\"!triggerIconTemplate\" [styleClass]=\"'cax-treeselect-trigger-icon'\" />\r\n            <span *ngIf=\"triggerIconTemplate\" class=\"cax-treeselect-trigger-icon\">\r\n                <ng-template *ngTemplateOutlet=\"triggerIconTemplate\"></ng-template>\r\n            </span>\r\n        </div>\r\n        <cax-overlay\r\n            #overlay\r\n            [(visible)]=\"overlayVisible\"\r\n            [options]=\"overlayOptions\"\r\n            [target]=\"'@parent'\"\r\n            [appendTo]=\"appendTo\"\r\n            [showTransitionOptions]=\"showTransitionOptions\"\r\n            [hideTransitionOptions]=\"hideTransitionOptions\"\r\n            (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n            (onBeforeHide)=\"onOverlayBeforeHide($event)\"\r\n            (onShow)=\"onShow.emit($event)\"\r\n            (onHide)=\"hide($event)\"\r\n        >\r\n            <ng-template caxTemplate=\"content\">\r\n                <div #panel [attr.id]=\"listId\" class=\"cax-treeselect-panel cax-component\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\" [ngClass]=\"panelClass\">\r\n                    <span\r\n                        #firstHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onFirstHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    >\r\n                    </span>\r\n                    <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <div class=\"cax-treeselect-header\" *ngIf=\"filter\" (keydown.arrowdown)=\"onArrowDown($event)\">\r\n                        <div class=\"cax-treeselect-filter-container\">\r\n                            <input\r\n                                #filter\r\n                                type=\"search\"\r\n                                autocomplete=\"off\"\r\n                                class=\"cax-treeselect-filter cax-inputtext cax-component\"\r\n                                [attr.placeholder]=\"filterPlaceholder\"\r\n                                (keydown.enter)=\"$event.preventDefault()\"\r\n                                (input)=\"onFilterInput($event)\"\r\n                                [value]=\"filterValue\"\r\n                            />\r\n                            <SearchIcon *ngIf=\"!filterIconTemplate\" [styleClass]=\"'cax-treeselect-filter-icon'\" />\r\n                            <span *ngIf=\"filterIconTemplate\" class=\"cax-treeselect-filter-icon\">\r\n                                <ng-template *ngTemplateOutlet=\"filterIconTemplate\"></ng-template>\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"cax-treeselect-items-wrapper\" [ngStyle]=\"{ 'max-height': scrollHeight }\">\r\n                        <cax-tree\r\n                            #tree\r\n                            [value]=\"options\"\r\n                            [rightIcon]=\"showRightIcon\"\r\n                            [propagateSelectionDown]=\"propagateSelectionDown\"\r\n                            [propagateSelectionUp]=\"propagateSelectionUp\"\r\n                            [selectionMode]=\"selectionMode\"\r\n                            (selectionChange)=\"onSelectionChange($event)\"\r\n                            [selection]=\"value\"\r\n                            [metaKeySelection]=\"metaKeySelection\"\r\n                            (onNodeExpand)=\"nodeExpand($event)\"\r\n                            (onNodeCollapse)=\"nodeCollapse($event)\"\r\n                            (onNodeSelect)=\"onSelect($event)\"\r\n                            [emptyMessage]=\"emptyMessage\"\r\n                            (onNodeUnselect)=\"onUnselect($event)\"\r\n                            [filterBy]=\"filterBy\"\r\n                            [filterMode]=\"filterMode\"\r\n                            [filterPlaceholder]=\"filterPlaceholder\"\r\n                            [filterLocale]=\"filterLocale\"\r\n                            [filteredNodes]=\"filteredNodes\"\r\n                            [virtualScroll]=\"virtualScroll\"\r\n                            [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n                            [virtualScrollOptions]=\"virtualScrollOptions\"\r\n                            [_templateMap]=\"templateMap\"\r\n                            [loading]=\"loading\"\r\n                        >\r\n                            <ng-container *ngIf=\"emptyTemplate\">\r\n                                <ng-template caxTemplate=\"empty\">\r\n                                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                            <ng-template caxTemplate=\"togglericon\" let-expanded *ngIf=\"itemTogglerIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemTogglerIconTemplate; context: { $implicit: expanded }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"checkboxicon\" let-selected let-partialSelected=\"partialSelected\" *ngIf=\"itemCheckboxIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }\"></ng-container>\r\n                            </ng-template>\r\n                            <ng-template caxTemplate=\"loadingicon\" *ngIf=\"itemLoadingIconTemplate\">\r\n                                <ng-container *ngTemplateOutlet=\"itemLoadingIconTemplate\"></ng-container>\r\n                            </ng-template>\r\n                        </cax-tree>\r\n                    </div>\r\n                    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: value, options: options }\"></ng-container>\r\n                    <span\r\n                        #lastHiddenFocusableEl\r\n                        role=\"presentation\"\r\n                        class=\"cax-hidden-accessible cax-hidden-focusable\"\r\n                        [attr.tabindex]=\"0\"\r\n                        (focus)=\"onLastHiddenFocus($event)\"\r\n                        [attr.data-cax-hidden-accessible]=\"true\"\r\n                        [attr.data-cax-hidden-focusable]=\"true\"\r\n                    ></span>\r\n                </div>\r\n            </ng-template>\r\n        </cax-overlay>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-dropdown-container{display:flex;flex-direction:column;align-items:flex-start}.cax-dropdown-container label{margin-bottom:8px;font-size:14px;font-weight:500;line-height:20px}.cax-dropdown-container label.left-aligned{text-align:left}.cax-treeselect{display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.cax-treeselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cax-treeselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer;display:flex}.cax-treeselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.cax-treeselect-label-empty{overflow:hidden;visibility:hidden}.cax-treeselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.cax-treeselect-items-wrapper{overflow:auto}.cax-treeselect-header{display:flex;align-items:center;justify-content:space-between}.cax-treeselect-filter-container{position:relative;flex:1 1 auto}.cax-treeselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-treeselect-filter-container .cax-inputtext{width:100%}.cax-treeselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.cax-fluid .cax-treeselect{display:flex}.cax-treeselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.cax-treeselect-clearable{position:relative}}\n"] }]
         }], ctorParameters: () => [{ type: i1.caxConfig }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.OverlayService }], propDecorators: { showRightIcon: [{
                 type: Input
             }], inputId: [{