diff --git a/404.html b/404.html index 63ae59e78e..8d3524cb1e 100644 --- a/404.html +++ b/404.html @@ -5,8 +5,8 @@ Page Not Found | FluentUI Charting Contrib Docsite - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

diff --git a/assets/images/axis-ticks-alignment-677c66893435feda96532383ed806a74.png b/assets/images/axis-ticks-alignment-677c66893435feda96532383ed806a74.png new file mode 100644 index 0000000000..7e8c75cbb4 Binary files /dev/null and b/assets/images/axis-ticks-alignment-677c66893435feda96532383ed806a74.png differ diff --git a/assets/images/bar-width-calculation-fd0162e202f9e0319c11250f2b814eac.png b/assets/images/bar-width-calculation-fd0162e202f9e0319c11250f2b814eac.png new file mode 100644 index 0000000000..44c59a9c88 Binary files /dev/null and b/assets/images/bar-width-calculation-fd0162e202f9e0319c11250f2b814eac.png differ diff --git a/assets/js/6574cc86.68e2ea00.js b/assets/js/6574cc86.68e2ea00.js new file mode 100644 index 0000000000..13e2f065ab --- /dev/null +++ b/assets/js/6574cc86.68e2ea00.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[515],{313:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>t,toc:()=>d});var a=n(5893),i=n(1151);const r={},l="RFC: Fix 2:1 spacing",t={id:"rfcs/fix-2-to-1-spacing",title:"RFC: Fix 2:1 spacing",description:"Summary",source:"@site/../../docs/rfcs/fix-2-to-1-spacing.md",sourceDirName:"rfcs",slug:"/rfcs/fix-2-to-1-spacing",permalink:"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Bundle Size",permalink:"/fluentui-charting-contrib/docs/BundleSize"},next:{title:"RFC: Fix overlapping bars on continuous axes",permalink:"/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes"}},c={},d=[{value:"Summary",id:"summary",level:2},{value:"Background",id:"background",level:2},{value:"Problem",id:"problem",level:2},{value:"Proposal",id:"proposal",level:2},{value:"Definitions",id:"definitions",level:3},{value:"Pros and Cons",id:"pros-and-cons",level:2},{value:"Pros",id:"pros",level:3},{value:"Cons",id:"cons",level:3},{value:"Discarded Solutions",id:"discarded-solutions",level:2},{value:"Open Issues",id:"open-issues",level:2}];function m(e){const s={a:"a",annotation:"annotation",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",math:"math",mfrac:"mfrac",mi:"mi",mo:"mo",mrow:"mrow",ol:"ol",p:"p",semantics:"semantics",span:"span",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.h1,{id:"rfc-fix-21-spacing",children:"RFC: Fix 2:1 spacing"}),"\n",(0,a.jsx)(s.h2,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(s.p,{children:"This document suggests a way to address issues that came up after the implementation of 2:1 spacing in vertical bar charts with string x-axis. The proposed solution introduces new props that will give users more control over both bar width and spacing within the chart."}),"\n",(0,a.jsx)(s.h2,{id:"background",children:"Background"}),"\n",(0,a.jsxs)(s.p,{children:["The 2:1 spacing feature was added through ",(0,a.jsx)(s.a,{href:"https://github.com/microsoft/fluentui/pull/25838",children:"Pull Request #25838"}),", as per ",(0,a.jsx)(s.a,{href:"https://www.figma.com/file/WOoCs0CmNYZhYl9xXeCGpi/Data-viz-(Archive)?type=design&node-id=21153-80245&mode=design&t=yuXjQl2xGWzQrsK8-4",children:"the design"}),". Following its release in version ",(0,a.jsx)(s.code,{children:"5.16.0"}),", queries from partner teams arose regarding the possibility of disabling or overriding this feature, as they found the previous uniform spacing better suited to their requirements."]}),"\n",(0,a.jsx)(s.h2,{id:"problem",children:"Problem"}),"\n",(0,a.jsx)(s.p,{children:(0,a.jsx)(s.img,{src:n(7465).Z+"",width:"1933",height:"1054"})}),"\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsx)(s.li,{children:"The bars don\u2019t occupy the entire space due to the default bar width of 16px and a fixed 2:1 spacing, often leaving considerable amount of blank space before the first bar and after the last bar. This becomes particularly noticeable when the chart width is large."}),"\n",(0,a.jsx)(s.li,{children:"Additionally, this setup causes unnecessary overlapping of x-axis labels."}),"\n"]}),"\n",(0,a.jsx)(s.h2,{id:"proposal",children:"Proposal"}),"\n",(0,a.jsx)(s.p,{children:(0,a.jsx)(s.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:n(6315).Z+"",children:(0,a.jsx)("img",{src:n(2447).Z,alt:"",width:"500"})})}),"\n",(0,a.jsxs)(s.ol,{children:["\n",(0,a.jsxs)(s.li,{children:["Add optional ",(0,a.jsx)(s.code,{children:"xAxisInnerPadding"}),", ",(0,a.jsx)(s.code,{children:"xAxisOuterPadding"})," props to vertical bar charts.","\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsxs)(s.li,{children:[(0,a.jsx)(s.code,{children:"xAxisInnerPadding"})," controls the space between bars, while ",(0,a.jsx)(s.code,{children:"xAxisOuterPadding"})," controls the space before the first bar and after the last bar."]}),"\n",(0,a.jsxs)(s.li,{children:["These props accept values between 0 and 1, representing a fraction of the ",(0,a.jsx)(s.a,{href:"https://d3js.org/d3-scale/band#band_step",children:"step"}),". These props are particularly relevant when using a string x-axis. For additional information on padding in string axes, see ",(0,a.jsx)(s.a,{href:"https://d3js.org/d3-scale/band#band_paddingInner",children:"Band scales | D3 by Observable"}),"."]}),"\n",(0,a.jsxs)(s.li,{children:["By default, the inner padding is set to 2/3, meaning the space between bars is twice the bar width. This default value is calculated using the formula:","\n",(0,a.jsx)(s.span,{className:"katex-display",children:(0,a.jsxs)(s.span,{className:"katex",children:[(0,a.jsx)(s.span,{className:"katex-mathml",children:(0,a.jsx)(s.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,a.jsxs)(s.semantics,{children:[(0,a.jsxs)(s.mrow,{children:[(0,a.jsx)(s.mi,{children:"i"}),(0,a.jsx)(s.mi,{children:"n"}),(0,a.jsx)(s.mi,{children:"n"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"r"}),(0,a.jsx)(s.mi,{children:"P"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"d"}),(0,a.jsx)(s.mi,{children:"d"}),(0,a.jsx)(s.mi,{children:"i"}),(0,a.jsx)(s.mi,{children:"n"}),(0,a.jsx)(s.mi,{children:"g"}),(0,a.jsx)(s.mo,{children:"="}),(0,a.jsxs)(s.mfrac,{children:[(0,a.jsxs)(s.mrow,{children:[(0,a.jsx)(s.mi,{children:"s"}),(0,a.jsx)(s.mi,{children:"p"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"c"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"B"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"t"}),(0,a.jsx)(s.mi,{children:"w"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"n"}),(0,a.jsx)(s.mi,{children:"B"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"r"}),(0,a.jsx)(s.mi,{children:"s"})]}),(0,a.jsxs)(s.mrow,{children:[(0,a.jsx)(s.mi,{children:"s"}),(0,a.jsx)(s.mi,{children:"p"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"c"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"B"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"t"}),(0,a.jsx)(s.mi,{children:"w"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"e"}),(0,a.jsx)(s.mi,{children:"n"}),(0,a.jsx)(s.mi,{children:"B"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"r"}),(0,a.jsx)(s.mi,{children:"s"}),(0,a.jsx)(s.mo,{children:"+"}),(0,a.jsx)(s.mi,{children:"b"}),(0,a.jsx)(s.mi,{children:"a"}),(0,a.jsx)(s.mi,{children:"r"}),(0,a.jsx)(s.mi,{children:"W"}),(0,a.jsx)(s.mi,{children:"i"}),(0,a.jsx)(s.mi,{children:"d"}),(0,a.jsx)(s.mi,{children:"t"}),(0,a.jsx)(s.mi,{children:"h"})]})]})]}),(0,a.jsx)(s.annotation,{encoding:"application/x-tex",children:"innerPadding = {spaceBetweenBars \\over spaceBetweenBars + barWidth}"})]})})}),(0,a.jsxs)(s.span,{className:"katex-html","aria-hidden":"true",children:[(0,a.jsxs)(s.span,{className:"base",children:[(0,a.jsx)(s.span,{className:"strut",style:{height:"0.8889em",verticalAlign:"-0.1944em"}}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"inn"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02778em"},children:"er"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"dd"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"in"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.03588em"},children:"g"}),(0,a.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,a.jsx)(s.span,{className:"mrel",children:"="}),(0,a.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,a.jsxs)(s.span,{className:"base",children:[(0,a.jsx)(s.span,{className:"strut",style:{height:"2.2408em",verticalAlign:"-0.8804em"}}),(0,a.jsx)(s.span,{className:"mord",children:(0,a.jsxs)(s.span,{className:"mord",children:[(0,a.jsx)(s.span,{className:"mopen nulldelimiter"}),(0,a.jsx)(s.span,{className:"mfrac",children:(0,a.jsxs)(s.span,{className:"vlist-t vlist-t2",children:[(0,a.jsxs)(s.span,{className:"vlist-r",children:[(0,a.jsxs)(s.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,a.jsxs)(s.span,{style:{top:"-2.314em"},children:[(0,a.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,a.jsxs)(s.span,{className:"mord",children:[(0,a.jsx)(s.span,{className:"mord mathnormal",children:"s"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"p"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"ce"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"e"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02691em"},children:"tw"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"ee"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"n"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"rs"}),(0,a.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,a.jsx)(s.span,{className:"mbin",children:"+"}),(0,a.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"ba"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02778em"},children:"r"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"Wi"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"d"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"t"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"h"})]})]}),(0,a.jsxs)(s.span,{style:{top:"-3.23em"},children:[(0,a.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,a.jsx)(s.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,a.jsxs)(s.span,{style:{top:"-3.677em"},children:[(0,a.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,a.jsxs)(s.span,{className:"mord",children:[(0,a.jsx)(s.span,{className:"mord mathnormal",children:"s"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"p"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"ce"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"e"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02691em"},children:"tw"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"ee"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"n"}),(0,a.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,a.jsx)(s.span,{className:"mord mathnormal",children:"rs"})]})]})]}),(0,a.jsx)(s.span,{className:"vlist-s",children:"\u200b"})]}),(0,a.jsx)(s.span,{className:"vlist-r",children:(0,a.jsx)(s.span,{className:"vlist",style:{height:"0.8804em"},children:(0,a.jsx)(s.span,{})})})]})}),(0,a.jsx)(s.span,{className:"mclose nulldelimiter"})]})})]})]})]})}),"\n","For a more detailed explanation of how these values were derived, see ",(0,a.jsx)(s.a,{href:"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing",children:"Implementing 2:1 spacing"}),"."]}),"\n",(0,a.jsxs)(s.li,{children:["The default configuration includes some space before the first bar and after the last bar. However, users can opt to eliminate this space by setting the ",(0,a.jsx)(s.code,{children:"xAxisOuterPadding"})," prop to 0."]}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(s.li,{children:["Use the existing ",(0,a.jsx)(s.code,{children:"barWidth"})," prop and add an optional ",(0,a.jsx)(s.code,{children:"maxBarWidth"})," prop to vertical bar charts.","\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsxs)(s.li,{children:["The ",(0,a.jsx)(s.code,{children:"barWidth"})," prop takes precedence over the props mentioned above. If not explicitly specified, the bar width will be dynamically adjusted to avoid overlapping while maintaining specified spacing between and around the bars. However, when ",(0,a.jsx)(s.code,{children:"barWidth"})," is provided, it will be respected, potentially compromising padding."]}),"\n",(0,a.jsxs)(s.li,{children:["In cases where the chart width is large, the bar width might become excessively large. To mitigate this, the ",(0,a.jsx)(s.code,{children:"maxBarWidth"})," prop can be utilized to restrict the width of the bars to a specified maximum."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(s.h3,{id:"definitions",children:"Definitions"}),"\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsxs)(s.li,{children:[(0,a.jsx)(s.strong,{children:"Step"})," is the interval between the start of a bar and the start of the next bar."]}),"\n"]}),"\n",(0,a.jsx)(s.h2,{id:"pros-and-cons",children:"Pros and Cons"}),"\n",(0,a.jsx)(s.h3,{id:"pros",children:"Pros"}),"\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsx)(s.li,{children:"Add new props and functionalities to vertical bar charts without breaking any existing functionalities, making it a backward compatible change."}),"\n",(0,a.jsx)(s.li,{children:"Provide more options for adjusting bar width and spacing, making the charts suitable for more generic cases."}),"\n"]}),"\n",(0,a.jsx)(s.h3,{id:"cons",children:"Cons"}),"\n",(0,a.jsxs)(s.ul,{children:["\n",(0,a.jsx)(s.li,{children:"Understanding and configuring padding values might be a bit tricky."}),"\n",(0,a.jsx)(s.li,{children:"While the padding functionality is available for a string axis, users may find a lack of similar capabilities for continuous (numeric or date) axes."}),"\n",(0,a.jsx)(s.li,{children:"The padding within a group in grouped vertical bar chart is fixed and can't be customized by users."}),"\n"]}),"\n",(0,a.jsx)(s.h2,{id:"discarded-solutions",children:"Discarded Solutions"}),"\n",(0,a.jsx)(s.h2,{id:"open-issues",children:"Open Issues"})]})}function h(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,a.jsx)(s,{...e,children:(0,a.jsx)(m,{...e})}):m(e)}},6315:(e,s,n)=>{n.d(s,{Z:()=>a});const a=n.p+"assets/files/2-to-1-spacing-fix-flow-ec2d984dbb947871ceed2e6990aac924.drawio"},2447:(e,s,n)=>{n.d(s,{Z:()=>a});const a=n.p+"assets/images/2-to-1-spacing-fix-flow-11782ba19549341217b75d5d6eda2bba.png"},7465:(e,s,n)=>{n.d(s,{Z:()=>a});const a=n.p+"assets/images/2-to-1-spacing-problem-62754d79fefaf4adf991f612b8160979.png"},1151:(e,s,n)=>{n.d(s,{Z:()=>t,a:()=>l});var a=n(7294);const i={},r=a.createContext(i);function l(e){const s=a.useContext(r);return a.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function t(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:l(e.components),a.createElement(r.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/6574cc86.d250b0d1.js b/assets/js/6574cc86.d250b0d1.js deleted file mode 100644 index 01ff3e101a..0000000000 --- a/assets/js/6574cc86.d250b0d1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[515],{313:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>d,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>t,toc:()=>c});var n=a(5893),i=a(1151);const r={},l="RFC: Fix 2:1 spacing",t={id:"rfcs/fix-2-to-1-spacing",title:"RFC: Fix 2:1 spacing",description:"Summary",source:"@site/../../docs/rfcs/fix-2-to-1-spacing.md",sourceDirName:"rfcs",slug:"/rfcs/fix-2-to-1-spacing",permalink:"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Bundle Size",permalink:"/fluentui-charting-contrib/docs/BundleSize"}},d={},c=[{value:"Summary",id:"summary",level:2},{value:"Background",id:"background",level:2},{value:"Problem",id:"problem",level:2},{value:"Proposal",id:"proposal",level:2},{value:"Definitions",id:"definitions",level:3},{value:"Pros and Cons",id:"pros-and-cons",level:2},{value:"Pros",id:"pros",level:3},{value:"Cons",id:"cons",level:3},{value:"Discarded Solutions",id:"discarded-solutions",level:2},{value:"Open Issues",id:"open-issues",level:2}];function m(e){const s={a:"a",annotation:"annotation",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",math:"math",mfrac:"mfrac",mi:"mi",mo:"mo",mrow:"mrow",ol:"ol",p:"p",semantics:"semantics",span:"span",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{id:"rfc-fix-21-spacing",children:"RFC: Fix 2:1 spacing"}),"\n",(0,n.jsx)(s.h2,{id:"summary",children:"Summary"}),"\n",(0,n.jsx)(s.p,{children:"This document suggests a way to address issues that came up after the implementation of 2:1 spacing in vertical bar charts with string x-axis. The proposed solution introduces new props that will give users more control over both bar width and spacing within the chart."}),"\n",(0,n.jsx)(s.h2,{id:"background",children:"Background"}),"\n",(0,n.jsxs)(s.p,{children:["The 2:1 spacing feature was added through ",(0,n.jsx)(s.a,{href:"https://github.com/microsoft/fluentui/pull/25838",children:"Pull Request #25838"}),", as per ",(0,n.jsx)(s.a,{href:"https://www.figma.com/file/WOoCs0CmNYZhYl9xXeCGpi/Data-viz-(Archive)?type=design&node-id=21153-80245&mode=design&t=yuXjQl2xGWzQrsK8-4",children:"the design"}),". Following its release in version ",(0,n.jsx)(s.code,{children:"5.16.0"}),", queries from partner teams arose regarding the possibility of disabling or overriding this feature, as they found the previous uniform spacing better suited to their requirements."]}),"\n",(0,n.jsx)(s.h2,{id:"problem",children:"Problem"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:a(7465).Z+"",width:"1933",height:"1054"})}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"The bars don\u2019t occupy the entire space due to the default bar width of 16px and a fixed 2:1 spacing, often leaving considerable amount of blank space before the first bar and after the last bar. This becomes particularly noticeable when the chart width is large."}),"\n",(0,n.jsx)(s.li,{children:"Additionally, this setup causes unnecessary overlapping of x-axis labels."}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"proposal",children:"Proposal"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:a(6315).Z+"",children:(0,n.jsx)("img",{src:a(2447).Z,alt:"",width:"500"})})}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsxs)(s.li,{children:["Add optional ",(0,n.jsx)(s.code,{children:"xAxisInnerPadding"}),", ",(0,n.jsx)(s.code,{children:"xAxisOuterPadding"})," props to vertical bar charts.","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"xAxisInnerPadding"})," controls the space between bars, while ",(0,n.jsx)(s.code,{children:"xAxisOuterPadding"})," controls the space before the first bar and after the last bar."]}),"\n",(0,n.jsxs)(s.li,{children:["These props accept values between 0 and 1, representing a fraction of the ",(0,n.jsx)(s.a,{href:"https://d3js.org/d3-scale/band#band_step",children:"step"}),". These props are particularly relevant when using a string x-axis. For additional information on padding in string axes, see ",(0,n.jsx)(s.a,{href:"https://d3js.org/d3-scale/band#band_paddingInner",children:"Band scales | D3 by Observable"}),"."]}),"\n",(0,n.jsxs)(s.li,{children:["By default, the inner padding is set to 2/3, meaning the space between bars is twice the bar width. This default value is calculated using the formula:","\n",(0,n.jsx)(s.span,{className:"katex-display",children:(0,n.jsxs)(s.span,{className:"katex",children:[(0,n.jsx)(s.span,{className:"katex-mathml",children:(0,n.jsx)(s.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(s.semantics,{children:[(0,n.jsxs)(s.mrow,{children:[(0,n.jsx)(s.mi,{children:"i"}),(0,n.jsx)(s.mi,{children:"n"}),(0,n.jsx)(s.mi,{children:"n"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"r"}),(0,n.jsx)(s.mi,{children:"P"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"d"}),(0,n.jsx)(s.mi,{children:"d"}),(0,n.jsx)(s.mi,{children:"i"}),(0,n.jsx)(s.mi,{children:"n"}),(0,n.jsx)(s.mi,{children:"g"}),(0,n.jsx)(s.mo,{children:"="}),(0,n.jsxs)(s.mfrac,{children:[(0,n.jsxs)(s.mrow,{children:[(0,n.jsx)(s.mi,{children:"s"}),(0,n.jsx)(s.mi,{children:"p"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"c"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"B"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"t"}),(0,n.jsx)(s.mi,{children:"w"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"n"}),(0,n.jsx)(s.mi,{children:"B"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"r"}),(0,n.jsx)(s.mi,{children:"s"})]}),(0,n.jsxs)(s.mrow,{children:[(0,n.jsx)(s.mi,{children:"s"}),(0,n.jsx)(s.mi,{children:"p"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"c"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"B"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"t"}),(0,n.jsx)(s.mi,{children:"w"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"e"}),(0,n.jsx)(s.mi,{children:"n"}),(0,n.jsx)(s.mi,{children:"B"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"r"}),(0,n.jsx)(s.mi,{children:"s"}),(0,n.jsx)(s.mo,{children:"+"}),(0,n.jsx)(s.mi,{children:"b"}),(0,n.jsx)(s.mi,{children:"a"}),(0,n.jsx)(s.mi,{children:"r"}),(0,n.jsx)(s.mi,{children:"W"}),(0,n.jsx)(s.mi,{children:"i"}),(0,n.jsx)(s.mi,{children:"d"}),(0,n.jsx)(s.mi,{children:"t"}),(0,n.jsx)(s.mi,{children:"h"})]})]})]}),(0,n.jsx)(s.annotation,{encoding:"application/x-tex",children:"innerPadding = {spaceBetweenBars \\over spaceBetweenBars + barWidth}"})]})})}),(0,n.jsxs)(s.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(s.span,{className:"base",children:[(0,n.jsx)(s.span,{className:"strut",style:{height:"0.8889em",verticalAlign:"-0.1944em"}}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"inn"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02778em"},children:"er"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"dd"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"in"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.03588em"},children:"g"}),(0,n.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(s.span,{className:"mrel",children:"="}),(0,n.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(s.span,{className:"base",children:[(0,n.jsx)(s.span,{className:"strut",style:{height:"2.2408em",verticalAlign:"-0.8804em"}}),(0,n.jsx)(s.span,{className:"mord",children:(0,n.jsxs)(s.span,{className:"mord",children:[(0,n.jsx)(s.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(s.span,{className:"mfrac",children:(0,n.jsxs)(s.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(s.span,{className:"vlist-r",children:[(0,n.jsxs)(s.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,n.jsxs)(s.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(s.span,{className:"mord",children:[(0,n.jsx)(s.span,{className:"mord mathnormal",children:"s"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"p"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"ce"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"e"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02691em"},children:"tw"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"ee"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"n"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"rs"}),(0,n.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(s.span,{className:"mbin",children:"+"}),(0,n.jsx)(s.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"ba"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02778em"},children:"r"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"Wi"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"d"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"t"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"h"})]})]}),(0,n.jsxs)(s.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(s.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(s.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(s.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(s.span,{className:"mord",children:[(0,n.jsx)(s.span,{className:"mord mathnormal",children:"s"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"p"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"ce"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"e"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.02691em"},children:"tw"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"ee"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"n"}),(0,n.jsx)(s.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"a"}),(0,n.jsx)(s.span,{className:"mord mathnormal",children:"rs"})]})]})]}),(0,n.jsx)(s.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(s.span,{className:"vlist-r",children:(0,n.jsx)(s.span,{className:"vlist",style:{height:"0.8804em"},children:(0,n.jsx)(s.span,{})})})]})}),(0,n.jsx)(s.span,{className:"mclose nulldelimiter"})]})})]})]})]})}),"\n","For a more detailed explanation of how these values were derived, see ",(0,n.jsx)(s.a,{href:"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing",children:"Implementing 2:1 spacing"}),"."]}),"\n",(0,n.jsxs)(s.li,{children:["The default configuration includes some space before the first bar and after the last bar. However, users can opt to eliminate this space by setting the ",(0,n.jsx)(s.code,{children:"xAxisOuterPadding"})," prop to 0."]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.li,{children:["Use the existing ",(0,n.jsx)(s.code,{children:"barWidth"})," prop and add an optional ",(0,n.jsx)(s.code,{children:"maxBarWidth"})," prop to vertical bar charts.","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["The ",(0,n.jsx)(s.code,{children:"barWidth"})," prop takes precedence over the props mentioned above. If not explicitly specified, the bar width will be dynamically adjusted to avoid overlapping while maintaining specified spacing between and around the bars. However, when ",(0,n.jsx)(s.code,{children:"barWidth"})," is provided, it will be respected, potentially compromising padding."]}),"\n",(0,n.jsxs)(s.li,{children:["In cases where the chart width is large, the bar width might become excessively large. To mitigate this, the ",(0,n.jsx)(s.code,{children:"maxBarWidth"})," prop can be utilized to restrict the width of the bars to a specified maximum."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"definitions",children:"Definitions"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.strong,{children:"Step"})," is the interval between the start of a bar and the start of the next bar."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"pros-and-cons",children:"Pros and Cons"}),"\n",(0,n.jsx)(s.h3,{id:"pros",children:"Pros"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Add new props and functionalities to vertical bar charts without breaking any existing functionalities, making it a backward compatible change."}),"\n",(0,n.jsx)(s.li,{children:"Provide more options for adjusting bar width and spacing, making the charts suitable for more generic cases."}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"cons",children:"Cons"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Understanding and configuring padding values might be a bit tricky."}),"\n",(0,n.jsx)(s.li,{children:"While the padding functionality is available for a string axis, users may find a lack of similar capabilities for continuous (numeric or date) axes."}),"\n",(0,n.jsx)(s.li,{children:"The padding within a group in grouped vertical bar chart is fixed and can't be customized by users."}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"discarded-solutions",children:"Discarded Solutions"}),"\n",(0,n.jsx)(s.h2,{id:"open-issues",children:"Open Issues"})]})}function h(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(m,{...e})}):m(e)}},6315:(e,s,a)=>{a.d(s,{Z:()=>n});const n=a.p+"assets/files/2-to-1-spacing-fix-flow-ec2d984dbb947871ceed2e6990aac924.drawio"},2447:(e,s,a)=>{a.d(s,{Z:()=>n});const n=a.p+"assets/images/2-to-1-spacing-fix-flow-11782ba19549341217b75d5d6eda2bba.png"},7465:(e,s,a)=>{a.d(s,{Z:()=>n});const n=a.p+"assets/images/2-to-1-spacing-problem-62754d79fefaf4adf991f612b8160979.png"},1151:(e,s,a)=>{a.d(s,{Z:()=>t,a:()=>l});var n=a(7294);const i={},r=n.createContext(i);function l(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function t(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:l(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/751a9701.6a619cd8.js b/assets/js/751a9701.6a619cd8.js new file mode 100644 index 0000000000..f8396a5c90 --- /dev/null +++ b/assets/js/751a9701.6a619cd8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[4175],{122:(s,e,a)=>{a.r(e),a.d(e,{assets:()=>r,contentTitle:()=>m,default:()=>d,frontMatter:()=>i,metadata:()=>t,toc:()=>c});var n=a(5893),l=a(1151);const i={},m="RFC: Fix overlapping bars on continuous axes",t={id:"rfcs/fix-overlapping-bars-on-continuous-axes",title:"RFC: Fix overlapping bars on continuous axes",description:"Rendering x-axis and bars",source:"@site/../../docs/rfcs/fix-overlapping-bars-on-continuous-axes.md",sourceDirName:"rfcs",slug:"/rfcs/fix-overlapping-bars-on-continuous-axes",permalink:"/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"RFC: Fix 2:1 spacing",permalink:"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing"}},r={},c=[{value:"Rendering x-axis and bars",id:"rendering-x-axis-and-bars",level:2},{value:"Calculating appropriate bar width",id:"calculating-appropriate-bar-width",level:2},{value:"Implementation",id:"implementation",level:2},{value:"Attempt",id:"attempt",level:3},{value:"Observations",id:"observations",level:3},{value:"Solutions",id:"solutions",level:3}];function h(s){const e={a:"a",annotation:"annotation",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",math:"math",mfrac:"mfrac",mi:"mi",mn:"mn",mo:"mo",mrow:"mrow",msub:"msub",ol:"ol",p:"p",semantics:"semantics",span:"span",strong:"strong",ul:"ul",...(0,l.a)(),...s.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{id:"rfc-fix-overlapping-bars-on-continuous-axes",children:"RFC: Fix overlapping bars on continuous axes"}),"\n",(0,n.jsx)(e.h2,{id:"rendering-x-axis-and-bars",children:"Rendering x-axis and bars"}),"\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.a,{href:"https://d3js.org/d3-scale/linear",children:"D3's linear scales"})," don't account for the bar width. So it is necessary to create the scale(s) in such a way that the bars fit within the available space, and the x-axis ticks align correctly with the bars."]}),"\n",(0,n.jsxs)(e.p,{children:["Let ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"TR"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"})]})})]})," be the total width of the space available to render the bars. The first bar should begin at the leftmost end of the space, and the last bar should extend to the rightmost end of the space. The x-axis ticks should align with the center of their respective bars, i.e., the first tick should align with the center of the first bar, and the last tick should align with the center of the last bar. Thus, the range of the x-axis scale becomes ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mo,{stretchy:"false",children:"["}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mi,{mathvariant:"normal",children:"/"}),(0,n.jsx)(e.mn,{children:"2"}),(0,n.jsx)(e.mo,{separator:"true",children:","}),(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mi,{mathvariant:"normal",children:"/"}),(0,n.jsx)(e.mn,{children:"2"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"]"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"[BW/2, TR-BW/2]"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"["}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mord",children:"/2"}),(0,n.jsx)(e.span,{className:"mpunct",children:","}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.1667em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mord",children:"/2"}),(0,n.jsx)(e.span,{className:"mclose",children:"]"})]})]})]}),", where ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"BW"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"})]})})]})," is the bar width. To render the bars, we can just adjust the scale range by translating it to the left by ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mi,{mathvariant:"normal",children:"/"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"BW/2"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mord",children:"/2"})]})})]}),", resulting in ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mo,{stretchy:"false",children:"["}),(0,n.jsx)(e.mn,{children:"0"}),(0,n.jsx)(e.mo,{separator:"true",children:","}),(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"]"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"[0, TR-BW]"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"["}),(0,n.jsx)(e.span,{className:"mord",children:"0"}),(0,n.jsx)(e.span,{className:"mpunct",children:","}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.1667em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mclose",children:"]"})]})]})]}),". This will ensure that the scale returns the starting points of the bars."]}),"\n",(0,n.jsx)(e.p,{children:"Therefore, it is important to determine the bar width beforehand to ensure accurate rendering of both the x-axis and the bars."}),"\n",(0,n.jsx)(e.p,{children:"Note: There is no need to create separate scales for the x-axis and bars. Instead, we can use the same scale and adjust its range accordingly to render them."}),"\n",(0,n.jsx)(e.h2,{id:"calculating-appropriate-bar-width",children:"Calculating appropriate bar width"}),"\n",(0,n.jsx)(e.p,{children:"To prevent bars from overlapping, we will need to adjust the bar width dynamically based on several factors, rather than using a fixed value. Consider this perspective: If we can estimate the bar width to ensure that the closest pair of bars don't overlap, rendering all bars with that width would eliminate overlapping altogether. To determine this bar width, we require the pixel distance between the closest pair of bars. Let's assume a minimum spacing of 1:1 between adjacent bars. Thus,"}),"\n",(0,n.jsx)(e.span,{className:"katex-display",children:(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]})]}),(0,n.jsx)(e.mn,{children:"2"})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"BW = {PX_2-PX_1 \\over 2}"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.0463em",verticalAlign:"-0.686em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsx)(e.span,{className:"mord",children:"2"})})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.686em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})})]})]})]})}),"\n",(0,n.jsxs)(e.p,{children:["where ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_1"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})})]})," and ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_2"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})})]})," are the positions of the closest pair of bars on the x-axis."]}),"\n",(0,n.jsxs)(e.p,{children:["In linear scales, each range value ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsx)(e.mrow,{children:(0,n.jsx)(e.mi,{children:"y"})}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"y"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.625em",verticalAlign:"-0.1944em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.03588em"},children:"y"})]})})]})," can be expressed as a function of the domain value ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsx)(e.mrow,{children:(0,n.jsx)(e.mi,{children:"x"})}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"x"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.4306em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"})]})})]}),": ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"y"}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mo,{children:"+"}),(0,n.jsx)(e.mi,{children:"b"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"y = mx + b"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.625em",verticalAlign:"-0.1944em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.03588em"},children:"y"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6667em",verticalAlign:"-0.0833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"m"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"+"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6944em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"b"})]})]})]}),". While we have established the range for the x-axis scale, we also need to define the scale domain to determine the positions of the bars. The scale domain will be equal to the range of the data ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mo,{stretchy:"false",children:"["}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{separator:"true",children:","}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"a"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"]"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"[minX, maxX]"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"["}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mpunct",children:","}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.1667em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"ma"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mclose",children:"]"})]})})]}),". To calculate ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_1"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})})]})," and ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_2"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})})]}),", we must identify the closest pair of x values ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]}),(0,n.jsx)(e.mo,{separator:"true",children:","}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"(X_1, X_2)"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mpunct",children:","}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.1667em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mclose",children:")"})]})})]})," from the data. Thus,"]}),"\n",(0,n.jsx)(e.span,{className:"katex-display",children:(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"})]}),(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"a"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"})]})]}),(0,n.jsx)(e.mo,{children:"\u22c5"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"}),(0,n.jsx)(e.mo,{children:"+"}),(0,n.jsx)(e.mn,{children:"0"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_1 = {TR-BW \\over maxX-minX} \\cdot (X_1-minX)+0"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.1297em",verticalAlign:"-0.7693em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",children:"ma"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"})]})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"})]})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.7693em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u22c5"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mclose",children:")"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"+"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6444em"}}),(0,n.jsx)(e.span,{className:"mord",children:"0"})]})]})]})}),"\n",(0,n.jsx)(e.p,{children:"and"}),"\n",(0,n.jsx)(e.span,{className:"katex-display",children:(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"P"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"})]}),(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"a"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"})]})]}),(0,n.jsx)(e.mo,{children:"\u22c5"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"}),(0,n.jsx)(e.mo,{children:"+"}),(0,n.jsx)(e.mn,{children:"0"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"PX_2 = {TR-BW \\over maxX-minX} \\cdot (X_2-minX)+0"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.8333em",verticalAlign:"-0.15em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"P"}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.1297em",verticalAlign:"-0.7693em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",children:"ma"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"})]})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"})]})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.7693em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u22c5"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mclose",children:")"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"+"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6444em"}}),(0,n.jsx)(e.span,{className:"mord",children:"0"})]})]})]})}),"\n",(0,n.jsx)(e.p,{children:"Consequently,"}),"\n",(0,n.jsx)(e.span,{className:"katex-display",children:(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsx)(e.mn,{children:"1"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u22c5"}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"})]}),(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"a"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"})]})]}),(0,n.jsx)(e.mo,{children:"\u22c5"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"BW = {1 \\over 2} \\cdot {TR-BW \\over maxX-minX} \\cdot (X_2-X_1)"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.0074em",verticalAlign:"-0.686em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.3214em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsx)(e.span,{className:"mord",children:"2"})})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsx)(e.span,{className:"mord",children:"1"})})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.686em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u22c5"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.1297em",verticalAlign:"-0.7693em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.3603em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",children:"ma"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"})]})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"})]})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.7693em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u22c5"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mclose",children:")"})]})]})]})}),"\n",(0,n.jsx)(e.p,{children:"Solving it yields"}),"\n",(0,n.jsx)(e.span,{className:"katex-display",children:(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",display:"block",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"B"}),(0,n.jsx)(e.mi,{children:"W"}),(0,n.jsx)(e.mo,{children:"="}),(0,n.jsxs)(e.mfrac,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"})]}),(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mn,{children:"2"}),(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"a"}),(0,n.jsx)(e.mi,{children:"x"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsx)(e.mi,{children:"m"}),(0,n.jsx)(e.mi,{children:"i"}),(0,n.jsx)(e.mi,{children:"n"}),(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"}),(0,n.jsx)(e.mo,{children:"+"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"2"})]}),(0,n.jsx)(e.mo,{children:"\u2212"}),(0,n.jsxs)(e.msub,{children:[(0,n.jsx)(e.mi,{children:"X"}),(0,n.jsx)(e.mn,{children:"1"})]})]})]})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"BW = {TR(X_2-X_1) \\over 2(maxX-minX)+X_2-X_1}"})]})})}),(0,n.jsxs)(e.span,{className:"katex-html","aria-hidden":"true",children:[(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"0.6833em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.05017em"},children:"B"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.13889em"},children:"W"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}}),(0,n.jsx)(e.span,{className:"mrel",children:"="}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2778em"}})]}),(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"2.363em",verticalAlign:"-0.936em"}}),(0,n.jsx)(e.span,{className:"mord",children:(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mopen nulldelimiter"}),(0,n.jsx)(e.span,{className:"mfrac",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsxs)(e.span,{className:"vlist",style:{height:"1.427em"},children:[(0,n.jsxs)(e.span,{style:{top:"-2.314em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord",children:"2"}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"ma"}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"x"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mord mathnormal",children:"min"}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"mclose",children:")"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"+"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]})]})]}),(0,n.jsxs)(e.span,{style:{top:"-3.23em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsx)(e.span,{className:"frac-line",style:{borderBottomWidth:"0.04em"}})]}),(0,n.jsxs)(e.span,{style:{top:"-3.677em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"3em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"2"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsx)(e.span,{className:"mbin",children:"\u2212"}),(0,n.jsx)(e.span,{className:"mspace",style:{marginRight:"0.2222em"}}),(0,n.jsxs)(e.span,{className:"mord",children:[(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.07847em"},children:"X"}),(0,n.jsx)(e.span,{className:"msupsub",children:(0,n.jsxs)(e.span,{className:"vlist-t vlist-t2",children:[(0,n.jsxs)(e.span,{className:"vlist-r",children:[(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.3011em"},children:(0,n.jsxs)(e.span,{style:{top:"-2.55em",marginLeft:"-0.0785em",marginRight:"0.05em"},children:[(0,n.jsx)(e.span,{className:"pstrut",style:{height:"2.7em"}}),(0,n.jsx)(e.span,{className:"sizing reset-size6 size3 mtight",children:(0,n.jsx)(e.span,{className:"mord mtight",children:"1"})})]})}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.15em"},children:(0,n.jsx)(e.span,{})})})]})})]}),(0,n.jsx)(e.span,{className:"mclose",children:")"})]})]})]}),(0,n.jsx)(e.span,{className:"vlist-s",children:"\u200b"})]}),(0,n.jsx)(e.span,{className:"vlist-r",children:(0,n.jsx)(e.span,{className:"vlist",style:{height:"0.936em"},children:(0,n.jsx)(e.span,{})})})]})}),(0,n.jsx)(e.span,{className:"mclose nulldelimiter"})]})})]})]})]})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:a(1937).Z+"",width:"2206",height:"2114"})}),"\n",(0,n.jsxs)(e.p,{children:["Note: The above calculation may not yield accurate results for numeric scales when created with the ",(0,n.jsx)(e.code,{children:"nice()"})," function, which extends the domain so that it starts and ends on nice round values. While this approach can help prevent overlapping, it might not guarantee exact 1:1 spacing between the closest bars."]}),"\n",(0,n.jsx)(e.h2,{id:"implementation",children:"Implementation"}),"\n",(0,n.jsx)(e.h3,{id:"attempt",children:"Attempt"}),"\n",(0,n.jsxs)(e.p,{children:["As the rendering of bars is handled within ",(0,n.jsx)(e.em,{children:"VerticalBarChart"}),", the bar width calculation is also integrated there. To determine the total width ",(0,n.jsxs)(e.span,{className:"katex",children:[(0,n.jsx)(e.span,{className:"katex-mathml",children:(0,n.jsx)(e.math,{xmlns:"http://www.w3.org/1998/Math/MathML",children:(0,n.jsxs)(e.semantics,{children:[(0,n.jsxs)(e.mrow,{children:[(0,n.jsx)(e.mo,{stretchy:"false",children:"("}),(0,n.jsx)(e.mi,{children:"T"}),(0,n.jsx)(e.mi,{children:"R"}),(0,n.jsx)(e.mo,{stretchy:"false",children:")"})]}),(0,n.jsx)(e.annotation,{encoding:"application/x-tex",children:"(TR)"})]})})}),(0,n.jsx)(e.span,{className:"katex-html","aria-hidden":"true",children:(0,n.jsxs)(e.span,{className:"base",children:[(0,n.jsx)(e.span,{className:"strut",style:{height:"1em",verticalAlign:"-0.25em"}}),(0,n.jsx)(e.span,{className:"mopen",children:"("}),(0,n.jsx)(e.span,{className:"mord mathnormal",style:{marginRight:"0.00773em"},children:"TR"}),(0,n.jsx)(e.span,{className:"mclose",children:")"})]})})]}),", we rely on the ",(0,n.jsx)(e.code,{children:"containerWidth"}),", a state within ",(0,n.jsx)(e.em,{children:"CartesianChart"}),". States from a child component (",(0,n.jsx)(e.em,{children:"CartesianChart"}),") can only be passed to its parent component (",(0,n.jsx)(e.em,{children:"VerticalBarChart"}),") through a function prop provided by the parent. Currently, the following functions are used to pass ",(0,n.jsx)(e.code,{children:"containerWidth"})," to ",(0,n.jsx)(e.em,{children:"VerticalBarChart"}),":"]}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsx)(e.li,{children:(0,n.jsx)(e.code,{children:"getDomainMargins()"})}),"\n",(0,n.jsx)(e.li,{children:(0,n.jsx)(e.code,{children:"getGraphData()"})}),"\n"]}),"\n",(0,n.jsxs)(e.p,{children:["Since ",(0,n.jsx)(e.code,{children:"getDomainMargins()"})," is invoked before the x-axis and bars are rendered, it serves as the appropriate location to integrate the bar width calculation. Although the bar width in ",(0,n.jsx)(e.em,{children:"VerticalBarChart"})," is not a state but a class variable, it is passed as a prop to ",(0,n.jsx)(e.em,{children:"CartesianChart"})," for the purpose of rendering the x-axis."]}),"\n",(0,n.jsx)(e.h3,{id:"observations",children:"Observations"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:a(9011).Z+"",width:"3840",height:"2259"})}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["The bars are rendered with the updated ",(0,n.jsx)(e.code,{children:"barWidth"}),"."]}),"\n",(0,n.jsx)(e.li,{children:"The axis ticks do not align with the bars."}),"\n"]}),"\n",(0,n.jsx)(e.h3,{id:"solutions",children:"Solutions"}),"\n",(0,n.jsxs)(e.ol,{children:["\n",(0,n.jsxs)(e.li,{children:["Update ",(0,n.jsx)(e.code,{children:"barWidth"})," after the ",(0,n.jsx)(e.code,{children:"containerWidth"})," state is updated but before ",(0,n.jsx)(e.em,{children:"CartesianChart"})," renders. This can be done by using a React lifecycle method that executes with the updated state just before rendering."]}),"\n",(0,n.jsxs)(e.li,{children:["Create a state for bar width within ",(0,n.jsx)(e.em,{children:"VerticalBarChart"})," to ensure that ",(0,n.jsx)(e.em,{children:"CartesianChart"})," also rerenders when the value of the ",(0,n.jsx)(e.code,{children:"barwidth"})," prop changes."]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsxs)(e.strong,{children:["Decouple the axis utilities invoked within ",(0,n.jsx)(e.em,{children:"CartesianChart"})," from directly depending on the ",(0,n.jsx)(e.code,{children:"barwidth"})," prop by including the bar width in the margins used for calculating the scale range."]})," (This solution has been implemented due to its simplicity)"]}),"\n",(0,n.jsxs)(e.li,{children:["Manage and update bar width within ",(0,n.jsx)(e.em,{children:"CartesianChart"}),", and pass it to ",(0,n.jsx)(e.em,{children:"VerticalBarChart"})," through the ",(0,n.jsx)(e.code,{children:"getGraphData()"})," function."]}),"\n"]})]})}function d(s={}){const{wrapper:e}={...(0,l.a)(),...s.components};return e?(0,n.jsx)(e,{...s,children:(0,n.jsx)(h,{...s})}):h(s)}},9011:(s,e,a)=>{a.d(e,{Z:()=>n});const n=a.p+"assets/images/axis-ticks-alignment-677c66893435feda96532383ed806a74.png"},1937:(s,e,a)=>{a.d(e,{Z:()=>n});const n=a.p+"assets/images/bar-width-calculation-fd0162e202f9e0319c11250f2b814eac.png"},1151:(s,e,a)=>{a.d(e,{Z:()=>t,a:()=>m});var n=a(7294);const l={},i=n.createContext(l);function m(s){const e=n.useContext(i);return n.useMemo((function(){return"function"==typeof s?s(e):{...e,...s}}),[e,s])}function t(s){let e;return e=s.disableParentContext?"function"==typeof s.components?s.components(l):s.components||l:m(s.components),n.createElement(i.Provider,{value:e},s.children)}}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.1154d499.js b/assets/js/935f2afb.1154d499.js new file mode 100644 index 0000000000..5b01f33f48 --- /dev/null +++ b/assets/js/935f2afb.1154d499.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[53],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"link","label":"Overview","href":"/fluentui-charting-contrib/docs/Overview","docId":"Overview","unlisted":false},{"type":"category","label":"Changelog","items":[{"type":"link","label":"5.20","href":"/fluentui-charting-contrib/docs/changelogSplits/5.20","docId":"changelogSplits/5.20","unlisted":false},{"type":"link","label":"5.19","href":"/fluentui-charting-contrib/docs/changelogSplits/5.19","docId":"changelogSplits/5.19","unlisted":false},{"type":"link","label":"5.18","href":"/fluentui-charting-contrib/docs/changelogSplits/5.18","docId":"changelogSplits/5.18","unlisted":false},{"type":"link","label":"5.17","href":"/fluentui-charting-contrib/docs/changelogSplits/5.17","docId":"changelogSplits/5.17","unlisted":false},{"type":"link","label":"5.16","href":"/fluentui-charting-contrib/docs/changelogSplits/5.16","docId":"changelogSplits/5.16","unlisted":false},{"type":"link","label":"5.15","href":"/fluentui-charting-contrib/docs/changelogSplits/5.15","docId":"changelogSplits/5.15","unlisted":false},{"type":"link","label":"5.14","href":"/fluentui-charting-contrib/docs/changelogSplits/5.14","docId":"changelogSplits/5.14","unlisted":false},{"type":"link","label":"5.13","href":"/fluentui-charting-contrib/docs/changelogSplits/5.13","docId":"changelogSplits/5.13","unlisted":false},{"type":"link","label":"5.12","href":"/fluentui-charting-contrib/docs/changelogSplits/5.12","docId":"changelogSplits/5.12","unlisted":false},{"type":"link","label":"5.11","href":"/fluentui-charting-contrib/docs/changelogSplits/5.11","docId":"changelogSplits/5.11","unlisted":false},{"type":"link","label":"5.10","href":"/fluentui-charting-contrib/docs/changelogSplits/5.10","docId":"changelogSplits/5.10","unlisted":false},{"type":"link","label":"5.9","href":"/fluentui-charting-contrib/docs/changelogSplits/5.9","docId":"changelogSplits/5.9","unlisted":false},{"type":"link","label":"5.8","href":"/fluentui-charting-contrib/docs/changelogSplits/5.8","docId":"changelogSplits/5.8","unlisted":false},{"type":"link","label":"5.7","href":"/fluentui-charting-contrib/docs/changelogSplits/5.7","docId":"changelogSplits/5.7","unlisted":false},{"type":"link","label":"5.6","href":"/fluentui-charting-contrib/docs/changelogSplits/5.6","docId":"changelogSplits/5.6","unlisted":false},{"type":"link","label":"5.5","href":"/fluentui-charting-contrib/docs/changelogSplits/5.5","docId":"changelogSplits/5.5","unlisted":false},{"type":"link","label":"5.4","href":"/fluentui-charting-contrib/docs/changelogSplits/5.4","docId":"changelogSplits/5.4","unlisted":false},{"type":"link","label":"5.3","href":"/fluentui-charting-contrib/docs/changelogSplits/5.3","docId":"changelogSplits/5.3","unlisted":false},{"type":"link","label":"5.2","href":"/fluentui-charting-contrib/docs/changelogSplits/5.2","docId":"changelogSplits/5.2","unlisted":false},{"type":"link","label":"5.1","href":"/fluentui-charting-contrib/docs/changelogSplits/5.1","docId":"changelogSplits/5.1","unlisted":false},{"type":"link","label":"5.0","href":"/fluentui-charting-contrib/docs/changelogSplits/5.0","docId":"changelogSplits/5.0","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"link","label":"Start Developing","href":"/fluentui-charting-contrib/docs/Start Developing","docId":"Start Developing","unlisted":false},{"type":"category","label":"Contributor Guide","items":[{"type":"link","label":"Area Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/AreaChart","docId":"Charting-Concepts/AreaChart","unlisted":false},{"type":"link","label":"Donut Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/DonutChart","docId":"Charting-Concepts/DonutChart","unlisted":false},{"type":"link","label":"Gauge Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/GaugeChart","docId":"Charting-Concepts/GaugeChart","unlisted":false},{"type":"link","label":"Grouped Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/GroupedVerticalBarChart","docId":"Charting-Concepts/GroupedVerticalBarChart","unlisted":false},{"type":"link","label":"Heatmap Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/HeatMapChart","docId":"Charting-Concepts/HeatMapChart","unlisted":false},{"type":"link","label":"Horizontal Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/HorizontalBarChart","docId":"Charting-Concepts/HorizontalBarChart","unlisted":false},{"type":"link","label":"Line Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/LineChart","docId":"Charting-Concepts/LineChart","unlisted":false},{"type":"link","label":"Sankey Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/SankeyChart","docId":"Charting-Concepts/SankeyChart","unlisted":false},{"type":"link","label":"Sparkline Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/SparklineChart","docId":"Charting-Concepts/SparklineChart","unlisted":false},{"type":"link","label":"Stacked Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/StackedBarChart","docId":"Charting-Concepts/StackedBarChart","unlisted":false},{"type":"link","label":"Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalBarChart","docId":"Charting-Concepts/VerticalBarChart","unlisted":false},{"type":"link","label":"Vertical Stacked Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalStackedBarChart","docId":"Charting-Concepts/VerticalStackedBarChart","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/fluentui-charting-contrib/docs/Contributor Guide"},{"type":"link","label":"Technical details","href":"/fluentui-charting-contrib/docs/Technical Details","docId":"Technical Details","unlisted":false},{"type":"link","label":"Detailed Implementation Steps","href":"/fluentui-charting-contrib/docs/Detailed Implementation Steps","docId":"Detailed Implementation Steps","unlisted":false},{"type":"category","label":"Examples","items":[{"type":"link","label":"Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/ChartingExamples/VerticalBarChartExample","docId":"ChartingExamples/VerticalBarChartExample","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"link","label":"Debugging","href":"/fluentui-charting-contrib/docs/Debugging","docId":"Debugging","unlisted":false},{"type":"link","label":"Implementation Best Practices","href":"/fluentui-charting-contrib/docs/Implementation Best Practices","docId":"Implementation Best Practices","unlisted":false},{"type":"link","label":"Accessibility","href":"/fluentui-charting-contrib/docs/Accessibility","docId":"Accessibility","unlisted":false},{"type":"link","label":"Colors","href":"/fluentui-charting-contrib/docs/colors","docId":"colors","unlisted":false},{"type":"link","label":"Implementing 2:1 spacing","href":"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing","docId":"implementing-2-to-1-spacing","unlisted":false},{"type":"link","label":"Creating Date Objects For Chart Data","href":"/fluentui-charting-contrib/docs/creating-date-objects-for-chart-data","docId":"creating-date-objects-for-chart-data","unlisted":false},{"type":"link","label":"Testing Strategy","href":"/fluentui-charting-contrib/docs/Testing Strategy","docId":"Testing Strategy","unlisted":false},{"type":"link","label":"Test Coverage Report","href":"/fluentui-charting-contrib/docs/TestCoverage","docId":"TestCoverage","unlisted":false},{"type":"category","label":"Test Plans","items":[{"type":"category","label":"AreaChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/AreaChart/ComponentTests","docId":"Test Plans/AreaChart/ComponentTests","unlisted":false}]},{"type":"category","label":"DonutChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/DonutChart/ComponentTests","docId":"Test Plans/DonutChart/ComponentTests","unlisted":false}]},{"type":"category","label":"GaugeChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Component testing - Gauge chart test plan","href":"/fluentui-charting-contrib/docs/Test Plans/GaugeChart/ComponentTests","docId":"Test Plans/GaugeChart/ComponentTests","unlisted":false}]},{"type":"category","label":"GroupedVerticalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/GroupedVerticalBarChart/ComponentTests","docId":"Test Plans/GroupedVerticalBarChart/ComponentTests","unlisted":false}]},{"type":"category","label":"HeatMapChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Heatmap Chart - Component test plan","href":"/fluentui-charting-contrib/docs/Test Plans/HeatMapChart/ComponentTests","docId":"Test Plans/HeatMapChart/ComponentTests","unlisted":false}]},{"type":"category","label":"HorizontalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/ComponentTests","docId":"Test Plans/HorizontalBarChart/ComponentTests","unlisted":false},{"type":"link","label":"UnitTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/UnitTests","docId":"Test Plans/HorizontalBarChart/UnitTests","unlisted":false}]},{"type":"category","label":"HorizontalBarChartWithAxis","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests","docId":"Test Plans/HorizontalBarChartWithAxis/ComponentTests","unlisted":false},{"type":"link","label":"UnitTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/UnitTests","docId":"Test Plans/HorizontalBarChartWithAxis/UnitTests","unlisted":false}]},{"type":"category","label":"LineChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/LineChart/ComponentTests","docId":"Test Plans/LineChart/ComponentTests","unlisted":false}]},{"type":"category","label":"MultiStackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"componentTests","href":"/fluentui-charting-contrib/docs/Test Plans/MultiStackedBarChart/componentTests","docId":"Test Plans/MultiStackedBarChart/componentTests","unlisted":false}]},{"type":"category","label":"SankeyChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/SankeyChart/ComponentTests","docId":"Test Plans/SankeyChart/ComponentTests","unlisted":false}]},{"type":"category","label":"StackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/StackedBarChart/ComponentTests","docId":"Test Plans/StackedBarChart/ComponentTests","unlisted":false}]},{"type":"link","label":"TestingGuide","href":"/fluentui-charting-contrib/docs/Test Plans/TestingGuide","docId":"Test Plans/TestingGuide","unlisted":false},{"type":"category","label":"Utilities","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Unit test plan for Donut Chart","href":"/fluentui-charting-contrib/docs/Test Plans/Utilities/UnitTests","docId":"Test Plans/Utilities/UnitTests","unlisted":false}]},{"type":"category","label":"VerticalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/VerticalBarChart/ComponentTests","docId":"Test Plans/VerticalBarChart/ComponentTests","unlisted":false}]},{"type":"category","label":"VerticalStackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/VerticalStackedBarChart/ComponentTests","docId":"Test Plans/VerticalStackedBarChart/ComponentTests","unlisted":false}]}],"collapsed":true,"collapsible":true},{"type":"link","label":"Testing Unpublished Library Version","href":"/fluentui-charting-contrib/docs/Testing Unpublished Library Version","docId":"Testing Unpublished Library Version","unlisted":false},{"type":"link","label":"Bundle Size","href":"/fluentui-charting-contrib/docs/BundleSize","docId":"BundleSize","unlisted":false},{"type":"category","label":"RFCs","items":[{"type":"link","label":"RFC: Fix 2:1 spacing","href":"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing","docId":"rfcs/fix-2-to-1-spacing","unlisted":false},{"type":"link","label":"RFC: Fix overlapping bars on continuous axes","href":"/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes","docId":"rfcs/fix-overlapping-bars-on-continuous-axes","unlisted":false}],"collapsed":true,"collapsible":true}]},"docs":{"Accessibility":{"id":"Accessibility","title":"Accessibility","description":"The react charting library is accessibility MAS C compliant.","sidebar":"tutorialSidebar"},"BundleSize":{"id":"BundleSize","title":"Bundle Size","description":"This table measures the maximum unpacked size of each chart control. This is measured by the monosize tool.","sidebar":"tutorialSidebar"},"CHANGELOG":{"id":"CHANGELOG","title":"Release Log","description":"This log was last generated on Wed, 10 Jan 2024 0750 GMT and should not be manually modified."},"changelogSplits/5.0":{"id":"changelogSplits/5.0","title":"5.0","description":"5.0.37","sidebar":"tutorialSidebar"},"changelogSplits/5.1":{"id":"changelogSplits/5.1","title":"5.1","description":"5.1.17","sidebar":"tutorialSidebar"},"changelogSplits/5.10":{"id":"changelogSplits/5.10","title":"5.10","description":"5.10.1","sidebar":"tutorialSidebar"},"changelogSplits/5.11":{"id":"changelogSplits/5.11","title":"5.11","description":"5.11.0","sidebar":"tutorialSidebar"},"changelogSplits/5.12":{"id":"changelogSplits/5.12","title":"5.12","description":"5.12.37","sidebar":"tutorialSidebar"},"changelogSplits/5.13":{"id":"changelogSplits/5.13","title":"5.13","description":"5.13.11","sidebar":"tutorialSidebar"},"changelogSplits/5.14":{"id":"changelogSplits/5.14","title":"5.14","description":"5.14.43","sidebar":"tutorialSidebar"},"changelogSplits/5.15":{"id":"changelogSplits/5.15","title":"5.15","description":"5.15.10","sidebar":"tutorialSidebar"},"changelogSplits/5.16":{"id":"changelogSplits/5.16","title":"5.16","description":"5.16.60","sidebar":"tutorialSidebar"},"changelogSplits/5.17":{"id":"changelogSplits/5.17","title":"5.17","description":"5.17.12","sidebar":"tutorialSidebar"},"changelogSplits/5.18":{"id":"changelogSplits/5.18","title":"5.18","description":"5.18.18","sidebar":"tutorialSidebar"},"changelogSplits/5.19":{"id":"changelogSplits/5.19","title":"5.19","description":"5.19.45","sidebar":"tutorialSidebar"},"changelogSplits/5.2":{"id":"changelogSplits/5.2","title":"5.2","description":"5.2.12","sidebar":"tutorialSidebar"},"changelogSplits/5.20":{"id":"changelogSplits/5.20","title":"5.20","description":"5.20.1","sidebar":"tutorialSidebar"},"changelogSplits/5.3":{"id":"changelogSplits/5.3","title":"5.3","description":"5.3.61","sidebar":"tutorialSidebar"},"changelogSplits/5.4":{"id":"changelogSplits/5.4","title":"5.4","description":"5.4.1","sidebar":"tutorialSidebar"},"changelogSplits/5.5":{"id":"changelogSplits/5.5","title":"5.5","description":"5.5.14","sidebar":"tutorialSidebar"},"changelogSplits/5.6":{"id":"changelogSplits/5.6","title":"5.6","description":"5.6.17","sidebar":"tutorialSidebar"},"changelogSplits/5.7":{"id":"changelogSplits/5.7","title":"5.7","description":"5.7.21","sidebar":"tutorialSidebar"},"changelogSplits/5.8":{"id":"changelogSplits/5.8","title":"5.8","description":"5.8.2","sidebar":"tutorialSidebar"},"changelogSplits/5.9":{"id":"changelogSplits/5.9","title":"5.9","description":"5.9.55","sidebar":"tutorialSidebar"},"Charting-Concepts/AreaChart":{"id":"Charting-Concepts/AreaChart","title":"Area Chart","description":"Areachartpic1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/DonutChart":{"id":"Charting-Concepts/DonutChart","title":"Donut Chart","description":"DonutChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/GaugeChart":{"id":"Charting-Concepts/GaugeChart","title":"Gauge Chart","description":"Gauge chart measures the progress of a metric against its target and its primary components are a speedometer and a needle. The speedometer usually consists of color-coded segments progressing value from left to right.","sidebar":"tutorialSidebar"},"Charting-Concepts/GroupedVerticalBarChart":{"id":"Charting-Concepts/GroupedVerticalBarChart","title":"Grouped Vertical Bar Chart","description":"GroupedVerticalBarChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/HeatMapChart":{"id":"Charting-Concepts/HeatMapChart","title":"Heatmap Chart","description":"A heatmap chart is a type of data visualization that represents data values as colors in a grid of rectangles. Each cell\'s color intensity corresponds to the value it represents, making it easy to spot patterns and variations in the data.","sidebar":"tutorialSidebar"},"Charting-Concepts/HorizontalBarChart":{"id":"Charting-Concepts/HorizontalBarChart","title":"Horizontal Bar Chart","description":"A horizontal bar chart is a chart that presents categorical data with rectangular bars with lengths proportional to the values they represent. This type of chart is particularly useful when the intention is to show comparisons among different categories and the labels for those categories are long.","sidebar":"tutorialSidebar"},"Charting-Concepts/LineChart":{"id":"Charting-Concepts/LineChart","title":"Line Chart","description":"Line charts are a versatile type of graph used to visualize data trends over time. They are commonly used in various fields and industries for different purposes.","sidebar":"tutorialSidebar"},"Charting-Concepts/SankeyChart":{"id":"Charting-Concepts/SankeyChart","title":"Sankey Chart","description":"Sankey charts are a type of data visualization that are particularly useful for showing the flow of resources, energy, or information through a system. They are characterized by their flowing, interconnected arrows that represent the quantity or value of something as it moves from one stage or category to another.","sidebar":"tutorialSidebar"},"Charting-Concepts/SparklineChart":{"id":"Charting-Concepts/SparklineChart","title":"Sparkline Chart","description":"Sparkline1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/StackedBarChart":{"id":"Charting-Concepts/StackedBarChart","title":"Stacked Bar Chart","description":"A stacked bar chart is a type of data visualization that represents data using rectangular bars with lengths proportional to the values they represent. In a stacked bar chart, each bar is divided into segments, and the segments represent different categories or components. The segments are stacked next to each other to show the total value of each bar.","sidebar":"tutorialSidebar"},"Charting-Concepts/VerticalBarChart":{"id":"Charting-Concepts/VerticalBarChart","title":"Vertical Bar Chart","description":"VerticalBarChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/VerticalStackedBarChart":{"id":"Charting-Concepts/VerticalStackedBarChart","title":"Vertical Stacked Bar Chart","description":"VerticalStackedBarChart1.png","sidebar":"tutorialSidebar"},"ChartingExamples/VerticalBarChartExample":{"id":"ChartingExamples/VerticalBarChartExample","title":"Vertical Bar Chart","description":"Date Axis","sidebar":"tutorialSidebar"},"colors":{"id":"colors","title":"Colors","description":"We provide the following 3 ways to specify colors for the data series.","sidebar":"tutorialSidebar"},"Contributor Guide":{"id":"Contributor Guide","title":"Contributor Guide","description":"Fluent charting library is a collection of individual charts like LineChart, AreaChart, Horizontal bar chart, vertical bar chart.","sidebar":"tutorialSidebar"},"creating-date-objects-for-chart-data":{"id":"creating-date-objects-for-chart-data","title":"Creating Date Objects For Chart Data","description":"There are many ways to format a date as a string. The JavaScript specification only specifies one format to be universally supported","sidebar":"tutorialSidebar"},"Debugging":{"id":"Debugging","title":"Debugging","description":"The chart components can be debugged using few techniques.","sidebar":"tutorialSidebar"},"Detailed Implementation Steps":{"id":"Detailed Implementation Steps","title":"Detailed Implementation Steps","description":"If you are planning to contribute a major chart, follow the below steps to align the component with fluent charting design, principles, style and standards.","sidebar":"tutorialSidebar"},"Implementation Best Practices":{"id":"Implementation Best Practices","title":"Implementation Best Practices","description":"Component Props","sidebar":"tutorialSidebar"},"implementing-2-to-1-spacing":{"id":"implementing-2-to-1-spacing","title":"Implementing 2:1 spacing","description":"Discrete Axis","sidebar":"tutorialSidebar"},"Overview":{"id":"Overview","title":"Overview","description":"Fluent UI React (formerly Office UI Fabric React) charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. The charts are used across 100+ projects inside Microsoft including Microsoft 365 and Azure.","sidebar":"tutorialSidebar"},"rfcs/fix-2-to-1-spacing":{"id":"rfcs/fix-2-to-1-spacing","title":"RFC: Fix 2:1 spacing","description":"Summary","sidebar":"tutorialSidebar"},"rfcs/fix-overlapping-bars-on-continuous-axes":{"id":"rfcs/fix-overlapping-bars-on-continuous-axes","title":"RFC: Fix overlapping bars on continuous axes","description":"Rendering x-axis and bars","sidebar":"tutorialSidebar"},"Start Developing":{"id":"Start Developing","title":"Start Developing","description":"This page will help you get familiar with the react charting controls, how the code and documents are organized.","sidebar":"tutorialSidebar"},"Technical Details":{"id":"Technical Details","title":"Technical details","description":"Overview","sidebar":"tutorialSidebar"},"Test Plans/AreaChart/ComponentTests":{"id":"Test Plans/AreaChart/ComponentTests","title":"ComponentTests","description":"Area Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/DonutChart/ComponentTests":{"id":"Test Plans/DonutChart/ComponentTests","title":"ComponentTests","description":"Alt text","sidebar":"tutorialSidebar"},"Test Plans/GaugeChart/ComponentTests":{"id":"Test Plans/GaugeChart/ComponentTests","title":"Component testing - Gauge chart test plan","description":"Snapshot testing","sidebar":"tutorialSidebar"},"Test Plans/GroupedVerticalBarChart/ComponentTests":{"id":"Test Plans/GroupedVerticalBarChart/ComponentTests","title":"ComponentTests","description":"Grouped Vertical Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HeatMapChart/ComponentTests":{"id":"Test Plans/HeatMapChart/ComponentTests","title":"Heatmap Chart - Component test plan","description":"Snapshot tests","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChart/ComponentTests":{"id":"Test Plans/HorizontalBarChart/ComponentTests","title":"ComponentTests","description":"Horizontal Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChart/UnitTests":{"id":"Test Plans/HorizontalBarChart/UnitTests","title":"UnitTests","description":"Unit Test Plan - Horizontal Bar Chart","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChartWithAxis/ComponentTests":{"id":"Test Plans/HorizontalBarChartWithAxis/ComponentTests","title":"ComponentTests","description":"Horizontal Bar Chart With Axis \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChartWithAxis/UnitTests":{"id":"Test Plans/HorizontalBarChartWithAxis/UnitTests","title":"UnitTests","description":"Unit Test Plan \u2013 Horizontal Bar Chart with axiss","sidebar":"tutorialSidebar"},"Test Plans/LineChart/ComponentTests":{"id":"Test Plans/LineChart/ComponentTests","title":"ComponentTests","description":"Line Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/MultiStackedBarChart/componentTests":{"id":"Test Plans/MultiStackedBarChart/componentTests","title":"componentTests","description":"Multi stacked bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/SankeyChart/ComponentTests":{"id":"Test Plans/SankeyChart/ComponentTests","title":"ComponentTests","description":"Sankey Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/StackedBarChart/ComponentTests":{"id":"Test Plans/StackedBarChart/ComponentTests","title":"ComponentTests","description":"Stacked Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/TestingGuide":{"id":"Test Plans/TestingGuide","title":"TestingGuide","description":"This document highlights few common testing practices for any new tests that are being added to the charting library.","sidebar":"tutorialSidebar"},"Test Plans/Utilities/UnitTests":{"id":"Test Plans/Utilities/UnitTests","title":"Unit test plan for Donut Chart","description":"This test plan contains the list of unit testable functions which are used as a part of the Donut Chart component.","sidebar":"tutorialSidebar"},"Test Plans/VerticalBarChart/ComponentTests":{"id":"Test Plans/VerticalBarChart/ComponentTests","title":"ComponentTests","description":"Vertical Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/VerticalStackedBarChart/ComponentTests":{"id":"Test Plans/VerticalStackedBarChart/ComponentTests","title":"ComponentTests","description":"Vertical Stacked Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"TestCoverage":{"id":"TestCoverage","title":"Test Coverage Report","description":"Latest test coverage reports across OS.","sidebar":"tutorialSidebar"},"Testing Strategy":{"id":"Testing Strategy","title":"Testing Strategy","description":"Details","sidebar":"tutorialSidebar"},"Testing Unpublished Library Version":{"id":"Testing Unpublished Library Version","title":"Testing Unpublished Library Version","description":"You may want to test changes made to the library in an app locally. This becomes useful to validate a fix or root cause an issue occuring only in a specific app or context.","sidebar":"tutorialSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.42ee63f6.js b/assets/js/935f2afb.42ee63f6.js deleted file mode 100644 index e1a3916e24..0000000000 --- a/assets/js/935f2afb.42ee63f6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[53],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"link","label":"Overview","href":"/fluentui-charting-contrib/docs/Overview","docId":"Overview","unlisted":false},{"type":"category","label":"Changelog","items":[{"type":"link","label":"5.20","href":"/fluentui-charting-contrib/docs/changelogSplits/5.20","docId":"changelogSplits/5.20","unlisted":false},{"type":"link","label":"5.19","href":"/fluentui-charting-contrib/docs/changelogSplits/5.19","docId":"changelogSplits/5.19","unlisted":false},{"type":"link","label":"5.18","href":"/fluentui-charting-contrib/docs/changelogSplits/5.18","docId":"changelogSplits/5.18","unlisted":false},{"type":"link","label":"5.17","href":"/fluentui-charting-contrib/docs/changelogSplits/5.17","docId":"changelogSplits/5.17","unlisted":false},{"type":"link","label":"5.16","href":"/fluentui-charting-contrib/docs/changelogSplits/5.16","docId":"changelogSplits/5.16","unlisted":false},{"type":"link","label":"5.15","href":"/fluentui-charting-contrib/docs/changelogSplits/5.15","docId":"changelogSplits/5.15","unlisted":false},{"type":"link","label":"5.14","href":"/fluentui-charting-contrib/docs/changelogSplits/5.14","docId":"changelogSplits/5.14","unlisted":false},{"type":"link","label":"5.13","href":"/fluentui-charting-contrib/docs/changelogSplits/5.13","docId":"changelogSplits/5.13","unlisted":false},{"type":"link","label":"5.12","href":"/fluentui-charting-contrib/docs/changelogSplits/5.12","docId":"changelogSplits/5.12","unlisted":false},{"type":"link","label":"5.11","href":"/fluentui-charting-contrib/docs/changelogSplits/5.11","docId":"changelogSplits/5.11","unlisted":false},{"type":"link","label":"5.10","href":"/fluentui-charting-contrib/docs/changelogSplits/5.10","docId":"changelogSplits/5.10","unlisted":false},{"type":"link","label":"5.9","href":"/fluentui-charting-contrib/docs/changelogSplits/5.9","docId":"changelogSplits/5.9","unlisted":false},{"type":"link","label":"5.8","href":"/fluentui-charting-contrib/docs/changelogSplits/5.8","docId":"changelogSplits/5.8","unlisted":false},{"type":"link","label":"5.7","href":"/fluentui-charting-contrib/docs/changelogSplits/5.7","docId":"changelogSplits/5.7","unlisted":false},{"type":"link","label":"5.6","href":"/fluentui-charting-contrib/docs/changelogSplits/5.6","docId":"changelogSplits/5.6","unlisted":false},{"type":"link","label":"5.5","href":"/fluentui-charting-contrib/docs/changelogSplits/5.5","docId":"changelogSplits/5.5","unlisted":false},{"type":"link","label":"5.4","href":"/fluentui-charting-contrib/docs/changelogSplits/5.4","docId":"changelogSplits/5.4","unlisted":false},{"type":"link","label":"5.3","href":"/fluentui-charting-contrib/docs/changelogSplits/5.3","docId":"changelogSplits/5.3","unlisted":false},{"type":"link","label":"5.2","href":"/fluentui-charting-contrib/docs/changelogSplits/5.2","docId":"changelogSplits/5.2","unlisted":false},{"type":"link","label":"5.1","href":"/fluentui-charting-contrib/docs/changelogSplits/5.1","docId":"changelogSplits/5.1","unlisted":false},{"type":"link","label":"5.0","href":"/fluentui-charting-contrib/docs/changelogSplits/5.0","docId":"changelogSplits/5.0","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"link","label":"Start Developing","href":"/fluentui-charting-contrib/docs/Start Developing","docId":"Start Developing","unlisted":false},{"type":"category","label":"Contributor Guide","items":[{"type":"link","label":"Area Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/AreaChart","docId":"Charting-Concepts/AreaChart","unlisted":false},{"type":"link","label":"Donut Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/DonutChart","docId":"Charting-Concepts/DonutChart","unlisted":false},{"type":"link","label":"Gauge Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/GaugeChart","docId":"Charting-Concepts/GaugeChart","unlisted":false},{"type":"link","label":"Grouped Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/GroupedVerticalBarChart","docId":"Charting-Concepts/GroupedVerticalBarChart","unlisted":false},{"type":"link","label":"Heatmap Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/HeatMapChart","docId":"Charting-Concepts/HeatMapChart","unlisted":false},{"type":"link","label":"Horizontal Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/HorizontalBarChart","docId":"Charting-Concepts/HorizontalBarChart","unlisted":false},{"type":"link","label":"Line Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/LineChart","docId":"Charting-Concepts/LineChart","unlisted":false},{"type":"link","label":"Sankey Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/SankeyChart","docId":"Charting-Concepts/SankeyChart","unlisted":false},{"type":"link","label":"Sparkline Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/SparklineChart","docId":"Charting-Concepts/SparklineChart","unlisted":false},{"type":"link","label":"Stacked Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/StackedBarChart","docId":"Charting-Concepts/StackedBarChart","unlisted":false},{"type":"link","label":"Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalBarChart","docId":"Charting-Concepts/VerticalBarChart","unlisted":false},{"type":"link","label":"Vertical Stacked Bar Chart","href":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalStackedBarChart","docId":"Charting-Concepts/VerticalStackedBarChart","unlisted":false}],"collapsed":true,"collapsible":true,"href":"/fluentui-charting-contrib/docs/Contributor Guide"},{"type":"link","label":"Technical details","href":"/fluentui-charting-contrib/docs/Technical Details","docId":"Technical Details","unlisted":false},{"type":"link","label":"Detailed Implementation Steps","href":"/fluentui-charting-contrib/docs/Detailed Implementation Steps","docId":"Detailed Implementation Steps","unlisted":false},{"type":"category","label":"Examples","items":[{"type":"link","label":"Vertical Bar Chart","href":"/fluentui-charting-contrib/docs/ChartingExamples/VerticalBarChartExample","docId":"ChartingExamples/VerticalBarChartExample","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"link","label":"Debugging","href":"/fluentui-charting-contrib/docs/Debugging","docId":"Debugging","unlisted":false},{"type":"link","label":"Implementation Best Practices","href":"/fluentui-charting-contrib/docs/Implementation Best Practices","docId":"Implementation Best Practices","unlisted":false},{"type":"link","label":"Accessibility","href":"/fluentui-charting-contrib/docs/Accessibility","docId":"Accessibility","unlisted":false},{"type":"link","label":"Colors","href":"/fluentui-charting-contrib/docs/colors","docId":"colors","unlisted":false},{"type":"link","label":"Implementing 2:1 spacing","href":"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing","docId":"implementing-2-to-1-spacing","unlisted":false},{"type":"link","label":"Creating Date Objects For Chart Data","href":"/fluentui-charting-contrib/docs/creating-date-objects-for-chart-data","docId":"creating-date-objects-for-chart-data","unlisted":false},{"type":"link","label":"Testing Strategy","href":"/fluentui-charting-contrib/docs/Testing Strategy","docId":"Testing Strategy","unlisted":false},{"type":"link","label":"Test Coverage Report","href":"/fluentui-charting-contrib/docs/TestCoverage","docId":"TestCoverage","unlisted":false},{"type":"category","label":"Test Plans","items":[{"type":"category","label":"AreaChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/AreaChart/ComponentTests","docId":"Test Plans/AreaChart/ComponentTests","unlisted":false}]},{"type":"category","label":"DonutChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/DonutChart/ComponentTests","docId":"Test Plans/DonutChart/ComponentTests","unlisted":false}]},{"type":"category","label":"GaugeChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Component testing - Gauge chart test plan","href":"/fluentui-charting-contrib/docs/Test Plans/GaugeChart/ComponentTests","docId":"Test Plans/GaugeChart/ComponentTests","unlisted":false}]},{"type":"category","label":"GroupedVerticalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/GroupedVerticalBarChart/ComponentTests","docId":"Test Plans/GroupedVerticalBarChart/ComponentTests","unlisted":false}]},{"type":"category","label":"HeatMapChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Heatmap Chart - Component test plan","href":"/fluentui-charting-contrib/docs/Test Plans/HeatMapChart/ComponentTests","docId":"Test Plans/HeatMapChart/ComponentTests","unlisted":false}]},{"type":"category","label":"HorizontalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/ComponentTests","docId":"Test Plans/HorizontalBarChart/ComponentTests","unlisted":false},{"type":"link","label":"UnitTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/UnitTests","docId":"Test Plans/HorizontalBarChart/UnitTests","unlisted":false}]},{"type":"category","label":"HorizontalBarChartWithAxis","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests","docId":"Test Plans/HorizontalBarChartWithAxis/ComponentTests","unlisted":false},{"type":"link","label":"UnitTests","href":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/UnitTests","docId":"Test Plans/HorizontalBarChartWithAxis/UnitTests","unlisted":false}]},{"type":"category","label":"LineChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/LineChart/ComponentTests","docId":"Test Plans/LineChart/ComponentTests","unlisted":false}]},{"type":"category","label":"MultiStackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"componentTests","href":"/fluentui-charting-contrib/docs/Test Plans/MultiStackedBarChart/componentTests","docId":"Test Plans/MultiStackedBarChart/componentTests","unlisted":false}]},{"type":"category","label":"SankeyChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/SankeyChart/ComponentTests","docId":"Test Plans/SankeyChart/ComponentTests","unlisted":false}]},{"type":"category","label":"StackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/StackedBarChart/ComponentTests","docId":"Test Plans/StackedBarChart/ComponentTests","unlisted":false}]},{"type":"link","label":"TestingGuide","href":"/fluentui-charting-contrib/docs/Test Plans/TestingGuide","docId":"Test Plans/TestingGuide","unlisted":false},{"type":"category","label":"Utilities","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Unit test plan for Donut Chart","href":"/fluentui-charting-contrib/docs/Test Plans/Utilities/UnitTests","docId":"Test Plans/Utilities/UnitTests","unlisted":false}]},{"type":"category","label":"VerticalBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/VerticalBarChart/ComponentTests","docId":"Test Plans/VerticalBarChart/ComponentTests","unlisted":false}]},{"type":"category","label":"VerticalStackedBarChart","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ComponentTests","href":"/fluentui-charting-contrib/docs/Test Plans/VerticalStackedBarChart/ComponentTests","docId":"Test Plans/VerticalStackedBarChart/ComponentTests","unlisted":false}]}],"collapsed":true,"collapsible":true},{"type":"link","label":"Testing Unpublished Library Version","href":"/fluentui-charting-contrib/docs/Testing Unpublished Library Version","docId":"Testing Unpublished Library Version","unlisted":false},{"type":"link","label":"Bundle Size","href":"/fluentui-charting-contrib/docs/BundleSize","docId":"BundleSize","unlisted":false},{"type":"category","label":"RFCs","items":[{"type":"link","label":"RFC: Fix 2:1 spacing","href":"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing","docId":"rfcs/fix-2-to-1-spacing","unlisted":false}],"collapsed":true,"collapsible":true}]},"docs":{"Accessibility":{"id":"Accessibility","title":"Accessibility","description":"The react charting library is accessibility MAS C compliant.","sidebar":"tutorialSidebar"},"BundleSize":{"id":"BundleSize","title":"Bundle Size","description":"This table measures the maximum unpacked size of each chart control. This is measured by the monosize tool.","sidebar":"tutorialSidebar"},"CHANGELOG":{"id":"CHANGELOG","title":"Release Log","description":"This log was last generated on Wed, 10 Jan 2024 0750 GMT and should not be manually modified."},"changelogSplits/5.0":{"id":"changelogSplits/5.0","title":"5.0","description":"5.0.37","sidebar":"tutorialSidebar"},"changelogSplits/5.1":{"id":"changelogSplits/5.1","title":"5.1","description":"5.1.17","sidebar":"tutorialSidebar"},"changelogSplits/5.10":{"id":"changelogSplits/5.10","title":"5.10","description":"5.10.1","sidebar":"tutorialSidebar"},"changelogSplits/5.11":{"id":"changelogSplits/5.11","title":"5.11","description":"5.11.0","sidebar":"tutorialSidebar"},"changelogSplits/5.12":{"id":"changelogSplits/5.12","title":"5.12","description":"5.12.37","sidebar":"tutorialSidebar"},"changelogSplits/5.13":{"id":"changelogSplits/5.13","title":"5.13","description":"5.13.11","sidebar":"tutorialSidebar"},"changelogSplits/5.14":{"id":"changelogSplits/5.14","title":"5.14","description":"5.14.43","sidebar":"tutorialSidebar"},"changelogSplits/5.15":{"id":"changelogSplits/5.15","title":"5.15","description":"5.15.10","sidebar":"tutorialSidebar"},"changelogSplits/5.16":{"id":"changelogSplits/5.16","title":"5.16","description":"5.16.60","sidebar":"tutorialSidebar"},"changelogSplits/5.17":{"id":"changelogSplits/5.17","title":"5.17","description":"5.17.12","sidebar":"tutorialSidebar"},"changelogSplits/5.18":{"id":"changelogSplits/5.18","title":"5.18","description":"5.18.18","sidebar":"tutorialSidebar"},"changelogSplits/5.19":{"id":"changelogSplits/5.19","title":"5.19","description":"5.19.45","sidebar":"tutorialSidebar"},"changelogSplits/5.2":{"id":"changelogSplits/5.2","title":"5.2","description":"5.2.12","sidebar":"tutorialSidebar"},"changelogSplits/5.20":{"id":"changelogSplits/5.20","title":"5.20","description":"5.20.1","sidebar":"tutorialSidebar"},"changelogSplits/5.3":{"id":"changelogSplits/5.3","title":"5.3","description":"5.3.61","sidebar":"tutorialSidebar"},"changelogSplits/5.4":{"id":"changelogSplits/5.4","title":"5.4","description":"5.4.1","sidebar":"tutorialSidebar"},"changelogSplits/5.5":{"id":"changelogSplits/5.5","title":"5.5","description":"5.5.14","sidebar":"tutorialSidebar"},"changelogSplits/5.6":{"id":"changelogSplits/5.6","title":"5.6","description":"5.6.17","sidebar":"tutorialSidebar"},"changelogSplits/5.7":{"id":"changelogSplits/5.7","title":"5.7","description":"5.7.21","sidebar":"tutorialSidebar"},"changelogSplits/5.8":{"id":"changelogSplits/5.8","title":"5.8","description":"5.8.2","sidebar":"tutorialSidebar"},"changelogSplits/5.9":{"id":"changelogSplits/5.9","title":"5.9","description":"5.9.55","sidebar":"tutorialSidebar"},"Charting-Concepts/AreaChart":{"id":"Charting-Concepts/AreaChart","title":"Area Chart","description":"Areachartpic1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/DonutChart":{"id":"Charting-Concepts/DonutChart","title":"Donut Chart","description":"DonutChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/GaugeChart":{"id":"Charting-Concepts/GaugeChart","title":"Gauge Chart","description":"Gauge chart measures the progress of a metric against its target and its primary components are a speedometer and a needle. The speedometer usually consists of color-coded segments progressing value from left to right.","sidebar":"tutorialSidebar"},"Charting-Concepts/GroupedVerticalBarChart":{"id":"Charting-Concepts/GroupedVerticalBarChart","title":"Grouped Vertical Bar Chart","description":"GroupedVerticalBarChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/HeatMapChart":{"id":"Charting-Concepts/HeatMapChart","title":"Heatmap Chart","description":"A heatmap chart is a type of data visualization that represents data values as colors in a grid of rectangles. Each cell\'s color intensity corresponds to the value it represents, making it easy to spot patterns and variations in the data.","sidebar":"tutorialSidebar"},"Charting-Concepts/HorizontalBarChart":{"id":"Charting-Concepts/HorizontalBarChart","title":"Horizontal Bar Chart","description":"A horizontal bar chart is a chart that presents categorical data with rectangular bars with lengths proportional to the values they represent. This type of chart is particularly useful when the intention is to show comparisons among different categories and the labels for those categories are long.","sidebar":"tutorialSidebar"},"Charting-Concepts/LineChart":{"id":"Charting-Concepts/LineChart","title":"Line Chart","description":"Line charts are a versatile type of graph used to visualize data trends over time. They are commonly used in various fields and industries for different purposes.","sidebar":"tutorialSidebar"},"Charting-Concepts/SankeyChart":{"id":"Charting-Concepts/SankeyChart","title":"Sankey Chart","description":"Sankey charts are a type of data visualization that are particularly useful for showing the flow of resources, energy, or information through a system. They are characterized by their flowing, interconnected arrows that represent the quantity or value of something as it moves from one stage or category to another.","sidebar":"tutorialSidebar"},"Charting-Concepts/SparklineChart":{"id":"Charting-Concepts/SparklineChart","title":"Sparkline Chart","description":"Sparkline1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/StackedBarChart":{"id":"Charting-Concepts/StackedBarChart","title":"Stacked Bar Chart","description":"A stacked bar chart is a type of data visualization that represents data using rectangular bars with lengths proportional to the values they represent. In a stacked bar chart, each bar is divided into segments, and the segments represent different categories or components. The segments are stacked next to each other to show the total value of each bar.","sidebar":"tutorialSidebar"},"Charting-Concepts/VerticalBarChart":{"id":"Charting-Concepts/VerticalBarChart","title":"Vertical Bar Chart","description":"VerticalBarChart1.png","sidebar":"tutorialSidebar"},"Charting-Concepts/VerticalStackedBarChart":{"id":"Charting-Concepts/VerticalStackedBarChart","title":"Vertical Stacked Bar Chart","description":"VerticalStackedBarChart1.png","sidebar":"tutorialSidebar"},"ChartingExamples/VerticalBarChartExample":{"id":"ChartingExamples/VerticalBarChartExample","title":"Vertical Bar Chart","description":"Date Axis","sidebar":"tutorialSidebar"},"colors":{"id":"colors","title":"Colors","description":"We provide the following 3 ways to specify colors for the data series.","sidebar":"tutorialSidebar"},"Contributor Guide":{"id":"Contributor Guide","title":"Contributor Guide","description":"Fluent charting library is a collection of individual charts like LineChart, AreaChart, Horizontal bar chart, vertical bar chart.","sidebar":"tutorialSidebar"},"creating-date-objects-for-chart-data":{"id":"creating-date-objects-for-chart-data","title":"Creating Date Objects For Chart Data","description":"There are many ways to format a date as a string. The JavaScript specification only specifies one format to be universally supported","sidebar":"tutorialSidebar"},"Debugging":{"id":"Debugging","title":"Debugging","description":"The chart components can be debugged using few techniques.","sidebar":"tutorialSidebar"},"Detailed Implementation Steps":{"id":"Detailed Implementation Steps","title":"Detailed Implementation Steps","description":"If you are planning to contribute a major chart, follow the below steps to align the component with fluent charting design, principles, style and standards.","sidebar":"tutorialSidebar"},"Implementation Best Practices":{"id":"Implementation Best Practices","title":"Implementation Best Practices","description":"Component Props","sidebar":"tutorialSidebar"},"implementing-2-to-1-spacing":{"id":"implementing-2-to-1-spacing","title":"Implementing 2:1 spacing","description":"Discrete Axis","sidebar":"tutorialSidebar"},"Overview":{"id":"Overview","title":"Overview","description":"Fluent UI React (formerly Office UI Fabric React) charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. The charts are used across 100+ projects inside Microsoft including Microsoft 365 and Azure.","sidebar":"tutorialSidebar"},"rfcs/fix-2-to-1-spacing":{"id":"rfcs/fix-2-to-1-spacing","title":"RFC: Fix 2:1 spacing","description":"Summary","sidebar":"tutorialSidebar"},"Start Developing":{"id":"Start Developing","title":"Start Developing","description":"This page will help you get familiar with the react charting controls, how the code and documents are organized.","sidebar":"tutorialSidebar"},"Technical Details":{"id":"Technical Details","title":"Technical details","description":"Overview","sidebar":"tutorialSidebar"},"Test Plans/AreaChart/ComponentTests":{"id":"Test Plans/AreaChart/ComponentTests","title":"ComponentTests","description":"Area Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/DonutChart/ComponentTests":{"id":"Test Plans/DonutChart/ComponentTests","title":"ComponentTests","description":"Alt text","sidebar":"tutorialSidebar"},"Test Plans/GaugeChart/ComponentTests":{"id":"Test Plans/GaugeChart/ComponentTests","title":"Component testing - Gauge chart test plan","description":"Snapshot testing","sidebar":"tutorialSidebar"},"Test Plans/GroupedVerticalBarChart/ComponentTests":{"id":"Test Plans/GroupedVerticalBarChart/ComponentTests","title":"ComponentTests","description":"Grouped Vertical Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HeatMapChart/ComponentTests":{"id":"Test Plans/HeatMapChart/ComponentTests","title":"Heatmap Chart - Component test plan","description":"Snapshot tests","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChart/ComponentTests":{"id":"Test Plans/HorizontalBarChart/ComponentTests","title":"ComponentTests","description":"Horizontal Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChart/UnitTests":{"id":"Test Plans/HorizontalBarChart/UnitTests","title":"UnitTests","description":"Unit Test Plan - Horizontal Bar Chart","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChartWithAxis/ComponentTests":{"id":"Test Plans/HorizontalBarChartWithAxis/ComponentTests","title":"ComponentTests","description":"Horizontal Bar Chart With Axis \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/HorizontalBarChartWithAxis/UnitTests":{"id":"Test Plans/HorizontalBarChartWithAxis/UnitTests","title":"UnitTests","description":"Unit Test Plan \u2013 Horizontal Bar Chart with axiss","sidebar":"tutorialSidebar"},"Test Plans/LineChart/ComponentTests":{"id":"Test Plans/LineChart/ComponentTests","title":"ComponentTests","description":"Line Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/MultiStackedBarChart/componentTests":{"id":"Test Plans/MultiStackedBarChart/componentTests","title":"componentTests","description":"Multi stacked bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/SankeyChart/ComponentTests":{"id":"Test Plans/SankeyChart/ComponentTests","title":"ComponentTests","description":"Sankey Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/StackedBarChart/ComponentTests":{"id":"Test Plans/StackedBarChart/ComponentTests","title":"ComponentTests","description":"Stacked Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/TestingGuide":{"id":"Test Plans/TestingGuide","title":"TestingGuide","description":"This document highlights few common testing practices for any new tests that are being added to the charting library.","sidebar":"tutorialSidebar"},"Test Plans/Utilities/UnitTests":{"id":"Test Plans/Utilities/UnitTests","title":"Unit test plan for Donut Chart","description":"This test plan contains the list of unit testable functions which are used as a part of the Donut Chart component.","sidebar":"tutorialSidebar"},"Test Plans/VerticalBarChart/ComponentTests":{"id":"Test Plans/VerticalBarChart/ComponentTests","title":"ComponentTests","description":"Vertical Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"Test Plans/VerticalStackedBarChart/ComponentTests":{"id":"Test Plans/VerticalStackedBarChart/ComponentTests","title":"ComponentTests","description":"Vertical Stacked Bar Chart \u2013 Component test plan","sidebar":"tutorialSidebar"},"TestCoverage":{"id":"TestCoverage","title":"Test Coverage Report","description":"Latest test coverage reports across OS.","sidebar":"tutorialSidebar"},"Testing Strategy":{"id":"Testing Strategy","title":"Testing Strategy","description":"Details","sidebar":"tutorialSidebar"},"Testing Unpublished Library Version":{"id":"Testing Unpublished Library Version","title":"Testing Unpublished Library Version","description":"You may want to test changes made to the library in an app locally. This becomes useful to validate a fix or root cause an issue occuring only in a specific app or context.","sidebar":"tutorialSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/main.41885a26.js b/assets/js/main.41885a26.js deleted file mode 100644 index 49bd600a16..0000000000 --- a/assets/js/main.41885a26.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.41885a26.js.LICENSE.txt */ -(self.webpackChunkdocsite=self.webpackChunkdocsite||[]).push([[179],{830:(e,t,n)=>{"use strict";n.d(t,{W:()=>a});var r=n(7294);function a(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(7294);var r=n(8356),a=n.n(r),o=n(6887);const i={"100d50c4":[()=>n.e(5724).then(n.bind(n,9854)),"@site/../../docs/Start Developing.md",9854],"10c2b1cf":[()=>n.e(1914).then(n.bind(n,9423)),"@site/../../docs/colors.md",9423],17896441:[()=>Promise.all([n.e(532),n.e(7918)]).then(n.bind(n,9413)),"@theme/DocItem",9413],"19139c30":[()=>n.e(982).then(n.bind(n,2149)),"@site/../../docs/changelogSplits/5.13.md",2149],"1a4e3797":[()=>Promise.all([n.e(532),n.e(7920)]).then(n.bind(n,6675)),"@theme/SearchPage",6675],"1b37b4b0":[()=>n.e(1483).then(n.bind(n,1421)),"@site/../../docs/Testing Unpublished Library Version.md",1421],"1d29b0d8":[()=>n.e(3861).then(n.bind(n,6001)),"@site/../../docs/Charting-Concepts/SankeyChart.md",6001],"1df93b7f":[()=>Promise.all([n.e(532),n.e(3237)]).then(n.bind(n,8391)),"@site/src/pages/index.tsx",8391],"1ff5abae":[()=>n.e(5671).then(n.bind(n,2972)),"@site/../../docs/Charting-Concepts/GroupedVerticalBarChart.md",2972],25929091:[()=>n.e(1283).then(n.t.bind(n,5745,19)),"/home/runner/work/fluentui-charting-contrib/fluentui-charting-contrib/apps/docsite/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"2bd67647":[()=>n.e(9013).then(n.bind(n,1936)),"@site/../../docs/Test Plans/SankeyChart/ComponentTests.md",1936],"2f599c6d":[()=>n.e(2482).then(n.bind(n,4414)),"@site/../../docs/BundleSize.md",4414],"35f90ace":[()=>n.e(1888).then(n.bind(n,3823)),"@site/../../docs/Test Plans/LineChart/ComponentTests.md",3823],"3b5ed4ca":[()=>n.e(7792).then(n.bind(n,6197)),"@site/../../docs/changelogSplits/5.17.md",6197],"3cf0876a":[()=>n.e(1444).then(n.bind(n,4879)),"@site/../../docs/changelogSplits/5.3.md",4879],41748239:[()=>n.e(150).then(n.bind(n,323)),"@site/../../docs/Test Plans/VerticalStackedBarChart/ComponentTests.md",323],"418823fc":[()=>n.e(6119).then(n.bind(n,7159)),"@site/../../docs/changelogSplits/5.4.md",7159],"43c91bec":[()=>n.e(2357).then(n.bind(n,5438)),"@site/../../docs/Test Plans/HorizontalBarChart/UnitTests.md",5438],"44a464d7":[()=>n.e(6662).then(n.bind(n,1826)),"@site/../../docs/Charting-Concepts/VerticalBarChart.md",1826],"48224a32":[()=>n.e(4356).then(n.bind(n,7587)),"@site/../../docs/changelogSplits/5.1.md",7587],"4c3c7f6c":[()=>n.e(9368).then(n.bind(n,7812)),"@site/../../docs/Charting-Concepts/HorizontalBarChart.md",7812],"4d3d5107":[()=>n.e(8137).then(n.bind(n,2927)),"@site/../../docs/changelogSplits/5.9.md",2927],"5181bfc2":[()=>n.e(7659).then(n.bind(n,5417)),"@site/../../docs/Charting-Concepts/StackedBarChart.md",5417],"53fd9a32":[()=>n.e(4630).then(n.bind(n,5197)),"@site/../../docs/implementing-2-to-1-spacing.md",5197],"544aba92":[()=>n.e(774).then(n.bind(n,1264)),"@site/../../docs/Charting-Concepts/AreaChart.md",1264],"5b2e78ee":[()=>n.e(1181).then(n.bind(n,1393)),"@site/../../docs/changelogSplits/5.10.md",1393],"5e95c892":[()=>n.e(9661).then(n.bind(n,1892)),"@theme/DocsRoot",1892],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f0d6238":[()=>n.e(4494).then(n.bind(n,167)),"@site/../../docs/TestCoverage.md",167],"5fc975be":[()=>n.e(7706).then(n.t.bind(n,7085,19)),"/home/runner/work/fluentui-charting-contrib/fluentui-charting-contrib/apps/docsite/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",7085],"6158391e":[()=>n.e(1605).then(n.bind(n,430)),"@site/../../docs/Test Plans/HorizontalBarChart/ComponentTests.md",430],62692344:[()=>n.e(9330).then(n.bind(n,4520)),"@site/../../docs/Charting-Concepts/LineChart.md",4520],"6574cc86":[()=>n.e(515).then(n.bind(n,313)),"@site/../../docs/rfcs/fix-2-to-1-spacing.md",313],"65a720d8":[()=>n.e(2632).then(n.bind(n,8421)),"@site/../../docs/changelogSplits/5.16.md",8421],"67b1613a":[()=>n.e(9088).then(n.bind(n,2455)),"@site/../../docs/changelogSplits/5.11.md",2455],"6ede8325":[()=>n.e(2637).then(n.bind(n,6792)),"@site/../../docs/Test Plans/HeatMapChart/ComponentTests.md",6792],"6fe236e0":[()=>n.e(6942).then(n.bind(n,6166)),"@site/../../docs/Accessibility.md",6166],"712b8a2d":[()=>n.e(6863).then(n.bind(n,4227)),"@site/../../docs/Charting-Concepts/HeatMapChart.md",4227],"72f1352f":[()=>n.e(3072).then(n.bind(n,5618)),"@site/../../docs/Test Plans/MultiStackedBarChart/componentTests.md",5618],"785e1e6a":[()=>n.e(9159).then(n.bind(n,4242)),"@site/../../docs/Testing Strategy.md",4242],"78e65ac0":[()=>n.e(2907).then(n.bind(n,4199)),"@site/../../docs/Test Plans/GroupedVerticalBarChart/ComponentTests.md",4199],"790ff6d5":[()=>n.e(9860).then(n.bind(n,3854)),"@site/../../docs/Test Plans/DonutChart/ComponentTests.md",3854],"7bec51cf":[()=>n.e(7478).then(n.bind(n,1650)),"@site/../../docs/changelogSplits/5.2.md",1650],"7ef89a43":[()=>n.e(8466).then(n.bind(n,4488)),"@site/../../docs/Technical Details.md",4488],80060540:[()=>n.e(1321).then(n.bind(n,9431)),"@site/../../docs/Charting-Concepts/GaugeChart.md",9431],"82e69e4a":[()=>n.e(4145).then(n.bind(n,5228)),"@site/../../docs/Test Plans/Utilities/UnitTests.md",5228],"8d457ff7":[()=>n.e(3713).then(n.bind(n,3489)),"@site/../../docs/changelogSplits/5.20.md",3489],"8d775e4d":[()=>n.e(2094).then(n.bind(n,2975)),"@site/../../docs/changelogSplits/5.5.md",2975],"8f2faa25":[()=>n.e(1125).then(n.bind(n,8625)),"@site/../../docs/Test Plans/VerticalBarChart/ComponentTests.md",8625],"918c9c28":[()=>n.e(3469).then(n.bind(n,7270)),"@site/../../docs/Detailed Implementation Steps.md",7270],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9becebd9":[()=>n.e(2083).then(n.bind(n,623)),"@site/../../docs/changelogSplits/5.8.md",623],a4b720fd:[()=>n.e(9428).then(n.bind(n,8300)),"@site/../../docs/Implementation Best Practices.md",8300],a62d60fb:[()=>n.e(4798).then(n.bind(n,2485)),"@site/../../docs/Test Plans/HorizontalBarChartWithAxis/UnitTests.md",2485],a7bd4aaa:[()=>n.e(8518).then(n.bind(n,8564)),"@theme/DocVersionRoot",8564],a85ccfbf:[()=>n.e(2190).then(n.t.bind(n,3769,19)),"/home/runner/work/fluentui-charting-contrib/fluentui-charting-contrib/apps/docsite/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],a94703ab:[()=>Promise.all([n.e(532),n.e(4368)]).then(n.bind(n,2674)),"@theme/DocRoot",2674],b0683616:[()=>n.e(5112).then(n.bind(n,6374)),"@site/../../docs/Test Plans/TestingGuide.md",6374],b0e8dd6d:[()=>n.e(8673).then(n.bind(n,6231)),"@site/../../docs/Contributor Guide.md",6231],b7f64af1:[()=>n.e(8751).then(n.bind(n,4622)),"@site/../../docs/Charting-Concepts/VerticalStackedBarChart.md",4622],c0f01452:[()=>n.e(6970).then(n.bind(n,5669)),"@site/../../docs/changelogSplits/5.6.md",5669],c1b0a72f:[()=>n.e(2430).then(n.bind(n,8026)),"@site/../../docs/changelogSplits/5.14.md",8026],c1fd7385:[()=>n.e(8171).then(n.bind(n,8964)),"@site/../../docs/creating-date-objects-for-chart-data.md",8964],c67f0456:[()=>n.e(5069).then(n.bind(n,5327)),"@site/../../docs/changelogSplits/5.7.md",5327],c81dfe5f:[()=>n.e(2871).then(n.bind(n,3028)),"@site/../../docs/Test Plans/StackedBarChart/ComponentTests.md",3028],d620695a:[()=>n.e(9597).then(n.bind(n,3966)),"@site/../../docs/changelogSplits/5.15.md",3966],dbbcac9a:[()=>n.e(7061).then(n.bind(n,2991)),"@site/../../docs/ChartingExamples/VerticalBarChartExample.md",2991],ddc35001:[()=>n.e(8968).then(n.bind(n,9313)),"@site/../../docs/Overview.md",9313],df751193:[()=>n.e(5966).then(n.bind(n,5321)),"@site/../../docs/Charting-Concepts/DonutChart.md",5321],e1621294:[()=>n.e(3633).then(n.bind(n,7037)),"@site/../../docs/Charting-Concepts/SparklineChart.md",7037],e2d1ed78:[()=>n.e(5998).then(n.bind(n,8224)),"@site/../../docs/changelogSplits/5.18.md",8224],e849b732:[()=>n.e(5291).then(n.bind(n,5530)),"@site/../../docs/changelogSplits/5.0.md",5530],e8c0cc48:[()=>n.e(4014).then(n.bind(n,4162)),"@site/../../docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests.md",4162],e8f56a24:[()=>n.e(3400).then(n.bind(n,9105)),"@site/../../docs/changelogSplits/5.12.md",9105],e9780fb0:[()=>n.e(1351).then(n.bind(n,9611)),"@site/../../docs/Test Plans/GaugeChart/ComponentTests.md",9611],ebaf9aeb:[()=>n.e(3946).then(n.bind(n,4512)),"@site/../../docs/changelogSplits/5.19.md",4512],ec9b348c:[()=>n.e(917).then(n.bind(n,8121)),"@site/../../docs/CHANGELOG.md",8121],fa9519d0:[()=>n.e(2408).then(n.bind(n,4286)),"@site/../../docs/Test Plans/AreaChart/ComponentTests.md",4286],fdebbd26:[()=>n.e(8864).then(n.bind(n,7338)),"@site/../../docs/Debugging.md",7338]};var l=n(5893);function s(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(9670),u=n(226);function d(e,t){if("*"===e)return a()({loading:s,loader:()=>n.e(1772).then(n.bind(n,1772)),modules:["@theme/NotFound"],webpack:()=>[1772],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const r=o[`${e}-${t}`],d={},p=[],f=[],h=(0,c.Z)(r);return Object.entries(h).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),a().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const a=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const o=r.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{o[e]=r[e]}));let i=a;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=a.__comp;delete a.__comp;const i=a.__context;return delete a.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...a,...n})})}})}const p=[{path:"/fluentui-charting-contrib/search",component:d("/fluentui-charting-contrib/search","d67"),exact:!0},{path:"/fluentui-charting-contrib/docs",component:d("/fluentui-charting-contrib/docs","15a"),routes:[{path:"/fluentui-charting-contrib/docs",component:d("/fluentui-charting-contrib/docs","7c4"),routes:[{path:"/fluentui-charting-contrib/docs",component:d("/fluentui-charting-contrib/docs","6b8"),routes:[{path:"/fluentui-charting-contrib/docs/Accessibility",component:d("/fluentui-charting-contrib/docs/Accessibility","9b7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/BundleSize",component:d("/fluentui-charting-contrib/docs/BundleSize","11f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/CHANGELOG",component:d("/fluentui-charting-contrib/docs/CHANGELOG","9f5"),exact:!0},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.0",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.0","186"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.1",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.1","6da"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.10",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.10","4d3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.11",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.11","75b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.12",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.12","2a9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.13",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.13","184"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.14",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.14","828"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.15",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.15","932"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.16",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.16","85e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.17",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.17","923"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.18",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.18","afe"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.19",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.19","102"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.2",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.2","7b7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.20",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.20","890"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.3",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.3","a1d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.4",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.4","16e"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.5",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.5","28c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.6",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.6","045"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.7",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.7","855"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.8",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.8","240"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/changelogSplits/5.9",component:d("/fluentui-charting-contrib/docs/changelogSplits/5.9","104"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/AreaChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/AreaChart","440"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/DonutChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/DonutChart","82a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/GaugeChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/GaugeChart","7e8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/GroupedVerticalBarChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/GroupedVerticalBarChart","7d1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/HeatMapChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/HeatMapChart","23a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/HorizontalBarChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/HorizontalBarChart","a8f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/LineChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/LineChart","df4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/SankeyChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/SankeyChart","3ab"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/SparklineChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/SparklineChart","1ee"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/StackedBarChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/StackedBarChart","530"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalBarChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/VerticalBarChart","28a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalStackedBarChart",component:d("/fluentui-charting-contrib/docs/Charting-Concepts/VerticalStackedBarChart","b6b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/ChartingExamples/VerticalBarChartExample",component:d("/fluentui-charting-contrib/docs/ChartingExamples/VerticalBarChartExample","fa9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/colors",component:d("/fluentui-charting-contrib/docs/colors","ef0"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Contributor Guide",component:d("/fluentui-charting-contrib/docs/Contributor Guide","387"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/creating-date-objects-for-chart-data",component:d("/fluentui-charting-contrib/docs/creating-date-objects-for-chart-data","d31"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Debugging",component:d("/fluentui-charting-contrib/docs/Debugging","a60"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Detailed Implementation Steps",component:d("/fluentui-charting-contrib/docs/Detailed Implementation Steps","7b4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Implementation Best Practices",component:d("/fluentui-charting-contrib/docs/Implementation Best Practices","bf6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing",component:d("/fluentui-charting-contrib/docs/implementing-2-to-1-spacing","3a6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Overview",component:d("/fluentui-charting-contrib/docs/Overview","7e4"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing",component:d("/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing","0f3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Start Developing",component:d("/fluentui-charting-contrib/docs/Start Developing","764"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Technical Details",component:d("/fluentui-charting-contrib/docs/Technical Details","111"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/AreaChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/AreaChart/ComponentTests","490"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/DonutChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/DonutChart/ComponentTests","371"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/GaugeChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/GaugeChart/ComponentTests","d89"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/GroupedVerticalBarChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/GroupedVerticalBarChart/ComponentTests","201"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/HeatMapChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/HeatMapChart/ComponentTests","926"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/ComponentTests","048"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/UnitTests",component:d("/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/UnitTests","8d7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests","41f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/UnitTests",component:d("/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/UnitTests","8d9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/LineChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/LineChart/ComponentTests","c6a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/MultiStackedBarChart/componentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/MultiStackedBarChart/componentTests","4c6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/SankeyChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/SankeyChart/ComponentTests","fff"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/StackedBarChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/StackedBarChart/ComponentTests","c60"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/TestingGuide",component:d("/fluentui-charting-contrib/docs/Test Plans/TestingGuide","348"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/Utilities/UnitTests",component:d("/fluentui-charting-contrib/docs/Test Plans/Utilities/UnitTests","bfd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/VerticalBarChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/VerticalBarChart/ComponentTests","a74"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Test Plans/VerticalStackedBarChart/ComponentTests",component:d("/fluentui-charting-contrib/docs/Test Plans/VerticalStackedBarChart/ComponentTests","25a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/TestCoverage",component:d("/fluentui-charting-contrib/docs/TestCoverage","571"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Testing Strategy",component:d("/fluentui-charting-contrib/docs/Testing Strategy","37b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/fluentui-charting-contrib/docs/Testing Unpublished Library Version",component:d("/fluentui-charting-contrib/docs/Testing Unpublished Library Version","b2f"),exact:!0,sidebar:"tutorialSidebar"}]}]}]},{path:"/fluentui-charting-contrib/",component:d("/fluentui-charting-contrib/","c50"),exact:!0},{path:"*",component:d("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var r=n(7294),a=n(5893);const o=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,a.jsx)(o.Provider,{value:n,children:t})}},7221:(e,t,n)=>{"use strict";var r=n(7294),a=n(745),o=n(3727),i=n(405),l=n(412);const s=[n(2497),n(3310),n(8320),n(2295)];var c=n(723),u=n(6550),d=n(8790),p=n(5893);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var h=n(5742),g=n(2263),m=n(4996),b=n(6668),y=n(833),v=n(4711),w=n(9727),k=n(3320),S=n(8780),x=n(197);function C(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.Z)(),r=(0,v.l)(),a=n[e].htmlLang,o=e=>e.replace("-","_");return(0,p.jsxs)(h.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:o(a)}),Object.values(n).filter((e=>a!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function T(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:r}=(0,u.TH)();return e+(0,S.applyTrailingSlash)((0,m.Z)(r),{trailingSlash:n,baseUrl:t})}(),a=t?`${n}${t}`:r;return(0,p.jsxs)(h.Z,{children:[(0,p.jsx)("meta",{property:"og:url",content:a}),(0,p.jsx)("link",{rel:"canonical",href:a})]})}function E(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,b.L)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(h.Z,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:w.h})]}),n&&(0,p.jsx)(y.d,{image:n}),(0,p.jsx)(T,{}),(0,p.jsx)(C,{}),(0,p.jsx)(x.Z,{tag:k.HX,locale:e}),(0,p.jsx)(h.Z,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const _=new Map;function A(e){if(_.has(e.pathname))return{...e,pathname:_.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return _.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return _.set(e.pathname,t),{...e,pathname:t}}var P=n(8934),L=n(8940),j=n(469);function R(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>a.forEach((e=>e?.()))}const N=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,j.Z)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,a=t.hash===n.hash,o=t.search===n.search;if(r&&a&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),R("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function O(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class D extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?R("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=R("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),O(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,p.jsx)(N,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(u.AW,{location:t,render:()=>e})})}}const I=D,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function z(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n var shouldInsert = typeof window['docusaurus'] === 'undefined';\n shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n var bannerContainer = document.createElement('div');\n bannerContainer.id = '${M}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const a=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;a?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var Q=n(9670);const Y=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!Y.has(e))(e))return!1;Y.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(W).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Q.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),O(e))},te=Object.freeze(ee),ne=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.B6,{children:(0,p.jsx)(o.VK,{children:(0,p.jsx)(V,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ne)r.startTransition((()=>{a.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=a.createRoot(e,{onRecoverableError:n});r.startTransition((()=>{o.render(t)}))}};O(window.location.pathname).then(l)}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var r=n(7294),a=n(6809);const o=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/fluentui-charting-contrib/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/fluentui-charting-contrib/docs","mainDocId":"Overview","docs":[{"id":"Accessibility","path":"/fluentui-charting-contrib/docs/Accessibility","sidebar":"tutorialSidebar"},{"id":"BundleSize","path":"/fluentui-charting-contrib/docs/BundleSize","sidebar":"tutorialSidebar"},{"id":"CHANGELOG","path":"/fluentui-charting-contrib/docs/CHANGELOG"},{"id":"changelogSplits/5.0","path":"/fluentui-charting-contrib/docs/changelogSplits/5.0","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.1","path":"/fluentui-charting-contrib/docs/changelogSplits/5.1","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.10","path":"/fluentui-charting-contrib/docs/changelogSplits/5.10","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.11","path":"/fluentui-charting-contrib/docs/changelogSplits/5.11","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.12","path":"/fluentui-charting-contrib/docs/changelogSplits/5.12","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.13","path":"/fluentui-charting-contrib/docs/changelogSplits/5.13","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.14","path":"/fluentui-charting-contrib/docs/changelogSplits/5.14","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.15","path":"/fluentui-charting-contrib/docs/changelogSplits/5.15","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.16","path":"/fluentui-charting-contrib/docs/changelogSplits/5.16","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.17","path":"/fluentui-charting-contrib/docs/changelogSplits/5.17","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.18","path":"/fluentui-charting-contrib/docs/changelogSplits/5.18","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.19","path":"/fluentui-charting-contrib/docs/changelogSplits/5.19","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.2","path":"/fluentui-charting-contrib/docs/changelogSplits/5.2","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.20","path":"/fluentui-charting-contrib/docs/changelogSplits/5.20","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.3","path":"/fluentui-charting-contrib/docs/changelogSplits/5.3","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.4","path":"/fluentui-charting-contrib/docs/changelogSplits/5.4","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.5","path":"/fluentui-charting-contrib/docs/changelogSplits/5.5","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.6","path":"/fluentui-charting-contrib/docs/changelogSplits/5.6","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.7","path":"/fluentui-charting-contrib/docs/changelogSplits/5.7","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.8","path":"/fluentui-charting-contrib/docs/changelogSplits/5.8","sidebar":"tutorialSidebar"},{"id":"changelogSplits/5.9","path":"/fluentui-charting-contrib/docs/changelogSplits/5.9","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/AreaChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/AreaChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/DonutChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/DonutChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/GaugeChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/GaugeChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/GroupedVerticalBarChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/GroupedVerticalBarChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/HeatMapChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/HeatMapChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/HorizontalBarChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/HorizontalBarChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/LineChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/LineChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/SankeyChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/SankeyChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/SparklineChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/SparklineChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/StackedBarChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/StackedBarChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/VerticalBarChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalBarChart","sidebar":"tutorialSidebar"},{"id":"Charting-Concepts/VerticalStackedBarChart","path":"/fluentui-charting-contrib/docs/Charting-Concepts/VerticalStackedBarChart","sidebar":"tutorialSidebar"},{"id":"ChartingExamples/VerticalBarChartExample","path":"/fluentui-charting-contrib/docs/ChartingExamples/VerticalBarChartExample","sidebar":"tutorialSidebar"},{"id":"colors","path":"/fluentui-charting-contrib/docs/colors","sidebar":"tutorialSidebar"},{"id":"Contributor Guide","path":"/fluentui-charting-contrib/docs/Contributor Guide","sidebar":"tutorialSidebar"},{"id":"creating-date-objects-for-chart-data","path":"/fluentui-charting-contrib/docs/creating-date-objects-for-chart-data","sidebar":"tutorialSidebar"},{"id":"Debugging","path":"/fluentui-charting-contrib/docs/Debugging","sidebar":"tutorialSidebar"},{"id":"Detailed Implementation Steps","path":"/fluentui-charting-contrib/docs/Detailed Implementation Steps","sidebar":"tutorialSidebar"},{"id":"Implementation Best Practices","path":"/fluentui-charting-contrib/docs/Implementation Best Practices","sidebar":"tutorialSidebar"},{"id":"implementing-2-to-1-spacing","path":"/fluentui-charting-contrib/docs/implementing-2-to-1-spacing","sidebar":"tutorialSidebar"},{"id":"Overview","path":"/fluentui-charting-contrib/docs/Overview","sidebar":"tutorialSidebar"},{"id":"rfcs/fix-2-to-1-spacing","path":"/fluentui-charting-contrib/docs/rfcs/fix-2-to-1-spacing","sidebar":"tutorialSidebar"},{"id":"Start Developing","path":"/fluentui-charting-contrib/docs/Start Developing","sidebar":"tutorialSidebar"},{"id":"Technical Details","path":"/fluentui-charting-contrib/docs/Technical Details","sidebar":"tutorialSidebar"},{"id":"Test Plans/AreaChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/AreaChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/DonutChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/DonutChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/GaugeChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/GaugeChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/GroupedVerticalBarChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/GroupedVerticalBarChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/HeatMapChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/HeatMapChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/HorizontalBarChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/HorizontalBarChart/UnitTests","path":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChart/UnitTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/HorizontalBarChartWithAxis/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/HorizontalBarChartWithAxis/UnitTests","path":"/fluentui-charting-contrib/docs/Test Plans/HorizontalBarChartWithAxis/UnitTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/LineChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/LineChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/MultiStackedBarChart/componentTests","path":"/fluentui-charting-contrib/docs/Test Plans/MultiStackedBarChart/componentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/SankeyChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/SankeyChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/StackedBarChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/StackedBarChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/TestingGuide","path":"/fluentui-charting-contrib/docs/Test Plans/TestingGuide","sidebar":"tutorialSidebar"},{"id":"Test Plans/Utilities/UnitTests","path":"/fluentui-charting-contrib/docs/Test Plans/Utilities/UnitTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/VerticalBarChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/VerticalBarChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"Test Plans/VerticalStackedBarChart/ComponentTests","path":"/fluentui-charting-contrib/docs/Test Plans/VerticalStackedBarChart/ComponentTests","sidebar":"tutorialSidebar"},{"id":"TestCoverage","path":"/fluentui-charting-contrib/docs/TestCoverage","sidebar":"tutorialSidebar"},{"id":"Testing Strategy","path":"/fluentui-charting-contrib/docs/Testing Strategy","sidebar":"tutorialSidebar"},{"id":"Testing Unpublished Library Version","path":"/fluentui-charting-contrib/docs/Testing Unpublished Library Version","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/fluentui-charting-contrib/docs/Overview","label":"Overview"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.1.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.1.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.1.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.1.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.1.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.1.0"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.1.0"}}}');var c=n(5893);const u={siteConfig:a.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),a=n(412),o=n(5742),i=n(8780),l=n(7372),s=n(5893);function c(e){let{error:t,tryAgain:n}=e;return(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,s.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,s.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,s.jsx)(u,{error:t})]})}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,s.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{error:t,tryAgain:n}=e;return(0,s.jsxs)(f,{fallback:()=>(0,s.jsx)(c,{error:t,tryAgain:n}),children:[(0,s.jsx)(o.Z,{children:(0,s.jsx)("title",{children:"Page Error"})}),(0,s.jsx)(l.Z,{children:(0,s.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,s.jsx)(d,{...e});class f extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){a.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,a={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);var r=n(405),a=n(5893);function o(e){return(0,a.jsx)(r.ql,{...e})}},3692:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),a=n(3727),o=n(8780),i=n(2263),l=n(3919),s=n(412),c=n(8138),u=n(4996),d=n(5893);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:h,isActive:g,"data-noBrokenLinkCheck":m,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:k}=(0,u.C)(),S=(0,c.Z)(),x=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>x.current));const C=p||f;const T=(0,l.Z)(C),E=C?.replace("pathname://","");let _=void 0!==E?(A=E,b&&(e=>e.startsWith("/"))(A)?k(A):A):void 0;var A;_&&T&&(_=(0,o.applyTrailingSlash)(_,{trailingSlash:v,baseUrl:w}));const P=(0,r.useRef)(!1),L=n?a.OL:a.rU,j=s.Z.canUseIntersectionObserver,R=(0,r.useRef)(),N=()=>{P.current||null==_||(window.docusaurus.preload(_),P.current=!0)};(0,r.useEffect)((()=>(!j&&T&&null!=_&&window.docusaurus.prefetch(_),()=>{j&&R.current&&R.current.disconnect()})),[R,_,j,T]);const O=_?.startsWith("#")??!1,D=!_||!T||O;return D||m||S.collectLink(_),D?(0,d.jsx)("a",{ref:x,href:_,...C&&!T&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,d.jsx)(L,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{x.current=e,j&&e&&T&&(R.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(R.current.unobserve(e),R.current.disconnect(),null!=_&&window.docusaurus.prefetch(_))}))})),R.current.observe(e))},to:_,...n&&{isActive:g,activeClassName:h}})}const f=r.forwardRef(p)},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c,I:()=>s});var r=n(7294),a=n(5893);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(7529);function l(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function s(e,t){let{message:n,id:r}=e;return o(l({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const i=l({message:t,id:n});return(0,a.jsx)(a.Fragment,{children:o(i,r)})}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},3919:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function a(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>a,b:()=>r})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var r=n(7294),a=n(2263),o=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,a.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:a=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(a)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},8138:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(7294);n(5893);const a=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),o=()=>(0,r.useContext)(a);function i(){return o()}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(7294),a=n(8940);function o(){return(0,r.useContext)(a._)}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(7294),a=n(8934);function o(){return(0,r.useContext)(a._)}},469:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294);const a=n(412).Z.canUseDOM?r.useLayoutEffect:r.useEffect},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function a(e){const t={};return function e(n,a){Object.entries(n).forEach((n=>{let[o,i]=n;const l=a?`${a}.${o}`:o;r(i)?e(i,l):t[l]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var r=n(7294),a=n(5893);const o=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(o),l=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,a.jsx)(o.Provider,{value:l,children:t})}},143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>b,gA:()=>f,WS:()=>h,_r:()=>d,Jo:()=>y,zh:()=>p,yW:()=>m,gB:()=>g});var r=n(6550),a=n(2263),o=n(9935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,a.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=s(e,t),a=n?.docs.find((e=>!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:a,alternateDocVersions:a?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(a.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const r=i(e),a=r?.[t];if(!a&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return a}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.TH)();return function(e,t,n){void 0===n&&(n={});const a=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),o=a?{pluginId:a[0],pluginData:a[1]}:void 0;if(!o&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return o}(t,n,e)}function h(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.TH)();if(!t)return;return{activePlugin:t,activeVersion:s(t.pluginData,n)}}function g(e){return p(e).versions}function m(e){const t=p(e);return l(t)}function b(e){const t=p(e),{pathname:n}=(0,r.TH)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var r=n(4865),a=n.n(r);a().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{a().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){a().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var r=n(2573),a=n(6809);!function(e){const{themeConfig:{prism:t}}=a.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(6854),n(6726)(`./prism-${e}`)})),delete globalThis.Prism}(r.p1)},2503:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(7294);var r=n(512),a=n(5999),o=n(6668),i=n(3692),l=n(8138);const s={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var c=n(5893);function u(e){let{as:t,id:n,...u}=e;const d=(0,l.Z)(),{navbar:{hideOnScroll:p}}=(0,o.L)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,a.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.Z)("anchor",p?s.anchorWithHideOnScrollNavbar:s.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);const r={iconExternalLink:"iconExternalLink_nPIU"};var a=n(5893);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,a.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,a.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},7372:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Rt});var r=n(7294),a=n(512),o=n(4763),i=n(833),l=n(6550),s=n(5999),c=n(5936),u=n(5893);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,l.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const h=(0,s.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??h,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":h,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var m=n(5281),b=n(9727);const y={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(g,{className:y.skipToContent})}var w=n(6668),k=n(9689);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:a=1.2,className:o,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:a,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_CVFx"};function C(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,s.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,a.Z)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const T={content:"content_knG7"};function E(e){const{announcementBar:t}=(0,w.L)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,a.Z)(T.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const _={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function A(){const{announcementBar:e}=(0,w.L)(),{isActive:t,close:n}=(0,k.nT)();if(!t)return null;const{backgroundColor:r,textColor:a,isCloseable:o}=e;return(0,u.jsxs)("div",{className:_.announcementBar,style:{backgroundColor:r,color:a},role:"banner",children:[o&&(0,u.jsx)("div",{className:_.announcementBarPlaceholder}),(0,u.jsx)(E,{className:_.announcementBarContent}),o&&(0,u.jsx)(C,{onClick:n,className:_.announcementBarClose})]})}var P=n(3163),L=n(2466);var j=n(902),R=n(3102);const N=r.createContext(null);function O(e){let{children:t}=e;const n=function(){const e=(0,P.e)(),t=(0,R.HY)(),[n,a]=(0,r.useState)(!1),o=null!==t.component,i=(0,j.D9)(o);return(0,r.useEffect)((()=>{o&&!i&&a(!0)}),[o,i]),(0,r.useEffect)((()=>{o?e.shown||a(!0):a(!1)}),[e.shown,o]),(0,r.useMemo)((()=>[n,a]),[n])}();return(0,u.jsx)(N.Provider,{value:n,children:t})}function D(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function I(){const e=(0,r.useContext)(N);if(!e)throw new j.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,a=(0,r.useCallback)((()=>n(!1)),[n]),o=(0,R.HY)();return(0,r.useMemo)((()=>({shown:t,hide:a,content:D(o)})),[a,o,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:o}=I();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,a.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":o}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(2949),B=n(2389);function z(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const $={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function H(e){let{className:t,buttonClassName:n,value:r,onChange:o}=e;const i=(0,B.Z)(),l=(0,s.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,s.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,s.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,a.Z)($.toggle,t),children:(0,u.jsxs)("button",{className:(0,a.Z)("clean-btn",$.toggleButton,!i&&$.toggleButtonDisabled,n),type:"button",onClick:()=>o("dark"===r?"light":"dark"),disabled:!i,title:l,"aria-label":l,"aria-live":"polite",children:[(0,u.jsx)(z,{className:(0,a.Z)($.toggleIcon,$.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,a.Z)($.toggleIcon,$.darkToggleIcon)})]})})}const q=r.memo(H),G={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function Z(e){let{className:t}=e;const n=(0,w.L)().navbar.style,r=(0,w.L)().colorMode.disableSwitch,{colorMode:a,setColorMode:o}=(0,F.I)();return r?null:(0,u.jsx)(q,{className:t,buttonClassName:"dark"===n?G.darkNavbarColorModeToggle:void 0,value:a,onChange:o})}var V=n(1327);function W(){return(0,u.jsx)(V.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,P.e)();return(0,u.jsx)("button",{type:"button","aria-label":(0,s.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function Q(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(W,{}),(0,u.jsx)(Z,{className:"margin-right--md"}),(0,u.jsx)(K,{})]})}var Y=n(3692),X=n(4996),J=n(3919),ee=n(8022),te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:a,label:o,html:i,isDropdownLink:l,prependBaseUrlToHref:s,...c}=e;const d=(0,X.Z)(r),p=(0,X.Z)(t),f=(0,X.Z)(a,{forcePrependBaseUrl:!0}),h=o&&a&&!(0,J.Z)(a),g=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[o,h&&(0,u.jsx)(te.Z,{...l&&{width:12,height:12}})]})};return a?(0,u.jsx)(Y.Z,{href:s?f:a,...c,...g}):(0,u.jsx)(Y.Z,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.F)(n,t.pathname):t.pathname.startsWith(p)},...c,...g})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const o=(0,u.jsx)(ne,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:o}):o}function ae(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,a.Z)("menu__link",t),...r})})}function oe(e){let{mobile:t=!1,position:n,...r}=e;const a=t?ae:re;return(0,u.jsx)(a,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(6043),le=n(8596),se=n(2263);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_S0Fm"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!(0,ee.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,u.jsxs)("div",{ref:s,className:(0,a.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:l.to?void 0:"#",className:(0,a.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:l.children??l.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(qe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:o,onClick:i,...s}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,l.TH)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:h}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&h(!d)}),[c,d,h]),(0,u.jsxs)("li",{className:(0,a.Z)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,a.Z)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...s,onClick:e=>{e.preventDefault(),f()},children:s.children??s.label}),(0,u.jsx)(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(qe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var he=n(4711);function ge(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const me="iconLanguage_nlXk";var be=n(3935);function ye(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var ve=n(830),we=["translations"];function ke(){return ke=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Te="Ctrl";var Ee=r.forwardRef((function(e,t){var n=e.translations,a=void 0===n?{}:n,o=Ce(e,we),i=a.buttonText,l=void 0===i?"Search":i,s=a.buttonAriaLabel,c=void 0===s?"Search":s,u=Se((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Te))}),[]),r.createElement("button",ke({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},o,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(ve.W,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},l)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Te?r.createElement(ye,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),_e=n(5742),Ae=n(6177),Pe=n(239),Le=n(3320);const je={button:{buttonText:(0,s.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,s.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,s.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,s.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,s.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,s.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,s.I)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,s.I)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,s.I)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,s.I)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,s.I)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,s.I)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,s.I)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,s.I)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,s.I)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,s.I)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,s.I)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,s.I)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,s.I)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,s.I)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,s.I)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,s.I)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,s.I)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,s.I)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,s.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,s.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,s.I)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Re=null;function Ne(e){let{hit:t,children:n}=e;return(0,u.jsx)(Y.Z,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,Ae.M)();return(0,u.jsx)(Y.Z,{to:r(t.query),onClick:n,children:(0,u.jsx)(s.Z,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function De(e){let{contextualSearch:t,externalUrlRegex:a,...o}=e;const{siteMetadata:i}=(0,se.Z)(),s=(0,Pe.l)(),c=function(){const{locale:e,tags:t}=(0,Le._q)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=o.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...o.searchParameters,facetFilters:p},h=(0,l.k6)(),g=(0,r.useRef)(null),m=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>Re?Promise.resolve():Promise.all([n.e(1426).then(n.bind(n,1426)),Promise.all([n.e(532),n.e(6945)]).then(n.bind(n,6945)),Promise.all([n.e(532),n.e(8894)]).then(n.bind(n,8894))]).then((e=>{let[{DocSearchModal:t}]=e;Re=t}))),[]),S=(0,r.useCallback)((()=>{k().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),y(!0)}))}),[k,y]),x=(0,r.useCallback)((()=>{y(!1),g.current?.remove()}),[y]),C=(0,r.useCallback)((e=>{k().then((()=>{y(!0),w(e.key)}))}),[k,y,w]),T=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.F)(a,t)?window.location.href=t:h.push(t)}}).current,E=(0,r.useRef)((e=>o.transformItems?o.transformItems(e):e.map((e=>({...e,url:s(e.url)}))))).current,_=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:x})),[x]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,a=e.onClose,o=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?a():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&o&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&o(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,a,o,i])}({isOpen:b,onOpen:S,onClose:x,onInput:C,searchButtonRef:m}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(_e.Z,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${o.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(Ee,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:S,ref:m,translations:je.button}),b&&Re&&g.current&&(0,be.createPortal)((0,u.jsx)(Re,{onClose:x,initialScrollY:window.scrollY,initialQuery:v,navigator:T,transformItems:E,hitComponent:Ne,transformSearchClient:A,...o.searchPagePath&&{resultsFooterComponent:_},...o,searchParameters:f,placeholder:je.placeholder,translations:je.modal}),g.current)]})}function Ie(){const{siteConfig:e}=(0,se.Z)();return(0,u.jsx)(De,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function Fe(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,a.Z)(n,Me.navbarSearchContainer),children:t})}var Be=n(143),ze=n(2802);var Ue=n(373);const $e=e=>e.docs.find((t=>t.id===e.mainDocId));const He={default:oe,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:a="",...o}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,se.Z)(),p=(0,he.l)(),{search:f,hash:h}=(0,l.TH)(),g=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${h}${a}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],m=t?(0,s.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...o,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ge,{className:me}),m]}),items:g})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Fe,{className:n,children:(0,u.jsx)(Ie,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:o=!1}=e;const i=o?"li":"div";return(0,u.jsx)(i,{className:(0,a.Z)({navbar__item:!r&&!o,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...a}=e;const{activeDoc:o}=(0,Be.Iw)(r),i=(0,ze.vY)(t,r),l=o?.path===i?.path;return null===i||i.unlisted&&!l?null:(0,u.jsx)(oe,{exact:!0,...a,isActive:()=>l||!!o?.sidebar&&o.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...a}=e;const{activeDoc:o}=(0,Be.Iw)(r),i=(0,ze.oz)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(oe,{exact:!0,...a,isActive:()=>o?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...a}=e;const o=(0,ze.lO)(r)[0],i=t??o.label,l=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(o).path;return(0,u.jsx)(oe,{...a,label:i,to:l})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:a,dropdownItemsAfter:o,...i}=e;const{search:c,hash:d}=(0,l.TH)(),p=(0,Be.Iw)(n),f=(0,Be.gB)(n),{savePreferredVersionName:h}=(0,Ue.J)(n),g=[...a,...f.map((e=>{const t=p.alternateDocVersions[e.name]??$e(e);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>h(e.name)}})),...o],m=(0,ze.lO)(n)[0],b=t&&g.length>1?(0,s.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):m.label,y=t&&g.length>1?void 0:$e(m).path;return g.length<=1?(0,u.jsx)(oe,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:g,isActive:r?()=>!1:void 0})}};function qe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),a=He[r];if(!a)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(a,{...n})}function Ge(){const e=(0,P.e)(),t=(0,w.L)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(qe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Ze(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(s.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ve(){const e=0===(0,w.L)().navbar.items.length,t=I();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Ze,{onClick:()=>t.hide()}),t.content]})}function We(){const e=(0,P.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Q,{}),primaryMenu:(0,u.jsx)(Ge,{}),secondaryMenu:(0,u.jsx)(Ve,{})}):null}const Ke={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Qe(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,a.Z)("navbar-sidebar__backdrop",e.className)})}function Ye(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,w.L)(),i=(0,P.e)(),{navbarRef:l,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),a=(0,r.useRef)(!1),o=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i=l?n(!1):i+c{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return a.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:l,"aria-label":(0,s.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,a.Z)("navbar","navbar--fixed-top",n&&[Ke.navbarHideable,!d&&Ke.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(Qe,{onClick:i.toggle}),(0,u.jsx)(We,{})]})}var Xe=n(8780);const Je={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function et(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(s.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function tt(e){let{error:t}=e;const n=(0,Xe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Je.errorBoundaryError,children:n})}class nt extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const rt="right";function at(e){let{width:t=30,height:n=30,className:r,...a}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...a,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function ot(){const{toggle:e,shown:t}=(0,P.e)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,s.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(at,{})})}const it={colorModeToggle:"colorModeToggle_DEke"};function lt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(nt,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(qe,{...e})},t)))})}function st(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function ct(){const e=(0,P.e)(),t=(0,w.L)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??rt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),a=t.find((e=>"search"===e.type));return(0,u.jsx)(st,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(ot,{}),(0,u.jsx)(W,{}),(0,u.jsx)(lt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(lt,{items:r}),(0,u.jsx)(Z,{className:it.colorModeToggle}),!a&&(0,u.jsx)(Fe,{children:(0,u.jsx)(Ie,{})})]})})}function ut(){return(0,u.jsx)(Ye,{children:(0,u.jsx)(ct,{})})}function dt(e){let{item:t}=e;const{to:n,href:r,label:a,prependBaseUrlToHref:o,...i}=t,l=(0,X.Z)(n),s=(0,X.Z)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Y.Z,{className:"footer__link-item",...r?{href:o?s:r}:{to:l},...i,children:[a,r&&!(0,J.Z)(r)&&(0,u.jsx)(te.Z,{})]})}function pt(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(dt,{item:t})},t.href??t.to)}function ft(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(pt,{item:e},t)))})]})}function ht(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(ft,{column:e},t)))})}function gt(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function mt(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(dt,{item:t})}function bt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(mt,{item:e}),t.length!==n+1&&(0,u.jsx)(gt,{})]},n)))})})}function yt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(ht,{columns:t}):(0,u.jsx)(bt,{links:t})}var vt=n(9965);const wt={footerLogoLink:"footerLogoLink_BH7S"};function kt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(vt.Z,{className:(0,a.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function St(e){let{logo:t}=e;return t.href?(0,u.jsx)(Y.Z,{href:t.href,className:wt.footerLogoLink,target:t.target,children:(0,u.jsx)(kt,{logo:t})}):(0,u.jsx)(kt,{logo:t})}function xt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ct(e){let{style:t,links:n,logo:r,copyright:o}=e;return(0,u.jsx)("footer",{className:(0,a.Z)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||o)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),o]})]})})}function Tt(){const{footer:e}=(0,w.L)();if(!e)return null;const{copyright:t,links:n,logo:r,style:a}=e;return(0,u.jsx)(Ct,{style:a,links:n&&n.length>0&&(0,u.jsx)(yt,{links:n}),logo:r&&(0,u.jsx)(St,{logo:r}),copyright:t&&(0,u.jsx)(xt,{copyright:t})})}const Et=r.memo(Tt),_t=(0,j.Qc)([F.S,k.pl,L.OC,Ue.L5,i.VC,function(e){let{children:t}=e;return(0,u.jsx)(R.n2,{children:(0,u.jsx)(P.M,{children:(0,u.jsx)(O,{children:t})})})}]);function At(e){let{children:t}=e;return(0,u.jsx)(_t,{children:t})}var Pt=n(2503);function Lt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(Pt.Z,{as:"h1",className:"hero__title",children:(0,u.jsx)(s.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(et,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(tt,{error:t})})]})})})}const jt={mainWrapper:"mainWrapper_z2l0"};function Rt(e){const{children:t,noFooter:n,wrapperClassName:r,title:l,description:s}=e;return(0,b.t)(),(0,u.jsxs)(At,{children:[(0,u.jsx)(i.d,{title:l,description:s}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ut,{}),(0,u.jsx)("div",{id:d,className:(0,a.Z)(m.k.wrapper.main,jt.mainWrapper,r),children:(0,u.jsx)(o.Z,{fallback:e=>(0,u.jsx)(Lt,{...e}),children:t})}),!n&&(0,u.jsx)(Et,{})]})}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(7294);var r=n(3692),a=n(4996),o=n(2263),i=n(6668),l=n(9965),s=n(5893);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const o={light:(0,a.Z)(t.src),dark:(0,a.Z)(t.srcDark||t.src)},i=(0,s.jsx)(l.Z,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,s.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,o.Z)(),{navbar:{title:n,logo:l}}=(0,i.L)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,a.Z)(l?.href||"/"),h=n?"":t,g=l?.alt??h;return(0,s.jsxs)(r.Z,{to:f,...p,...l?.target&&{target:l.target},children:[l&&(0,s.jsx)(c,{logo:l,alt:g,imageClassName:u}),null!=n&&(0,s.jsx)("b",{className:d,children:n})]})}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(7294);var r=n(5742),a=n(5893);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,a.jsxs)(r.Z,{children:[t&&(0,a.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,a.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,a.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,a.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,a.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,a.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},9965:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var r=n(7294),a=n(512),o=n(2389),i=n(2949);const l={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var s=n(5893);function c(e){let{className:t,children:n}=e;const c=(0,o.Z)(),{colorMode:u}=(0,i.I)();return(0,s.jsx)(s.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const o=n({theme:e,className:(0,a.Z)(t,l.themedComponent,l[`themedComponent--${e}`])});return(0,s.jsx)(r.Fragment,{children:o},e)}))})}function u(e){const{sources:t,className:n,alt:r,...a}=e;return(0,s.jsx)(c,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,s.jsx)("img",{src:t[n],alt:r,className:o,...a})}})}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>c,z:()=>b});var r=n(7294),a=n(412),o=n(469),i=n(1442),l=n(5893);const s="ease-in-out";function c(e){let{initialState:t}=e;const[n,a]=(0,r.useState)(t??!1),o=(0,r.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:o}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const o=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=a?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${a?.easing??s}`,height:`${t}px`}}function l(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return p(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(l(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{l()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function h(e){if(!a.Z.canUseDOM)return e?u:d}function g(e){let{as:t="div",collapsed:n,children:a,animation:o,onCollapseTransitionEnd:i,className:s,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,l.jsx)(t,{ref:u,style:c?void 0:h(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:s,children:a})}function m(e){let{collapsed:t,...n}=e;const[a,i]=(0,r.useState)(!t),[s,c]=(0,r.useState)(t);return(0,o.Z)((()=>{t||i(!0)}),[t]),(0,o.Z)((()=>{a&&c(t)}),[a,t]),a?(0,l.jsx)(g,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const r=t?m:g;return(0,l.jsx)(r,{...n})}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>g,pl:()=>h});var r=n(7294),a=n(2389),o=n(12),i=n(902),l=n(6668),s=n(5893);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function h(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,a.Z)(),[n,o]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{o(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||o(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function g(){const e=(0,r.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>m});var r=n(7294),a=n(412),o=n(902),i=n(12),l=n(6668),s=n(5893);const c=r.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,h=e=>a.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),g=e=>{d.set(f(e))};function m(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[a,o]=(0,r.useState)(h(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:a=!0}=r;t?(o(t),a&&g(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(a))}),[a]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:a,setColorMode:i,get isDarkTheme(){return a===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[a,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b,Oh:()=>w});var r=n(7294),a=n(143),o=n(9935),i=n(6668),l=n(2802),s=n(902),c=n(12),u=n(5893);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const h=r.createContext(null);function g(){const e=(0,a._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,r.useState)((()=>f(n)));(0,r.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function a(e){const t=p.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,a(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function m(e){let{children:t}=e;const n=g();return(0,u.jsx)(h.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(m,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,r.useContext)(h);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,a.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function w(){const e=(0,a._r)(),[t]=y();function n(n){const r=e[n],{preferredVersionName:a}=t[n];return r.versions.find((e=>e.name===a))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>c,b:()=>s});var r=n(7294),a=n(902),o=n(5893);const i=Symbol("EmptyContext"),l=r.createContext(i);function s(e){let{children:t,name:n,items:a}=e;const i=(0,r.useMemo)((()=>n&&a?{name:n,items:a}:null),[n,a]);return(0,o.jsx)(l.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(l);if(e===i)throw new a.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>s,q:()=>l});var r=n(7294),a=n(902),o=n(5893);const i=r.createContext(null);function l(e){let{children:t,version:n}=e;return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,r.useContext)(i);if(null===e)throw new a.i6("DocsVersionProvider");return e}},3163:(e,t,n)=>{"use strict";n.d(t,{M:()=>p,e:()=>f});var r=n(7294),a=n(3102),o=n(7524),i=n(1980),l=n(6668),s=n(902),c=n(5893);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,a.HY)(),{items:t}=(0,l.L)().navbar;return 0===t.length&&!e.component}(),t=(0,o.i)(),n=!e&&"mobile"===t,[s,c]=(0,r.useState)(!1);(0,i.Rb)((()=>{if(s)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:s})),[e,n,u,s])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new s.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,Zo:()=>c,n2:()=>l});var r=n(7294),a=n(902),o=n(5893);const i=r.createContext(null);function l(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,r.useContext)(i);if(!e)throw new a.i6("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const o=(0,r.useContext)(i);if(!o)throw new a.i6("NavbarSecondaryMenuContentProvider");const[,l]=o,s=(0,a.Ql)(n);return(0,r.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,r.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>a,t:()=>o});var r=n(7294);const a="navigation-with-keyboard";function o(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(a),"mousedown"===e.type&&document.body.classList.remove(a)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(a),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},6177:(e,t,n)=>{"use strict";n.d(t,{K:()=>l,M:()=>s});var r=n(7294),a=n(2263),o=n(1980);const i="q";function l(){return(0,o.Nc)(i)}function s(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,a.Z)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>l});var r=n(7294),a=n(412);const o={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,l]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){l(function(e){if(!a.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?o.desktop:o.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},1442:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>r})},2802:(e,t,n)=>{"use strict";n.d(t,{LM:()=>f,_F:()=>m,cE:()=>p,SN:()=>C,lO:()=>k,vY:()=>x,oz:()=>S,s1:()=>w,f:()=>y});var r=n(7294),a=n(6550),o=n(8790),i=n(143),l=n(373),s=n(4477),c=n(1116);function u(e){return Array.from(new Set(e))}var d=n(8596);const p=!!i._r;function f(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=f(t);if(e)return e}}(e):void 0:e.href}const h=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),g=(e,t)=>e.some((e=>m(e,t)));function m(e,t){return"link"===e.type?h(e.href,t):"category"===e.type&&(h(e.href,t)||g(e.items,t))}function b(e,t){switch(e.type){case"category":return m(e,t)||e.items.some((e=>b(e,t)));case"link":return!e.unlisted||m(e,t);default:return!0}}function y(e,t){return(0,r.useMemo)((()=>e.filter((e=>b(e,t)))),[e,t])}function v(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const a=[];return function e(t){for(const o of t)if("category"===o.type&&((0,d.Mg)(o.href,n)||e(o.items))||"link"===o.type&&(0,d.Mg)(o.href,n)){return r&&"category"!==o.type||a.unshift(o),!0}return!1}(t),a}function w(){const e=(0,c.V)(),{pathname:t}=(0,a.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?v({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),a=(0,i.yW)(e);return(0,r.useMemo)((()=>u([t,n,a].filter(Boolean))),[t,n,a])}function S(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function x(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${u(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function C(e){let{route:t}=e;const n=(0,a.TH)(),r=(0,s.E)(),i=t.routes,l=i.find((e=>(0,a.LX)(n.pathname,e)));if(!l)return null;const c=l.sidebar,u=c?r.docsSidebars[c]:void 0;return{docElement:(0,o.H)(i),sidebarName:c,sidebarItems:u}}},2128:(e,t,n)=>{"use strict";n.d(t,{p:()=>a});var r=n(2263);function a(e){const{siteConfig:t}=(0,r.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}},1980:(e,t,n)=>{"use strict";n.d(t,{Nc:()=>s,Rb:()=>i});var r=n(7294),a=n(6550),o=n(902);function i(e){!function(e){const t=(0,a.k6)(),n=(0,o.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function l(e){return function(e){const t=(0,a.k6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function s(e){const t=l(e)??"",n=function(){const e=(0,a.k6)();return(0,r.useCallback)(((t,n,r)=>{const a=new URLSearchParams(e.location.search);n?a.set(t,n):a.delete(t),(r?.push?e.push:e.replace)({search:a.toString()})}),[e])}();return[t,(0,r.useCallback)(((t,r)=>{n(e,t,r)}),[n,e])]}},833:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>h});var r=n(7294),a=n(512),o=n(5742),i=n(226);function l(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(4996),c=n(2128),u=n(5893);function d(e){let{title:t,description:n,keywords:r,image:a,children:i}=e;const l=(0,c.p)(t),{withBaseUrl:d}=(0,s.C)(),p=a?d(a,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),r&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=r.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=r.useContext(p),l=(0,a.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function h(e){let{children:t}=e;const n=l(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,a.Z)(r,o),children:t})}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var r=n(7294),a=n(469),o=n(5893);function i(e){const t=(0,r.useRef)(e);return(0,a.Z)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,r.useRef)();return(0,a.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},8022:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>r})},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var r=n(7294),a=n(723),o=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,o.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function a(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(a).flatMap((e=>e.routes??[])))}(n)}({routes:a.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>c,RF:()=>p});var r=n(7294),a=n(412),o=n(2389),i=(n(469),n(902)),l=n(5893);const s=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(s);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const d=()=>a.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),a=(0,r.useRef)(d()),o=(0,i.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();o(e,a.current),a.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[o,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,o.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const a=document.documentElement.scrollTop;(n&&a>e||!n&&at&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>i,_q:()=>s,os:()=>l});var r=n(143),a=n(2263),o=n(373);const i="default";function l(e,t){return`docs-${e}-${t}`}function s(){const{i18n:e}=(0,a.Z)(),t=(0,r._r)(),n=(0,r.WS)(),s=(0,o.Oh)();const c=[i,...Object.keys(t).map((function(e){const r=n?.activePlugin.pluginId===e?n.activeVersion:void 0,a=s[e],o=t[e].versions.find((e=>e.isLast));return l(e,(r??a??o).name)}))];return{locale:e.currentLocale,tags:c}}},12:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(7294);const r="localStorage";function a(e){let{key:t,oldValue:n,newValue:r,storage:a}=e;if(n===r)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,a),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),a({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),a({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var r=n(2263),a=n(6550),o=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,r.Z)(),{pathname:s}=(0,a.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(7294),a=n(6550),o=n(902);function i(e){const t=(0,a.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(2263);function a(){return(0,r.Z)().siteConfig.themeConfig}},6278:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(2263);function a(){const{siteConfig:{themeConfig:e}}=(0,r.Z)();return e}},239:(e,t,n)=>{"use strict";n.d(t,{l:()=>l});var r=n(7294),a=n(8022),o=n(4996),i=n(6278);function l(){const{withBaseUrl:e}=(0,o.C)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.L)();return(0,r.useCallback)((r=>{const o=new URL(r);if((0,a.F)(t,o.href))return r;const i=`${o.pathname+o.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[a]=e.split(/[#?]/),o="/"===a||a===r?a:(i=a,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(a,o)}},4143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var a=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(a).default}});var o=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},9318:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>E,ob:()=>f,PP:()=>A,Ep:()=>p});var r=n(7462);function a(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,r=n+1,a=e.length;r=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&a(i[0])||i.unshift("");var h=i.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};var l=n(8776);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,a=t||"/";return n&&"?"!==n&&(a+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(a+="#"===r.charAt(0)?r:"#"+r),a}function f(e,t,n,a){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",a=t.indexOf("#");-1!==a&&(r=t.substr(a),t=t.substr(0,a));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=(0,r.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),a?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,a.pathname)):o.pathname=a.pathname:o.pathname||(o.pathname="/"),o}function h(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,a){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof r?r(o,a):a(!0):a(!1!==o)}else a(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,a):n.push(a),d({action:r,location:a,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,g(),w.location);u.confirmTransitionTo(a,r,n,(function(e){e&&(w.entries[w.index]=a,d({action:r,location:a}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var r=n(9864),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||a}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var a=f(n);a&&a!==h&&e(t,a,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),m=0;m{"use strict";e.exports=function(e,t,n,r,a,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,a,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var r,a;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function a(e,t,n){return en?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var a;return(a="translate3d"===r.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,a}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=a(e,r.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(r.barSelector),u=r.speed,d=r.easing;return o.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*a(Math.random()*t,.1,.95)),t=a(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var a,i=t.querySelector(r.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(a=t.querySelector(r.spinnerSelector))&&f(a),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,a=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);a--;)if((r=e[a]+o)in n)return r;return t}function a(e){return e=n(e),t[e]||(t[e]=r(e))}function o(e,t,n){t=a(t),e.style[t]=n}return function(e,t){var n,r,a=arguments;if(2==a.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&o(e,n,r);else o(e,a[1],a[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(a="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=a)},9901:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:(e,t,n)=>{const r=n(9901),a=n(9642),o=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];a(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),o.add(e)}))}i.silent=!1,e.exports=i},6854:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,a,o){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(a,(function(e){if("function"==typeof o&&!o(e))return e;for(var a,l=i.length;-1!==n.code.indexOf(a=t(r,l));)++l;return i[l]=e,a})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var a=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[a],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),h=p.indexOf(f);if(h>-1){++a;var g=p.substring(0,h),m=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(h+f.length),y=[];g&&y.push.apply(y,i([g])),y.push(m),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},6726:(e,t,n)=>{var r={"./":2885};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=6726},6500:(e,t,n)=>{var r={"./":2885};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=6500},9642:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var l={},s=e[r];if(s){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in l))for(var i in a(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[r]=l,o.pop()}}return function(e){var t=n[e];return t||(a(e,r),t=n[e]),t}}function a(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var r=e[n];for(var a in r)if("meta"!=a){var o=r[a];t[a]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var a in n={},e){var o=e[a];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+a+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+a+" because it is a component.");n[t]=a}))}return n[r]||r}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var r=s[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(s),h=u;a(h);){for(var g in p={},h){var m=s[g];t(m&&m.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in h=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,a){var o=a?a.series:void 0,i=a?a.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var a,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)a=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?a=o(p,(function(){return r(e)})):r(e)}return l[e]=a}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},2703:(e,t,n)=>{"use strict";var r=n(414);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),a=n(3840);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n