@wirekyt/angular 0.0.32 → 0.0.34

package/dist/fesm2022/wirekyt-angular-tree-view.mjs

@@ -0,0 +1,858 @@
+import * as treeView from '@wirekyt/dom/machines/tree-view';
+export { anatomy as treeViewAnatomy } from '@wirekyt/dom/machines/tree-view';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, booleanAttribute, input, model, output, EnvironmentInjector, Injector, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, computed, TemplateRef, ViewContainerRef, effect, HostBinding } from '@angular/core';
+import { injectLocale, injectEnvironment, createId, useMachine, buildRootCarrier, bindProps } from '@wirekyt/angular';
+import { TreeCollection } from '@wirekyt/dom/collection';
+import { useCollapsible, COLLAPSIBLE_CONTEXT, injectCollapsibleContext } from '@wirekyt/angular/collapsible';
+export { createFileTreeCollection, createTreeCollection } from '@wirekyt/angular/collection';
+
+const TREE_VIEW_CONTEXT = new InjectionToken("TREE_VIEW_CONTEXT");
+function injectTreeViewContext() {
+    return inject(TREE_VIEW_CONTEXT);
+}
+const TREE_VIEW_NODE_CONTEXT = new InjectionToken("TREE_VIEW_NODE_CONTEXT");
+function injectTreeViewNodeContext() {
+    return inject(TREE_VIEW_NODE_CONTEXT);
+}
+const TREE_VIEW_NODE_PROPS_CONTEXT = new InjectionToken("TREE_VIEW_NODE_PROPS_CONTEXT");
+function injectTreeViewNodePropsContext() {
+    return inject(TREE_VIEW_NODE_PROPS_CONTEXT);
+}
+
+function useTreeView(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const fallbackId = createId();
+    return useMachine({
+        machine: treeView.machine,
+        context: () => {
+            const props = options.context();
+            return {
+                ...props,
+                dir: locale.dir,
+                getRootNode: environment.getRootNode,
+                id: props.id ?? fallbackId,
+            };
+        },
+        connect: (service, normalize) => treeView.connect(service, normalize),
+    });
+}
+
+const optionalBooleanAttribute = (value) => value === undefined || value === null ? undefined : booleanAttribute(value);
+class TreeViewRoot {
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    collection = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+    expandedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedValue" }] : /* istanbul ignore next */ []));
+    defaultExpandedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultExpandedValue" }] : /* istanbul ignore next */ []));
+    selectedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedValue" }] : /* istanbul ignore next */ []));
+    defaultSelectedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultSelectedValue" }] : /* istanbul ignore next */ []));
+    checkedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkedValue" }] : /* istanbul ignore next */ []));
+    defaultCheckedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultCheckedValue" }] : /* istanbul ignore next */ []));
+    focusedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
+    defaultFocusedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultFocusedValue" }] : /* istanbul ignore next */ []));
+    expandOnClick = input(undefined, { ...(ngDevMode ? { debugName: "expandOnClick" } : /* istanbul ignore next */ {}), transform: optionalBooleanAttribute });
+    typeahead = input(undefined, { ...(ngDevMode ? { debugName: "typeahead" } : /* istanbul ignore next */ {}), transform: optionalBooleanAttribute });
+    lazyMount = input(false, { ...(ngDevMode ? { debugName: "lazyMount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    unmountOnExit = input(false, { ...(ngDevMode ? { debugName: "unmountOnExit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectionMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    loadChildren = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadChildren" }] : /* istanbul ignore next */ []));
+    canRename = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canRename" }] : /* istanbul ignore next */ []));
+    scrollToIndexFn = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollToIndexFn" }] : /* istanbul ignore next */ []));
+    expandedChange = output();
+    selectionChange = output();
+    checkedChange = output();
+    focusChange = output();
+    loadChildrenComplete = output();
+    loadChildrenError = output();
+    renameStart = output();
+    beforeRename = output();
+    renameComplete = output();
+    fallbackCollection = new TreeCollection({
+        rootNode: { id: "__wirekyt_tree_view_root__" },
+        nodeToValue: () => "__wirekyt_tree_view_root__",
+        nodeToString: () => "",
+        nodeToChildren: () => [],
+    });
+    readCollection() {
+        try {
+            return this.collection();
+        }
+        catch {
+            return this.fallbackCollection;
+        }
+    }
+    machine = useTreeView({
+        context: () => ({
+            id: this.id(),
+            ids: this.ids(),
+            collection: this.readCollection(),
+            expandedValue: this.expandedValue(),
+            defaultExpandedValue: this.defaultExpandedValue(),
+            selectedValue: this.selectedValue(),
+            defaultSelectedValue: this.defaultSelectedValue(),
+            checkedValue: this.checkedValue(),
+            defaultCheckedValue: this.defaultCheckedValue(),
+            focusedValue: this.focusedValue(),
+            defaultFocusedValue: this.defaultFocusedValue(),
+            expandOnClick: this.expandOnClick(),
+            typeahead: this.typeahead(),
+            selectionMode: this.selectionMode(),
+            translations: this.translations(),
+            loadChildren: this.loadChildren(),
+            canRename: this.canRename(),
+            scrollToIndexFn: this.scrollToIndexFn(),
+            onExpandedChange: (details) => {
+                if (!arraysShallowEqual(this.expandedValue(), details.expandedValue)) {
+                    this.expandedValue.set([...details.expandedValue]);
+                }
+                this.expandedChange.emit(details);
+            },
+            onSelectionChange: (details) => {
+                if (!arraysShallowEqual(this.selectedValue(), details.selectedValue)) {
+                    this.selectedValue.set([...details.selectedValue]);
+                }
+                this.selectionChange.emit(details);
+            },
+            onCheckedChange: (details) => {
+                if (!arraysShallowEqual(this.checkedValue(), details.checkedValue)) {
+                    this.checkedValue.set([...details.checkedValue]);
+                }
+                this.checkedChange.emit(details);
+            },
+            onFocusChange: (details) => {
+                if (this.focusedValue() !== details.focusedValue) {
+                    this.focusedValue.set(details.focusedValue);
+                }
+                this.focusChange.emit(details);
+            },
+            onLoadChildrenComplete: (details) => {
+                this.loadChildrenComplete.emit(details);
+            },
+            onLoadChildrenError: (details) => {
+                this.loadChildrenError.emit(details);
+            },
+            onRenameStart: (details) => {
+                this.renameStart.emit(details);
+            },
+            onBeforeRename: (details) => {
+                this.beforeRename.emit(details);
+                const renameDetails = details;
+                return this.canRename()?.(renameDetails.node, renameDetails.indexPath) ?? true;
+            },
+            onRenameComplete: (details) => {
+                this.renameComplete.emit(details);
+            },
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    contextCarrier = buildRootCarrier({
+        root: this,
+        rootToken: TREE_VIEW_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewRoot, isStandalone: true, selector: "[tree-view-root]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: true, transformFunction: null }, expandedValue: { classPropertyName: "expandedValue", publicName: "expandedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultExpandedValue: { classPropertyName: "defaultExpandedValue", publicName: "defaultExpandedValue", isSignal: true, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultSelectedValue: { classPropertyName: "defaultSelectedValue", publicName: "defaultSelectedValue", isSignal: true, isRequired: false, transformFunction: null }, checkedValue: { classPropertyName: "checkedValue", publicName: "checkedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultCheckedValue: { classPropertyName: "defaultCheckedValue", publicName: "defaultCheckedValue", isSignal: true, isRequired: false, transformFunction: null }, focusedValue: { classPropertyName: "focusedValue", publicName: "focusedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedValue: { classPropertyName: "defaultFocusedValue", publicName: "defaultFocusedValue", isSignal: true, isRequired: false, transformFunction: null }, expandOnClick: { classPropertyName: "expandOnClick", publicName: "expandOnClick", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null }, lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, canRename: { classPropertyName: "canRename", publicName: "canRename", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedValue: "expandedValueChange", selectedValue: "selectedValueChange", checkedValue: "checkedValueChange", focusedValue: "focusedValueChange", expandedChange: "expandedChange", selectionChange: "selectionChange", checkedChange: "checkedChange", focusChange: "focusChange", loadChildrenComplete: "loadChildrenComplete", loadChildrenError: "loadChildrenError", renameStart: "renameStart", beforeRename: "beforeRename", renameComplete: "renameComplete" }, providers: [{ provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => TreeViewRoot) }], exportAs: ["treeViewRoot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-root]",
+                    standalone: true,
+                    exportAs: "treeViewRoot",
+                    providers: [{ provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => TreeViewRoot) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ids: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], collection: [{ type: i0.Input, args: [{ isSignal: true, alias: "collection", required: true }] }], expandedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedValue", required: false }] }, { type: i0.Output, args: ["expandedValueChange"] }], defaultExpandedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultExpandedValue", required: false }] }], selectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValue", required: false }] }, { type: i0.Output, args: ["selectedValueChange"] }], defaultSelectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSelectedValue", required: false }] }], checkedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkedValue", required: false }] }, { type: i0.Output, args: ["checkedValueChange"] }], defaultCheckedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultCheckedValue", required: false }] }], focusedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedValue", required: false }] }, { type: i0.Output, args: ["focusedValueChange"] }], defaultFocusedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultFocusedValue", required: false }] }], expandOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnClick", required: false }] }], typeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeahead", required: false }] }], lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], canRename: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRename", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }], loadChildrenComplete: [{ type: i0.Output, args: ["loadChildrenComplete"] }], loadChildrenError: [{ type: i0.Output, args: ["loadChildrenError"] }], renameStart: [{ type: i0.Output, args: ["renameStart"] }], beforeRename: [{ type: i0.Output, args: ["beforeRename"] }], renameComplete: [{ type: i0.Output, args: ["renameComplete"] }] } });
+function arraysShallowEqual(a, b) {
+    if (a === b)
+        return true;
+    if (!a || !b)
+        return false;
+    if (a.length !== b.length)
+        return false;
+    for (let index = 0; index < a.length; index++) {
+        if (a[index] !== b[index])
+            return false;
+    }
+    return true;
+}
+
+class TreeViewRootProvider {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    lazyMount = input(false, { ...(ngDevMode ? { debugName: "lazyMount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    unmountOnExit = input(false, { ...(ngDevMode ? { debugName: "unmountOnExit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    state = computed(() => this.value().state(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    api = computed(() => this.value().api(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "api" }] : /* istanbul ignore next */ []));
+    send = (event) => this.value().send(event);
+    get service() {
+        return this.value().service;
+    }
+    contextCarrier = buildRootCarrier({
+        root: this,
+        rootToken: TREE_VIEW_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewRootProvider, isStandalone: true, selector: "[tree-view-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => TreeViewRootProvider) }], exportAs: ["treeViewRootProvider"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-root-provider]",
+                    standalone: true,
+                    exportAs: "treeViewRootProvider",
+                    providers: [{ provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => TreeViewRootProvider) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }] } });
+
+class TreeViewNodeProvider {
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    treeView = injectTreeViewContext();
+    nodeProps = computed(() => ({
+        node: this.node(),
+        indexPath: this.indexPath(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeProps" }] : /* istanbul ignore next */ []));
+    nodeState = computed(() => this.treeView.api().getNodeState(this.nodeProps()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeState" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewNodeProvider, isStandalone: true, selector: "[tree-view-node-provider]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: TREE_VIEW_NODE_CONTEXT,
+                useFactory: (provider) => provider.nodeState,
+                deps: [forwardRef(() => TreeViewNodeProvider)],
+            },
+            {
+                provide: TREE_VIEW_NODE_PROPS_CONTEXT,
+                useFactory: (provider) => provider.nodeProps,
+                deps: [forwardRef(() => TreeViewNodeProvider)],
+            },
+        ], exportAs: ["treeViewNodeProvider"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-node-provider]",
+                    standalone: true,
+                    exportAs: "treeViewNodeProvider",
+                    providers: [
+                        {
+                            provide: TREE_VIEW_NODE_CONTEXT,
+                            useFactory: (provider) => provider.nodeState,
+                            deps: [forwardRef(() => TreeViewNodeProvider)],
+                        },
+                        {
+                            provide: TREE_VIEW_NODE_PROPS_CONTEXT,
+                            useFactory: (provider) => provider.nodeProps,
+                            deps: [forwardRef(() => TreeViewNodeProvider)],
+                        },
+                    ],
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: true }] }] } });
+
+class TreeViewContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    treeView = injectTreeViewContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.treeView.api,
+            api: this.treeView.api,
+        });
+        effect(() => {
+            this.treeView.api();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: TreeViewContext, isStandalone: true, selector: "[tree-view-context]", exportAs: ["treeViewContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-context]",
+                    standalone: true,
+                    exportAs: "treeViewContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class TreeViewNodeContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    state = injectTreeViewNodeContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.state,
+            state: this.state,
+        });
+        effect(() => {
+            this.state();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: TreeViewNodeContext, isStandalone: true, selector: "[tree-view-node-context]", exportAs: ["treeViewNodeContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-node-context]",
+                    standalone: true,
+                    exportAs: "treeViewNodeContext",
+                }]
+        }], ctorParameters: () => [] });
+
+function createTreeViewNodePropsResolver(partName, node, indexPath) {
+    const provider = inject(TREE_VIEW_NODE_PROPS_CONTEXT, {
+        optional: true,
+    });
+    return () => {
+        const explicitNode = node();
+        const explicitIndexPath = indexPath();
+        if (explicitNode !== undefined && explicitIndexPath !== undefined) {
+            return { node: explicitNode, indexPath: explicitIndexPath };
+        }
+        if (explicitNode === undefined && explicitIndexPath === undefined && provider) {
+            return provider();
+        }
+        throw new Error(`${partName} requires [node] and [indexPath] inputs or an ancestor [tree-view-node-provider].`);
+    };
+}
+
+class TreeViewBranch {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    context = injectTreeViewContext();
+    nodeProps = createTreeViewNodePropsResolver("TreeViewBranch", this.node, this.indexPath);
+    nodeState = computed(() => this.context.api().getNodeState(this.nodeProps()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeState" }] : /* istanbul ignore next */ []));
+    collapsible = useCollapsible({
+        context: () => ({
+            open: this.nodeState().expanded,
+            ids: { content: this.context.api().getBranchContentProps(this.nodeProps())["id"] },
+            lazyMount: this.context.lazyMount(),
+            unmountOnExit: this.context.unmountOnExit(),
+        }),
+    });
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => ({
+                ...this.collapsible.api().getRootProps(),
+                ...this.context.api().getBranchProps(this.nodeProps()),
+            }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranch, isStandalone: true, selector: "[tree-view-branch]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: COLLAPSIBLE_CONTEXT,
+                useFactory: (branch) => branch.collapsible,
+                deps: [forwardRef(() => TreeViewBranch)],
+            },
+        ], exportAs: ["treeViewBranch"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch]",
+                    standalone: true,
+                    exportAs: "treeViewBranch",
+                    providers: [
+                        {
+                            provide: COLLAPSIBLE_CONTEXT,
+                            useFactory: (branch) => branch.collapsible,
+                            deps: [forwardRef(() => TreeViewBranch)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchContent {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    context = injectTreeViewContext();
+    collapsible = injectCollapsibleContext();
+    nodeProps = createTreeViewNodePropsResolver("TreeViewBranchContent", this.node, this.indexPath);
+    template = inject((TemplateRef));
+    viewContainer = inject(ViewContainerRef);
+    elementRef = { nativeElement: null };
+    view;
+    constructor() {
+        effect(() => {
+            if (this.collapsible.isUnmounted()) {
+                this.elementRef.nativeElement = null;
+                this.viewContainer.clear();
+                this.view = undefined;
+                return;
+            }
+            if (!this.view) {
+                this.view = this.viewContainer.createEmbeddedView(this.template);
+                this.elementRef.nativeElement =
+                    this.view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+            }
+        });
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                this.collapsible.isUnmounted();
+                const branchContentProps = {
+                    ...this.context.api().getBranchContentProps(this.nodeProps()),
+                };
+                delete branchContentProps["hidden"];
+                delete branchContentProps["data-state"];
+                return {
+                    ...branchContentProps,
+                    ...this.collapsible.api().getContentProps(),
+                };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchContent, isStandalone: true, selector: "[tree-view-branch-content]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-content]",
+                    standalone: true,
+                    exportAs: "treeViewBranchContent",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchControl {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewBranchControl", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBranchControlProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchControl, isStandalone: true, selector: "[tree-view-branch-control]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-control]",
+                    standalone: true,
+                    exportAs: "treeViewBranchControl",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchIndentGuide {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewBranchIndentGuide", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBranchIndentGuideProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchIndentGuide, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchIndentGuide, isStandalone: true, selector: "[tree-view-branch-indent-guide]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchIndentGuide"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchIndentGuide, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-indent-guide]",
+                    standalone: true,
+                    exportAs: "treeViewBranchIndentGuide",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchIndicator {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewBranchIndicator", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBranchIndicatorProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchIndicator, isStandalone: true, selector: "[tree-view-branch-indicator]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-indicator]",
+                    standalone: true,
+                    exportAs: "treeViewBranchIndicator",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchText {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewBranchText", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBranchTextProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchText, isStandalone: true, selector: "[tree-view-branch-text]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-text]",
+                    standalone: true,
+                    exportAs: "treeViewBranchText",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewBranchTrigger {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewBranchTrigger", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getBranchTriggerProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewBranchTrigger, isStandalone: true, selector: "[tree-view-branch-trigger]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewBranchTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewBranchTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-branch-trigger]",
+                    standalone: true,
+                    exportAs: "treeViewBranchTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewItem {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewItem", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewItem, isStandalone: true, selector: "[tree-view-item]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-item]",
+                    standalone: true,
+                    exportAs: "treeViewItem",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewItemIndicator {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewItemIndicator", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemIndicatorProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewItemIndicator, isStandalone: true, selector: "[tree-view-item-indicator]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewItemIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItemIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-item-indicator]",
+                    standalone: true,
+                    exportAs: "treeViewItemIndicator",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewItemText {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewItemText", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemTextProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItemText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewItemText, isStandalone: true, selector: "[tree-view-item-text]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewItemText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewItemText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-item-text]",
+                    standalone: true,
+                    exportAs: "treeViewItemText",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewLabel {
+    constructor() {
+        const context = injectTreeViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getLabelProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: TreeViewLabel, isStandalone: true, selector: "[tree-view-label]", exportAs: ["treeViewLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-label]",
+                    standalone: true,
+                    exportAs: "treeViewLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class TreeViewNodeCheckbox {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewNodeCheckbox", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getNodeCheckboxProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewNodeCheckbox, isStandalone: true, selector: "[tree-view-node-checkbox]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewNodeCheckbox"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeCheckbox, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-node-checkbox]",
+                    standalone: true,
+                    exportAs: "treeViewNodeCheckbox",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewNodeCheckboxIndicator {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    state = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    context = injectTreeViewContext();
+    nodeProps = createTreeViewNodePropsResolver("TreeViewNodeCheckboxIndicator", this.node, this.indexPath);
+    checked = computed(() => this.context.api().getNodeState(this.nodeProps()).checked, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    dataState = computed(() => {
+        const checked = this.checked();
+        if (checked === "indeterminate")
+            return "indeterminate";
+        return checked ? "checked" : "unchecked";
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataState" }] : /* istanbul ignore next */ []));
+    get hostDataState() {
+        return this.dataState();
+    }
+    ariaHidden = "true";
+    get hidden() {
+        const state = this.state();
+        return state !== undefined && this.dataState() !== state;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeCheckboxIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewNodeCheckboxIndicator, isStandalone: true, selector: "[tree-view-node-checkbox-indicator]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-state": "this.hostDataState", "attr.aria-hidden": "this.ariaHidden", "hidden": "this.hidden" } }, exportAs: ["treeViewNodeCheckboxIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeCheckboxIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-node-checkbox-indicator]",
+                    standalone: true,
+                    exportAs: "treeViewNodeCheckboxIndicator",
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], hostDataState: [{
+                type: HostBinding,
+                args: ["attr.data-state"]
+            }], ariaHidden: [{
+                type: HostBinding,
+                args: ["attr.aria-hidden"]
+            }], hidden: [{
+                type: HostBinding,
+                args: ["hidden"]
+            }] } });
+
+class TreeViewNodeRenameInput {
+    node = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    indexPath = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectTreeViewContext();
+        const nodeProps = createTreeViewNodePropsResolver("TreeViewNodeRenameInput", this.node, this.indexPath);
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getNodeRenameInputProps(nodeProps()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeRenameInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: TreeViewNodeRenameInput, isStandalone: true, selector: "[tree-view-node-rename-input]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["treeViewNodeRenameInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewNodeRenameInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-node-rename-input]",
+                    standalone: true,
+                    exportAs: "treeViewNodeRenameInput",
+                }]
+        }], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: false }] }] } });
+
+class TreeViewTree {
+    constructor() {
+        const context = injectTreeViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTreeProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewTree, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: TreeViewTree, isStandalone: true, selector: "[tree-view-tree]", exportAs: ["treeViewTree"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeViewTree, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tree-view-tree]",
+                    standalone: true,
+                    exportAs: "treeViewTree",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TREE_VIEW_CONTEXT, TREE_VIEW_NODE_CONTEXT, TREE_VIEW_NODE_PROPS_CONTEXT, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndentGuide, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNodeCheckbox, TreeViewNodeCheckboxIndicator, TreeViewNodeContext, TreeViewNodeProvider, TreeViewNodeRenameInput, TreeViewRoot, TreeViewRootProvider, TreeViewTree, injectTreeViewContext, injectTreeViewNodeContext, injectTreeViewNodePropsContext, useTreeView };
+//# sourceMappingURL=wirekyt-angular-tree-view.mjs.map