"use strict";(self.webpackChunk_d3plus_docs=self.webpackChunk_d3plus_docs||[]).push([[8279],{"./packages/core/charts/AreaPlot.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicExample:()=>BasicExample,ChangingAreaOpacity:()=>ChangingAreaOpacity,__namedExportsOrder:()=>__namedExportsOrder,default:()=>AreaPlot_stories});var jsx_runtime=__webpack_require__("../../node_modules/next/dist/compiled/react/jsx-runtime.js"),Plot_args=(__webpack_require__("../../node_modules/next/dist/compiled/react/index.js"),__webpack_require__("./args/core/charts/Plot.args.jsx")),d3plus_dom_full=__webpack_require__("../dom/umd/d3plus-dom.full.js"),react_0=__webpack_require__("../react/index.jsx");const AreaPlot=({config})=>(0,jsx_runtime.jsx)(react_0.bO,{config}),argTypes=(0,d3plus_dom_full.assign)(Object.keys(Plot_args.U).filter((k=>!k.match(/^(shape|zoom.*)$/))).reduce(((obj,k)=>(obj[k]=Plot_args.U[k],obj)),{}),{baseline:{control:{type:"number"},defaultValue:0,table:{defaultValue:{summary:0}},type:{required:!0,summary:"number"}},discrete:{control:{type:"text"},defaultValue:"x",table:{defaultValue:{summary:"x"}},type:{required:!1,summary:"string"}},shape:{control:{type:"text"},defaultValue:"Area",table:{defaultValue:{summary:"Area"}},type:{required:!1,summary:"function | string"}}});AreaPlot.__docgenInfo={description:"",methods:[],displayName:"AreaPlot"};var configify=__webpack_require__("./helpers/configify.js");const AreaPlot_stories={title:"Core/Charts/AreaPlot",component:AreaPlot,argTypes,parameters:{docs:{description:{component:"Creates an area plot based on an array of data."}}}},Template=args=>(0,jsx_runtime.jsx)(AreaPlot,{config:(0,configify.A)(args,argTypes)}),BasicExample={args:{data:[{id:"alpha",x:1,y:7},{id:"alpha",x:2,y:2},{id:"alpha",x:3,y:13},{id:"alpha",x:4,y:4},{id:"alpha",x:5,y:22},{id:"alpha",x:6,y:13}],groupBy:"id",x:"x",y:"y"},parameters:{nextjs:{router:{pathname:"/core/charts/AreaPlot"}}},render:Template},ChangingAreaOpacity=Template.bind({});ChangingAreaOpacity.args={data:[{id:"alpha",x:1,y:7},{id:"alpha",x:2,y:2},{id:"alpha",x:3,y:13},{id:"alpha",x:4,y:4},{id:"alpha",x:5,y:22},{id:"beta",x:1,y:10},{id:"beta",x:2,y:6},{id:"beta",x:3,y:3},{id:"beta",x:4,y:12},{id:"beta",x:5,y:11}],groupBy:"id",shapeConfig:{fill:"red",Area:{fillOpacity:.5}}},ChangingAreaOpacity.parameters={controls:{include:["shapeConfig"]}};const __namedExportsOrder=["BasicExample","ChangingAreaOpacity"];BasicExample.parameters={...BasicExample.parameters,docs:{...BasicExample.parameters?.docs,source:{originalSource:'{\n  args: {\n    data: [{\n      id: "alpha",\n      x: 1,\n      y: 7\n    }, {\n      id: "alpha",\n      x: 2,\n      y: 2\n    }, {\n      id: "alpha",\n      x: 3,\n      y: 13\n    }, {\n      id: "alpha",\n      x: 4,\n      y: 4\n    }, {\n      id: "alpha",\n      x: 5,\n      y: 22\n    }, {\n      id: "alpha",\n      x: 6,\n      y: 13\n    }],\n    groupBy: "id",\n    x: "x",\n    y: "y"\n  },\n  parameters: {\n    nextjs: {\n      router: {\n        pathname: "/core/charts/AreaPlot"\n      }\n    }\n  },\n  render: Template\n}',...BasicExample.parameters?.docs?.source}}},ChangingAreaOpacity.parameters={...ChangingAreaOpacity.parameters,docs:{...ChangingAreaOpacity.parameters?.docs,source:{originalSource:"args => <AreaPlot config={configify(args, argTypes)} />",...ChangingAreaOpacity.parameters?.docs?.source}}}}}]);