"use strict";(self.webpackChunk_d3plus_docs=self.webpackChunk_d3plus_docs||[]).push([[7601],{"./packages/core/charts/Tree.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>Tree_stories});var jsx_runtime=__webpack_require__("../../node_modules/next/dist/compiled/react/jsx-runtime.js"),Viz_args=(__webpack_require__("../../node_modules/next/dist/compiled/react/index.js"),__webpack_require__("./args/core/charts/Viz.args.jsx")),d3plus_dom_full=__webpack_require__("../dom/umd/d3plus-dom.full.js"),react_0=__webpack_require__("../react/index.jsx");const Tree_args_Tree=({config})=>(0,jsx_runtime.jsx)(react_0.PH,{config}),Tree_args_argTypes=(0,d3plus_dom_full.assign)(Object.keys(Viz_args.U).filter((k=>!k.match(/^(zoom.*)$/))).reduce(((obj,k)=>(obj[k]=Viz_args.U[k],obj)),{}),{orient:{control:{type:"text"},defaultValue:"vertical",description:'Accepts either "vertical" or "horizontal".',table:{defaultValue:{summary:"vertical"}},type:{required:!1,summary:"string"}},separation:{control:{},defaultValue:"(a, b) => a.parent === b.parent ? 1 : 2",table:{defaultValue:{detail:"(a, b) => a.parent === b.parent ? 1 : 2",summary:"function"}},type:{required:!1,summary:"function"}},shape:{control:{type:"text"},defaultValue:"Circle",table:{defaultValue:{summary:"Circle"}},type:{required:!1,summary:"function | string"}},shapeConfig:{control:{type:"object"},defaultValue:"assign(this._shapeConfig, {ariaLabel: (d, i) => this._treeData ? `${this._treeData.i.depth}. ${this._drawLabel(d, i)}.` : , labelConfig: {fontColor: #444}, Path: {fill: none, stroke: #ccc, strokeWidth: 1}, r: 5, width: 10, height: 10})",table:{defaultValue:{detail:"assign(this._shapeConfig, {ariaLabel: (d, i) => this._treeData ? `${this._treeData.i.depth}. ${this._drawLabel(d, i)}.` : , labelConfig: {fontColor: #444}, Path: {fill: none, stroke: #ccc, strokeWidth: 1}, r: 5, width: 10, height: 10})",summary:"function"}},type:{required:!1,summary:"object"}}});Tree_args_Tree.__docgenInfo={description:"",methods:[],displayName:"Tree"};const Tree_stories={title:"Core/Charts/Tree",component:Tree_args_Tree,argTypes:Tree_args_argTypes,parameters:{docs:{description:{component:"Uses d3's [tree layout](https://github.com/d3/d3-hierarchy#tree) to create a tidy tree chart based on an array of data."}}}}}}]);