@wirekyt/angular 0.0.31 → 0.0.33

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

@@ -0,0 +1,768 @@
+import * as i1 from '@wirekyt/angular/tree-view';
+import { useTreeView, createTreeCollection, TREE_VIEW_CONTEXT, injectTreeViewContext, TreeViewNodeProvider, TreeViewBranch, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchContent, TreeViewBranchIndentGuide, TreeViewItem, TreeViewItemText, TreeViewTree } from '@wirekyt/angular/tree-view';
+export { createTreeCollection } from '@wirekyt/angular/tree-view';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, computed, booleanAttribute, input, model, output, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
+import { getRootNode, nodeToString, nodeToValue, keyPathToKey, jsonNodeToElement, getAccessibleDescription } from '@wirekyt/dom/json-tree-utils';
+import { bindProps } from '@wirekyt/angular';
+import { NgTemplateOutlet } from '@angular/common';
+
+const JSON_TREE_VIEW_CONTEXT = new InjectionToken("JSON_TREE_VIEW_CONTEXT");
+function injectJsonTreeViewContext() {
+    return inject(JSON_TREE_VIEW_CONTEXT);
+}
+const JSON_TREE_VIEW_OPTIONS = new InjectionToken("JSON_TREE_VIEW_OPTIONS");
+function injectJsonTreeViewOptions() {
+    return inject(JSON_TREE_VIEW_OPTIONS);
+}
+
+function getBranchValues(collection, depth) {
+    const values = [];
+    collection.visit({
+        onEnter: (node, indexPath) => {
+            if (indexPath.length === 0)
+                return;
+            if (collection.isBranchNode(node) && indexPath.length <= depth) {
+                values.push(collection.getNodeValue(node));
+            }
+        },
+    });
+    return values;
+}
+
+function useJsonTreeView(options) {
+    const jsonOptions = computed(() => pickJsonOptions(options.context()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "jsonOptions" }] : /* istanbul ignore next */ []));
+    const collection = computed(() => createJsonTreeCollection(options.context().data, jsonOptions()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+    const treeView = useTreeView({
+        context: () => {
+            const props = options.context();
+            const { data: _data, defaultExpandedDepth, maxPreviewItems: _maxPreviewItems, collapseStringsAfterLength: _collapseStringsAfterLength, quotesOnKeys: _quotesOnKeys, groupArraysAfterLength: _groupArraysAfterLength, showNonenumerable: _showNonenumerable, ...treeProps } = props;
+            const defaultExpandedValue = resolveDefaultExpandedValue(collection(), defaultExpandedDepth, treeProps.defaultExpandedValue);
+            return {
+                ...treeProps,
+                collection: collection(),
+                defaultExpandedValue,
+                typeahead: false,
+            };
+        },
+    });
+    return {
+        ...treeView,
+        options: jsonOptions,
+    };
+}
+function createJsonTreeCollection(data, options) {
+    return createTreeCollection({
+        nodeToValue,
+        nodeToString,
+        rootNode: getRootNode(data, options),
+    });
+}
+function resolveDefaultExpandedValue(collection, defaultExpandedDepth, defaultExpandedValue) {
+    if (defaultExpandedValue !== undefined)
+        return defaultExpandedValue;
+    if (defaultExpandedDepth == null)
+        return undefined;
+    return getBranchValues(collection, defaultExpandedDepth);
+}
+function pickJsonOptions(props) {
+    return {
+        maxPreviewItems: props.maxPreviewItems,
+        collapseStringsAfterLength: props.collapseStringsAfterLength,
+        quotesOnKeys: props.quotesOnKeys,
+        groupArraysAfterLength: props.groupArraysAfterLength,
+        showNonenumerable: props.showNonenumerable,
+    };
+}
+
+const optionalBooleanAttribute = (value) => value === undefined || value === null ? undefined : booleanAttribute(value);
+class JsonTreeViewRoot {
+    data = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    defaultExpandedDepth = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultExpandedDepth" }] : /* 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 });
+    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 */ []));
+    maxPreviewItems = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxPreviewItems" }] : /* istanbul ignore next */ []));
+    collapseStringsAfterLength = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapseStringsAfterLength" }] : /* istanbul ignore next */ []));
+    quotesOnKeys = input(undefined, { ...(ngDevMode ? { debugName: "quotesOnKeys" } : /* istanbul ignore next */ {}), transform: optionalBooleanAttribute });
+    groupArraysAfterLength = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupArraysAfterLength" }] : /* istanbul ignore next */ []));
+    showNonenumerable = input(undefined, { ...(ngDevMode ? { debugName: "showNonenumerable" } : /* istanbul ignore next */ {}), transform: optionalBooleanAttribute });
+    expandedChange = output();
+    selectionChange = output();
+    checkedChange = output();
+    focusChange = output();
+    loadChildrenComplete = output();
+    loadChildrenError = output();
+    renameStart = output();
+    beforeRename = output();
+    renameComplete = output();
+    jsonTreeView = useJsonTreeView({
+        context: () => ({
+            id: this.id(),
+            ids: this.ids(),
+            data: this.readData(),
+            defaultExpandedDepth: this.defaultExpandedDepth(),
+            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(),
+            selectionMode: this.selectionMode(),
+            translations: this.translations(),
+            loadChildren: this.loadChildren(),
+            canRename: this.canRename(),
+            scrollToIndexFn: this.scrollToIndexFn(),
+            maxPreviewItems: this.maxPreviewItems(),
+            collapseStringsAfterLength: this.collapseStringsAfterLength(),
+            quotesOnKeys: this.quotesOnKeys(),
+            groupArraysAfterLength: this.groupArraysAfterLength(),
+            showNonenumerable: this.showNonenumerable(),
+            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.jsonTreeView.state;
+    api = this.jsonTreeView.api;
+    service = this.jsonTreeView.service;
+    send = this.jsonTreeView.send;
+    options = this.jsonTreeView.options;
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => ({ ...this.api().getRootProps(), "data-scope": "json-tree-view" }),
+        });
+    }
+    readData() {
+        try {
+            return this.data();
+        }
+        catch {
+            return undefined;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: JsonTreeViewRoot, isStandalone: true, selector: "[json-tree-view-root]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, defaultExpandedDepth: { classPropertyName: "defaultExpandedDepth", publicName: "defaultExpandedDepth", isSignal: true, isRequired: false, 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 }, 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 }, maxPreviewItems: { classPropertyName: "maxPreviewItems", publicName: "maxPreviewItems", isSignal: true, isRequired: false, transformFunction: null }, collapseStringsAfterLength: { classPropertyName: "collapseStringsAfterLength", publicName: "collapseStringsAfterLength", isSignal: true, isRequired: false, transformFunction: null }, quotesOnKeys: { classPropertyName: "quotesOnKeys", publicName: "quotesOnKeys", isSignal: true, isRequired: false, transformFunction: null }, groupArraysAfterLength: { classPropertyName: "groupArraysAfterLength", publicName: "groupArraysAfterLength", isSignal: true, isRequired: false, transformFunction: null }, showNonenumerable: { classPropertyName: "showNonenumerable", publicName: "showNonenumerable", 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: JSON_TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRoot) },
+            { provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRoot) },
+            {
+                provide: JSON_TREE_VIEW_OPTIONS,
+                useFactory: (root) => root.options,
+                deps: [forwardRef(() => JsonTreeViewRoot)],
+            },
+        ], exportAs: ["jsonTreeViewRoot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[json-tree-view-root]",
+                    standalone: true,
+                    exportAs: "jsonTreeViewRoot",
+                    providers: [
+                        { provide: JSON_TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRoot) },
+                        { provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRoot) },
+                        {
+                            provide: JSON_TREE_VIEW_OPTIONS,
+                            useFactory: (root) => root.options,
+                            deps: [forwardRef(() => JsonTreeViewRoot)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ids: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], defaultExpandedDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultExpandedDepth", required: false }] }], 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 }] }], 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 }] }], maxPreviewItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPreviewItems", required: false }] }], collapseStringsAfterLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseStringsAfterLength", required: false }] }], quotesOnKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "quotesOnKeys", required: false }] }], groupArraysAfterLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupArraysAfterLength", required: false }] }], showNonenumerable: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNonenumerable", 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 || a.length !== b.length)
+        return false;
+    return a.every((value, index) => value === b[index]);
+}
+
+class JsonTreeViewRootProvider {
+    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 */ []));
+    options = computed(() => this.value().options(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    send = (event) => this.value().send(event);
+    get service() {
+        return this.value().service;
+    }
+    constructor() {
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => ({ ...this.api().getRootProps(), "data-scope": "json-tree-view" }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: JsonTreeViewRootProvider, isStandalone: true, selector: "[json-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: JSON_TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRootProvider) },
+            { provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRootProvider) },
+            {
+                provide: JSON_TREE_VIEW_OPTIONS,
+                useFactory: (provider) => provider.options,
+                deps: [forwardRef(() => JsonTreeViewRootProvider)],
+            },
+        ], exportAs: ["jsonTreeViewRootProvider"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[json-tree-view-root-provider]",
+                    standalone: true,
+                    exportAs: "jsonTreeViewRootProvider",
+                    providers: [
+                        { provide: JSON_TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRootProvider) },
+                        { provide: TREE_VIEW_CONTEXT, useExisting: forwardRef(() => JsonTreeViewRootProvider) },
+                        {
+                            provide: JSON_TREE_VIEW_OPTIONS,
+                            useFactory: (provider) => provider.options,
+                            deps: [forwardRef(() => JsonTreeViewRootProvider)],
+                        },
+                    ],
+                }]
+        }], 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 JsonTreeViewKeyNode {
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    options = injectJsonTreeViewOptions();
+    displayKey = computed(() => {
+        const key = keyPathToKey(this.node().keyPath);
+        return this.options().quotesOnKeys ? `"${key}"` : key;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayKey" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewKeyNode, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: JsonTreeViewKeyNode, isStandalone: true, selector: "json-tree-view-key-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <span data-kind="key" [attr.data-non-enumerable]="node().isNonEnumerable ? '' : null">{{
+      displayKey()
+    }}</span>
+    <span data-kind="colon">:</span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewKeyNode, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "json-tree-view-key-node",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <span data-kind="key" [attr.data-non-enumerable]="node().isNonEnumerable ? '' : null">{{
+      displayKey()
+    }}</span>
+    <span data-kind="colon">:</span>
+  `,
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
+
+class JsonTreeViewValueNode {
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    renderValue = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderValue" }] : /* istanbul ignore next */ []));
+    isText(node) {
+        return node.type === "text";
+    }
+    element(node) {
+        return node;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewValueNode, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: JsonTreeViewValueNode, isStandalone: true, selector: "json-tree-view-value-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, renderValue: { classPropertyName: "renderValue", publicName: "renderValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ng-container *ngTemplateOutlet="renderNode; context: { $implicit: node() }" />
+
+    <ng-template #renderNode let-current>
+      @if (isText(current)) {
+        @if (renderValue(); as template) {
+          <ng-container
+            *ngTemplateOutlet="
+              template;
+              context: { $implicit: current, node: current, text: current }
+            "
+          />
+        } @else {
+          {{ current.value }}
+        }
+      } @else {
+        @switch (current.tagName) {
+          @case ("a") {
+            <a
+              [attr.href]="element(current).properties['href'] ?? null"
+              [attr.target]="element(current).properties['target'] ?? null"
+              [attr.rel]="element(current).properties['rel'] ?? null"
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </a>
+          }
+          @case ("div") {
+            <div
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </div>
+          }
+          @default {
+            <span
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </span>
+          }
+        }
+      }
+    </ng-template>
+
+    <ng-template #children let-current>
+      @for (child of current.children; track $index) {
+        <ng-container *ngTemplateOutlet="renderNode; context: { $implicit: child }" />
+      }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewValueNode, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "json-tree-view-value-node",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <ng-container *ngTemplateOutlet="renderNode; context: { $implicit: node() }" />
+
+    <ng-template #renderNode let-current>
+      @if (isText(current)) {
+        @if (renderValue(); as template) {
+          <ng-container
+            *ngTemplateOutlet="
+              template;
+              context: { $implicit: current, node: current, text: current }
+            "
+          />
+        } @else {
+          {{ current.value }}
+        }
+      } @else {
+        @switch (current.tagName) {
+          @case ("a") {
+            <a
+              [attr.href]="element(current).properties['href'] ?? null"
+              [attr.target]="element(current).properties['target'] ?? null"
+              [attr.rel]="element(current).properties['rel'] ?? null"
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </a>
+          }
+          @case ("div") {
+            <div
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </div>
+          }
+          @default {
+            <span
+              [attr.data-root]="element(current).properties.root ? '' : null"
+              [attr.data-type]="element(current).properties.nodeType ?? null"
+              [attr.data-kind]="element(current).properties.kind ?? null"
+            >
+              <ng-container
+                *ngTemplateOutlet="children; context: { $implicit: element(current) }"
+              />
+            </span>
+          }
+        }
+      }
+    </ng-template>
+
+    <ng-template #children let-current>
+      @for (child of current.children; track $index) {
+        <ng-container *ngTemplateOutlet="renderNode; context: { $implicit: child }" />
+      }
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], renderValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderValue", required: false }] }] } });
+
+class JsonTreeViewNode {
+    /** The node to render. */
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    /** The index path of the node. */
+    indexPath = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
+    /** Template for the branch arrow. */
+    arrow = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrow" }] : /* istanbul ignore next */ []));
+    /** Whether to render branch indent guides. */
+    indentGuide = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indentGuide" }] : /* istanbul ignore next */ []));
+    /** Template used to render text value nodes. */
+    renderValue = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderValue" }] : /* istanbul ignore next */ []));
+    treeView = injectTreeViewContext();
+    options = injectJsonTreeViewOptions();
+    valueNode(node) {
+        return jsonNodeToElement(node, this.options());
+    }
+    isBranch(node, indexPath) {
+        return this.treeView.api().getNodeState({ node, indexPath }).isBranch;
+    }
+    children(node) {
+        return node.children ?? [];
+    }
+    indentGuideTemplate() {
+        const indentGuide = this.indentGuide();
+        return typeof indentGuide === "boolean" ? null : indentGuide;
+    }
+    key(node) {
+        return keyPathToKey(node.keyPath, { excludeRoot: true });
+    }
+    description(node) {
+        return getAccessibleDescription(node);
+    }
+    line(indexPath) {
+        return indexPath.reduce((acc, current) => acc + current, 1);
+    }
+    lineLength(indexPath) {
+        return indexPath.length - 1;
+    }
+    childIndexPath(indexPath, index) {
+        return [...indexPath, index];
+    }
+    trackNode(index, node) {
+        return `${index}:${node.keyPath.join(".")}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewNode, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: JsonTreeViewNode, isStandalone: true, selector: "json-tree-view-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: true, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, indentGuide: { classPropertyName: "indentGuide", publicName: "indentGuide", isSignal: true, isRequired: false, transformFunction: null }, renderValue: { classPropertyName: "renderValue", publicName: "renderValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ng-container
+      *ngTemplateOutlet="renderNode; context: { $implicit: node(), indexPath: indexPath() }"
+    />
+
+    <ng-template #renderNode let-current let-currentIndexPath="indexPath">
+      <ng-container tree-view-node-provider [node]="current" [indexPath]="currentIndexPath">
+        @if (isBranch(current, currentIndexPath)) {
+          <div tree-view-branch data-scope="json-tree-view">
+            <div
+              tree-view-branch-control
+              data-scope="json-tree-view"
+              [attr.aria-label]="description(current)"
+              [attr.data-line]="line(currentIndexPath)"
+              [style.--line-length]="lineLength(currentIndexPath)"
+            >
+              @if (arrow(); as arrowTemplate) {
+                <span tree-view-branch-indicator data-scope="json-tree-view">
+                  <ng-container *ngTemplateOutlet="arrowTemplate" />
+                </span>
+              }
+              <span tree-view-branch-text data-scope="json-tree-view">
+                @if (key(current)) {
+                  <json-tree-view-key-node [node]="current" />
+                }
+                <json-tree-view-value-node
+                  [node]="valueNode(current)"
+                  [renderValue]="renderValue()"
+                />
+              </span>
+            </div>
+            <div *tree-view-branch-content data-scope="json-tree-view">
+              @if (indentGuideTemplate(); as indentGuideTemplate) {
+                <ng-container *ngTemplateOutlet="indentGuideTemplate" />
+              } @else if (indentGuide() === true) {
+                <span tree-view-branch-indent-guide></span>
+              }
+              @for (child of children(current); track trackNode($index, child)) {
+                <ng-container
+                  *ngTemplateOutlet="
+                    renderNode;
+                    context: {
+                      $implicit: child,
+                      indexPath: childIndexPath(currentIndexPath, $index),
+                    }
+                  "
+                />
+              }
+            </div>
+          </div>
+        } @else {
+          <div
+            tree-view-item
+            data-scope="json-tree-view"
+            [attr.aria-label]="description(current)"
+            [attr.data-line]="line(currentIndexPath)"
+            [style.--line-length]="lineLength(currentIndexPath)"
+          >
+            <span tree-view-item-text data-scope="json-tree-view">
+              @if (key(current)) {
+                <json-tree-view-key-node [node]="current" />
+              }
+              <json-tree-view-value-node
+                [node]="valueNode(current)"
+                [renderValue]="renderValue()"
+              />
+            </span>
+          </div>
+        }
+      </ng-container>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TreeViewNodeProvider, selector: "[tree-view-node-provider]", inputs: ["node", "indexPath"], exportAs: ["treeViewNodeProvider"] }, { kind: "directive", type: TreeViewBranch, selector: "[tree-view-branch]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranch"] }, { kind: "directive", type: TreeViewBranchControl, selector: "[tree-view-branch-control]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranchControl"] }, { kind: "directive", type: TreeViewBranchIndicator, selector: "[tree-view-branch-indicator]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranchIndicator"] }, { kind: "directive", type: TreeViewBranchText, selector: "[tree-view-branch-text]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranchText"] }, { kind: "directive", type: TreeViewBranchContent, selector: "[tree-view-branch-content]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranchContent"] }, { kind: "directive", type: TreeViewBranchIndentGuide, selector: "[tree-view-branch-indent-guide]", inputs: ["node", "indexPath"], exportAs: ["treeViewBranchIndentGuide"] }, { kind: "directive", type: TreeViewItem, selector: "[tree-view-item]", inputs: ["node", "indexPath"], exportAs: ["treeViewItem"] }, { kind: "directive", type: TreeViewItemText, selector: "[tree-view-item-text]", inputs: ["node", "indexPath"], exportAs: ["treeViewItemText"] }, { kind: "component", type: JsonTreeViewKeyNode, selector: "json-tree-view-key-node", inputs: ["node"] }, { kind: "component", type: JsonTreeViewValueNode, selector: "json-tree-view-value-node", inputs: ["node", "renderValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewNode, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "json-tree-view-node",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        NgTemplateOutlet,
+                        TreeViewNodeProvider,
+                        TreeViewBranch,
+                        TreeViewBranchControl,
+                        TreeViewBranchIndicator,
+                        TreeViewBranchText,
+                        TreeViewBranchContent,
+                        TreeViewBranchIndentGuide,
+                        TreeViewItem,
+                        TreeViewItemText,
+                        JsonTreeViewKeyNode,
+                        JsonTreeViewValueNode,
+                    ],
+                    template: `
+    <ng-container
+      *ngTemplateOutlet="renderNode; context: { $implicit: node(), indexPath: indexPath() }"
+    />
+
+    <ng-template #renderNode let-current let-currentIndexPath="indexPath">
+      <ng-container tree-view-node-provider [node]="current" [indexPath]="currentIndexPath">
+        @if (isBranch(current, currentIndexPath)) {
+          <div tree-view-branch data-scope="json-tree-view">
+            <div
+              tree-view-branch-control
+              data-scope="json-tree-view"
+              [attr.aria-label]="description(current)"
+              [attr.data-line]="line(currentIndexPath)"
+              [style.--line-length]="lineLength(currentIndexPath)"
+            >
+              @if (arrow(); as arrowTemplate) {
+                <span tree-view-branch-indicator data-scope="json-tree-view">
+                  <ng-container *ngTemplateOutlet="arrowTemplate" />
+                </span>
+              }
+              <span tree-view-branch-text data-scope="json-tree-view">
+                @if (key(current)) {
+                  <json-tree-view-key-node [node]="current" />
+                }
+                <json-tree-view-value-node
+                  [node]="valueNode(current)"
+                  [renderValue]="renderValue()"
+                />
+              </span>
+            </div>
+            <div *tree-view-branch-content data-scope="json-tree-view">
+              @if (indentGuideTemplate(); as indentGuideTemplate) {
+                <ng-container *ngTemplateOutlet="indentGuideTemplate" />
+              } @else if (indentGuide() === true) {
+                <span tree-view-branch-indent-guide></span>
+              }
+              @for (child of children(current); track trackNode($index, child)) {
+                <ng-container
+                  *ngTemplateOutlet="
+                    renderNode;
+                    context: {
+                      $implicit: child,
+                      indexPath: childIndexPath(currentIndexPath, $index),
+                    }
+                  "
+                />
+              }
+            </div>
+          </div>
+        } @else {
+          <div
+            tree-view-item
+            data-scope="json-tree-view"
+            [attr.aria-label]="description(current)"
+            [attr.data-line]="line(currentIndexPath)"
+            [style.--line-length]="lineLength(currentIndexPath)"
+          >
+            <span tree-view-item-text data-scope="json-tree-view">
+              @if (key(current)) {
+                <json-tree-view-key-node [node]="current" />
+              }
+              <json-tree-view-value-node
+                [node]="valueNode(current)"
+                [renderValue]="renderValue()"
+              />
+            </span>
+          </div>
+        }
+      </ng-container>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: true }] }], arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], indentGuide: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentGuide", required: false }] }], renderValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderValue", required: false }] }] } });
+
+class JsonTreeViewTree {
+    arrow = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrow" }] : /* istanbul ignore next */ []));
+    indentGuide = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indentGuide" }] : /* istanbul ignore next */ []));
+    renderValue = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderValue" }] : /* istanbul ignore next */ []));
+    treeView = injectTreeViewContext();
+    nodes() {
+        const collection = this.treeView.api().collection;
+        return collection.getNodeChildren(collection.rootNode);
+    }
+    trackNode(index, node) {
+        return `${index}:${node.keyPath.join(".")}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewTree, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: JsonTreeViewTree, isStandalone: true, selector: "[json-tree-view-tree]", inputs: { arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, indentGuide: { classPropertyName: "indentGuide", publicName: "indentGuide", isSignal: true, isRequired: false, transformFunction: null }, renderValue: { classPropertyName: "renderValue", publicName: "renderValue", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-scope": "json-tree-view" } }, hostDirectives: [{ directive: i1.TreeViewTree }], ngImport: i0, template: `
+    @for (node of nodes(); track trackNode($index, node)) {
+      <json-tree-view-node
+        [node]="node"
+        [indexPath]="[$index]"
+        [arrow]="arrow()"
+        [indentGuide]="indentGuide()"
+        [renderValue]="renderValue()"
+      />
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: JsonTreeViewNode, selector: "json-tree-view-node", inputs: ["node", "indexPath", "arrow", "indentGuide", "renderValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: JsonTreeViewTree, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[json-tree-view-tree]",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [TreeViewTree],
+                    host: { "data-scope": "json-tree-view" },
+                    imports: [JsonTreeViewNode],
+                    template: `
+    @for (node of nodes(); track trackNode($index, node)) {
+      <json-tree-view-node
+        [node]="node"
+        [indexPath]="[$index]"
+        [arrow]="arrow()"
+        [indentGuide]="indentGuide()"
+        [renderValue]="renderValue()"
+      />
+    }
+  `,
+                }]
+        }], propDecorators: { arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], indentGuide: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentGuide", required: false }] }], renderValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderValue", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JSON_TREE_VIEW_CONTEXT, JSON_TREE_VIEW_OPTIONS, JsonTreeViewKeyNode, JsonTreeViewNode, JsonTreeViewRoot, JsonTreeViewRootProvider, JsonTreeViewTree, JsonTreeViewValueNode, getBranchValues as getJsonTreeViewBranchValues, injectJsonTreeViewContext, injectJsonTreeViewOptions, useJsonTreeView };
+//# sourceMappingURL=wirekyt-angular-json-tree-view.mjs.map