@ark-ui/vue/dist/components/json-tree-view/use-json-tree-view.cjs

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

const require_create_split_props = require("../create-split-props.cjs");
const require_tree_collection = require("../collection/tree-collection.cjs");
const require_use_tree_view = require("../tree-view/use-tree-view.cjs");
const require_get_branch_value = require("./get-branch-value.cjs");
let vue = require("vue");
let _zag_js_json_tree_utils = require("@zag-js/json-tree-utils");
//#region src/components/json-tree-view/use-json-tree-view.ts
var splitJsonTreeViewProps = require_create_split_props.createSplitProps();
var useJsonTreeView = (props) => {
	const [jsonTreeProps, localProps] = splitJsonTreeViewProps((0, vue.toValue)(props), [
		"maxPreviewItems",
		"collapseStringsAfterLength",
		"quotesOnKeys",
		"groupArraysAfterLength",
		"showNonenumerable"
	]);
	const treeView = require_use_tree_view.useTreeView((0, vue.computed)(() => {
		const { data, defaultExpandedDepth, ...restProps } = localProps;
		const collection = require_tree_collection.createTreeCollection({
			nodeToValue: _zag_js_json_tree_utils.nodeToValue,
			nodeToString: _zag_js_json_tree_utils.nodeToString,
			rootNode: (0, _zag_js_json_tree_utils.getRootNode)(data)
		});
		return {
			defaultExpandedValue: defaultExpandedDepth != null ? require_get_branch_value.getBranchValues(collection, defaultExpandedDepth) : void 0,
			...restProps,
			collection,
			typeahead: false
		};
	}));
	return (0, vue.computed)(() => ({
		...treeView.value,
		options: jsonTreeProps
	}));
};
//#endregion
exports.useJsonTreeView = useJsonTreeView;