@siemens/ix-angular 3.1.0 → 3.2.0

package/fesm2022/siemens-ix-angular-common.mjs

@@ -0,0 +1,664 @@
+import { closeModal, dismissModal, showModal, getToastContainer, toast } from '@siemens/ix';
+import * as i0 from '@angular/core';
+import { Type, Injector, ElementRef, Injectable, TemplateRef, HostListener, Input, Directive, Inject } from '@angular/core';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class IxActiveModal {
+    modalData;
+    modalElement;
+    constructor(modalData) {
+        this.modalData = modalData;
+    }
+    get data() {
+        return this.modalData;
+    }
+    /**
+     * Close the active modal
+     *
+     * @param reason
+     */
+    close(reason) {
+        closeModal(this.modalElement, reason);
+    }
+    /**
+     * Dismiss the active modal
+     *
+     * @param reason
+     */
+    dismiss(reason) {
+        dismissModal(this.modalElement, reason);
+    }
+}
+class InternalIxActiveModal extends IxActiveModal {
+    setModalElement(element) {
+        this.modalElement = element;
+    }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class ModalService {
+    appRef;
+    componentFactoryResolver;
+    injector;
+    constructor(appRef, componentFactoryResolver, injector) {
+        this.appRef = appRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+    }
+    async open(config) {
+        const context = {
+            close: null,
+            dismiss: null,
+            data: config.data,
+        };
+        if (config.content instanceof Type) {
+            return this.createContentByComponentType(config.content, config, context);
+        }
+        const modalInstance = await this.createContentByTemplateRef(config.content, config, context);
+        return modalInstance;
+    }
+    async createContentByComponentType(componentType, config, context) {
+        const activeModal = new InternalIxActiveModal(context.data);
+        const modalFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
+        const modalInjector = Injector.create({
+            providers: [
+                {
+                    provide: IxActiveModal,
+                    useValue: activeModal,
+                },
+            ],
+            parent: this.injector,
+        });
+        const instance = modalFactory.create(modalInjector);
+        this.appRef.attachView(instance.hostView);
+        const element = instance.injector.get(ElementRef);
+        element.nativeElement.style.display = 'contents';
+        const modalInstance = await this.createModalInstance(context, element.nativeElement, instance.hostView, config);
+        activeModal.setModalElement(modalInstance.htmlElement);
+        return modalInstance;
+    }
+    async createContentByTemplateRef(templateRef, config, context) {
+        const embeddedView = templateRef.createEmbeddedView({
+            $implicit: context,
+        });
+        this.appRef.attachView(embeddedView);
+        return await this.createModalInstance(context, embeddedView.rootNodes[0], embeddedView, config);
+    }
+    async createModalInstance(context, htmlElement, viewRef, config) {
+        context.close = (result) => {
+            closeModal(htmlElement, result);
+        };
+        context.dismiss = (result) => {
+            dismissModal(htmlElement, result);
+        };
+        viewRef.detectChanges();
+        const modalInstance = await showModal({
+            ...config,
+            content: htmlElement,
+        });
+        modalInstance.onClose.once(() => {
+            viewRef.destroy();
+        });
+        modalInstance.onDismiss.once(() => {
+            viewRef.destroy();
+        });
+        return modalInstance;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }] });
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class ToastService {
+    setPosition(position) {
+        getToastContainer().position = position;
+    }
+    getPosition() {
+        return getToastContainer().position;
+    }
+    async show(config) {
+        if (typeof config.message === 'string' && !config.action) {
+            return toast(config);
+        }
+        const context = {
+            close: null,
+        };
+        let node = config.message;
+        let embeddedView;
+        let embeddedViewAction;
+        let nodeAction;
+        if (config.message instanceof TemplateRef) {
+            embeddedView = config.message.createEmbeddedView({
+                $implicit: context,
+            });
+            node = embeddedView.rootNodes[0];
+            embeddedView.detectChanges();
+        }
+        if (config.action instanceof TemplateRef) {
+            embeddedViewAction = config.action.createEmbeddedView({
+                $implicit: context,
+            });
+            nodeAction = embeddedViewAction.rootNodes[0];
+            embeddedViewAction.detectChanges();
+        }
+        const instance = await toast({
+            ...config,
+            message: node,
+            action: nodeAction,
+        });
+        context.close = () => {
+            instance.close();
+        };
+        instance.onClose.once(() => {
+            embeddedView?.destroy();
+            embeddedViewAction?.destroy();
+        });
+        return instance;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class ValueAccessor {
+    injector;
+    elementRef;
+    checkRequiredValidator;
+    static ANGULAR_CLASS_PREFIX = 'ng-';
+    onChange = () => {
+        /**/
+    };
+    onTouched = () => {
+        /**/
+    };
+    lastValue;
+    statusChanges;
+    suppressClassMapping = false;
+    constructor(injector, elementRef, checkRequiredValidator = false) {
+        this.injector = injector;
+        this.elementRef = elementRef;
+        this.checkRequiredValidator = checkRequiredValidator;
+    }
+    writeValue(value) {
+        this.elementRef.nativeElement.value = this.lastValue = value;
+        this.setClasses();
+    }
+    handleValueChange(el, value) {
+        if (el === this.elementRef.nativeElement) {
+            if (value !== this.lastValue) {
+                this.lastValue = value;
+                this.onChange(value);
+            }
+            this.setClasses();
+        }
+    }
+    _handleBlurEvent(el) {
+        if (el === this.elementRef.nativeElement) {
+            this.onTouched();
+            this.setClasses();
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.elementRef.nativeElement.disabled = isDisabled;
+    }
+    ngOnDestroy() {
+        if (this.statusChanges) {
+            this.statusChanges.unsubscribe();
+        }
+    }
+    ngAfterViewInit() {
+        let ngControl = this.getAssignedNgControl();
+        if (!ngControl) {
+            return;
+        }
+        if (ngControl.statusChanges) {
+            this.statusChanges = ngControl.statusChanges.subscribe(() => {
+                this.setClasses();
+            });
+        }
+        this.detourFormControlMethods(ngControl, this.elementRef);
+    }
+    getAssignedNgControl() {
+        let ngControl = null;
+        try {
+            ngControl = this.injector.get(NgControl);
+        }
+        catch {
+            /* No FormControl or ngModel binding */
+        }
+        return ngControl;
+    }
+    setClasses() {
+        const ngControl = this.getAssignedNgControl();
+        if (!ngControl) {
+            return;
+        }
+        this.mapNgToIxClassNames(this.elementRef);
+    }
+    detourFormControlMethods(ngControl, elementRef) {
+        const formControl = ngControl.control;
+        if (formControl) {
+            const methodsToPatch = [
+                'markAsTouched',
+                'markAllAsTouched',
+                'markAsUntouched',
+                'markAsDirty',
+                'markAsPristine',
+            ];
+            methodsToPatch.forEach((method) => {
+                if (typeof formControl[method] !== 'undefined') {
+                    const oldFn = formControl[method].bind(formControl);
+                    formControl[method] = (...params) => {
+                        oldFn(...params);
+                        this.mapNgToIxClassNames(elementRef);
+                    };
+                }
+            });
+        }
+    }
+    async mapNgToIxClassNames(element) {
+        if (this.suppressClassMapping) {
+            return;
+        }
+        const input = element.nativeElement;
+        setTimeout(async () => {
+            const classes = this.getClasses(input);
+            const classList = input.classList;
+            classList.remove('ix-valid', 'ix-invalid', 'ix-touched', 'ix-untouched', 'ix-dirty', 'ix-pristine');
+            classList.add(...classes);
+            const ngControl = this.getAssignedNgControl();
+            if (ngControl && this.checkRequiredValidator) {
+                const { errors, touched } = ngControl;
+                const hasOtherErrors = errors && Object.keys(errors).length > 1;
+                const isRequiredButUntouched = errors?.required && !touched;
+                if (hasOtherErrors === false && isRequiredButUntouched) {
+                    input.classList.remove('ix-invalid');
+                }
+            }
+        });
+    }
+    getClasses(element) {
+        const classList = element.classList;
+        const classes = [];
+        for (let i = 0; i < classList.length; i++) {
+            const item = classList.item(i);
+            if (item?.startsWith(ValueAccessor.ANGULAR_CLASS_PREFIX)) {
+                classes.push(`ix-${item.substring(3)}`);
+            }
+        }
+        return classes;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ValueAccessor, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ValueAccessor, inputs: { suppressClassMapping: "suppressClassMapping" }, host: { listeners: { "ixBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ValueAccessor, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: undefined }], propDecorators: { suppressClassMapping: [{
+                type: Input
+            }], _handleBlurEvent: [{
+                type: HostListener,
+                args: ['ixBlur', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class BooleanValueAccessorBaseDirective extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el, true);
+    }
+    writeValue(value) {
+        this.elementRef.nativeElement.checked = this.lastValue = value;
+        super.mapNgToIxClassNames(this.elementRef);
+    }
+    handleChangeEvent(el) {
+        super.handleValueChange(el, el.checked);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanValueAccessorBaseDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: BooleanValueAccessorBaseDirective, host: { listeners: { "checkedChange": "handleChangeEvent($event.target)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanValueAccessorBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { handleChangeEvent: [{
+                type: HostListener,
+                args: ['checkedChange', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class RadioValueAccessorBaseDirective extends ValueAccessor {
+    radioValueChangeSubscription;
+    constructor(injector, el) {
+        super(injector, el);
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.handleRadioGroupValueChange();
+    }
+    handleRadioGroupValueChange() {
+        this.radioValueChangeSubscription = this.getAssignedNgControl()?.valueChanges?.subscribe((value) => {
+            this.lastValue = value;
+        });
+    }
+    writeValue(value) {
+        this.lastValue = value;
+        this.elementRef.nativeElement.checked =
+            this.elementRef.nativeElement.value === value;
+        super.mapNgToIxClassNames(this.elementRef);
+    }
+    handleChangeEvent(el) {
+        super.handleValueChange(el, el.value);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (this.radioValueChangeSubscription) {
+            this.radioValueChangeSubscription.unsubscribe();
+        }
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioValueAccessorBaseDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RadioValueAccessorBaseDirective, host: { listeners: { "checkedChange": "handleChangeEvent($event.target)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioValueAccessorBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { handleChangeEvent: [{
+                type: HostListener,
+                args: ['checkedChange', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class SelectValueAccessorBaseDirective extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el, true);
+    }
+    handleChangeEvent(el) {
+        super.handleValueChange(el, el.value);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectValueAccessorBaseDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SelectValueAccessorBaseDirective, host: { listeners: { "valueChange": "handleChangeEvent($event.target)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectValueAccessorBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { handleChangeEvent: [{
+                type: HostListener,
+                args: ['valueChange', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class TextValueAccessorBaseDirective extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el, true);
+    }
+    handleInputEvent(el) {
+        super.handleValueChange(el, el.value);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextValueAccessorBaseDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TextValueAccessorBaseDirective, host: { listeners: { "input": "handleInputEvent($event.target)", "valueChange": "handleInputEvent($event.target)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextValueAccessorBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { handleInputEvent: [{
+                type: HostListener,
+                args: ['input', ['$event.target']]
+            }, {
+                type: HostListener,
+                args: ['valueChange', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class DateValueAccessorBaseDirective extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el, true);
+    }
+    handleInputEvent(el) {
+        super.handleValueChange(el, el.value);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateValueAccessorBaseDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DateValueAccessorBaseDirective, host: { listeners: { "valueChange": "handleInputEvent($event.target)" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateValueAccessorBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { handleInputEvent: [{
+                type: HostListener,
+                args: ['valueChange', ['$event.target']]
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class DropdownTriggerBaseDirective {
+    element;
+    ixDropdownTrigger;
+    constructor(element) {
+        this.element = element;
+    }
+    ngOnChanges() {
+        this.element.nativeElement.trigger = this.ixDropdownTrigger.el;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownTriggerBaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DropdownTriggerBaseDirective, inputs: { ixDropdownTrigger: "ixDropdownTrigger" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownTriggerBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { ixDropdownTrigger: [{
+                type: Input
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class TreeBaseDirective {
+    z;
+    renderCache = new Map();
+    set renderItem(template) {
+        const itemRenderFunction = this.generateItemRenderer(template);
+        this.el.renderItem = itemRenderFunction.bind(this);
+    }
+    el;
+    onRemovedSubscription;
+    constructor(c, r, z, proxyOutputs) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['contextChange', 'nodeRemoved']);
+        this.onRemovedSubscription = this.nodeRemoved.subscribe((removedEvent) => {
+            const { detail } = removedEvent;
+            detail.forEach((removedItemElement) => {
+                if (this.renderCache.has(removedItemElement)) {
+                    this.renderCache.get(removedItemElement)?.destroy();
+                    this.renderCache.delete(removedItemElement);
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.onRemovedSubscription?.unsubscribe();
+    }
+    generateItemRenderer(templateRef) {
+        return (_, itemData, __, context, update) => {
+            const treeItem = document.createElement('ix-tree-item');
+            treeItem.hasChildren = itemData.hasChildren;
+            treeItem.context = context[itemData.id];
+            const embeddedView = templateRef.createEmbeddedView({
+                $implicit: itemData.data,
+            });
+            const container = embeddedView.rootNodes[0];
+            embeddedView.detectChanges();
+            update((itemData, context) => {
+                treeItem.context = context[itemData.id];
+                treeItem.hasChildren = itemData.hasChildren;
+                embeddedView.context.$implicit = itemData.data;
+                embeddedView.detectChanges();
+            });
+            treeItem.appendChild(container);
+            this.renderCache.set(treeItem, embeddedView);
+            return treeItem;
+        };
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeBaseDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: 'proxyOutputs' }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TreeBaseDirective, inputs: { renderItem: "renderItem" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['proxyOutputs']
+                }] }], propDecorators: { renderItem: [{
+                type: Input
+            }] } });
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function createValueAccessorProvider(useExisting) {
+    return {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting,
+        multi: true,
+    };
+}
+
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BooleanValueAccessorBaseDirective, DateValueAccessorBaseDirective, DropdownTriggerBaseDirective, IxActiveModal, ModalService, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, ToastService, TreeBaseDirective, createValueAccessorProvider };
+//# sourceMappingURL=siemens-ix-angular-common.mjs.map