@fluentui/react-charts 9.2.4 → 9.3.1

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChartTableStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const chartTableClassNames = {\n    root: 'fui-ChartTable__root',\n    table: 'fui-ChartTable__table',\n    headerCell: 'fui-ChartTable__headerCell',\n    bodyCell: 'fui-ChartTable__bodyCell',\n    chart: 'fui-ChartTable__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        overflowX: 'auto'\n    },\n    table: {\n        borderCollapse: 'collapse'\n    },\n    headerCell: {\n        ...typographyStyles.caption1,\n        fontWeight: tokens.fontWeightSemibold,\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground1,\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textAlign: 'left',\n        ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        }\n    },\n    bodyCell: {\n        ...typographyStyles.caption1,\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n        color: tokens.colorNeutralForeground1,\n        textAlign: 'left',\n        '@media (forced-colors: active)': {\n            color: 'WindowText'\n        }\n    }\n});\n/**\n * Apply styling to the ChartTable slots based on the state\n */ export const useChartTableStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/ ),\n        table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/ ),\n        headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/ ),\n        bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/ ),\n        chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/ )\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","a9b677","B68tc82","po53p8","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","De3pzq","sj55zd","z8tnut","z189sj","Byoj8tv","uwmqm3","fsow6f","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bsw6fvg","Bbusuzp","d","m","useChartTableStyles","props","baseStyles"],"mappings":"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"}
+{"version":3,"sources":["useChartTableStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const chartTableClassNames = {\n    root: 'fui-ChartTable__root',\n    table: 'fui-ChartTable__table',\n    headerCell: 'fui-ChartTable__headerCell',\n    bodyCell: 'fui-ChartTable__bodyCell',\n    chart: 'fui-ChartTable__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        overflowX: 'auto'\n    },\n    table: {\n        borderCollapse: 'collapse'\n    },\n    headerCell: {\n        ...typographyStyles.caption1,\n        fontWeight: tokens.fontWeightSemibold,\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: 'black',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textAlign: 'left',\n        ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        }\n    },\n    bodyCell: {\n        ...typographyStyles.caption1,\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n        color: 'black',\n        textAlign: 'left',\n        '@media (forced-colors: active)': {\n            color: 'WindowText'\n        }\n    }\n});\n/**\n * Apply styling to the ChartTable slots based on the state\n */ export const useChartTableStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/ ),\n        table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/ ),\n        headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/ ),\n        bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/ ),\n        chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/ )\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","a9b677","B68tc82","po53p8","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","De3pzq","sj55zd","z8tnut","z189sj","Byoj8tv","uwmqm3","fsow6f","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bsw6fvg","Bbusuzp","d","m","useChartTableStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKK,oBAAoB;;;uBAyCD;eAAnBqC;;;uBA7CoC,gBAAgB;AAI1D,6BAA6B;IACpCpC,IAAI,EAAE,sBAAsB;IAC5BC,KAAK,EAAE,uBAAuB;IAC9BC,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,0BAA0B;IACpCC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGX,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAM,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAN,KAAA,EAAA;QAAAO,MAAA,EAAA;IAAA;IAAAN,UAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA9B,QAAA,EAAA;QAAAM,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAG,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAjB,MAAA,EAAA;QAAAK,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAc,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA+BjB,CAAC;AAGS,6BAA6BE,KAAK,IAAG;IAC5C,MAAMC,UAAU,GAAGjC,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHL,IAAI,MAAEL,mBAAY,EAACI,oBAAoB,CAACC,IAAI,EAAEsC,UAAU,CAACtC,IAAI,CAAC,oBAAA,EAAuB,CAAC;QACtFC,KAAK,MAAEN,mBAAY,EAACI,oBAAoB,CAACE,KAAK,EAAEqC,UAAU,CAACrC,KAAK,CAAC,qBAAA,EAAwB,CAAC;QAC1FC,UAAU,EAAEP,uBAAY,EAACI,oBAAoB,CAACG,UAAU,EAAEoC,UAAU,CAACpC,UAAU,CAAC,0BAAA,EAA6B,CAAC;QAC9GC,QAAQ,MAAER,mBAAY,EAACI,oBAAoB,CAACI,QAAQ,EAAEmC,UAAU,CAACnC,QAAQ,CAAC,wBAAA,EAA2B,CAAC;QACtGC,KAAK,MAAET,mBAAY,EAACI,oBAAoB,CAACK,KAAK,CAAC,qBAAA,EAAwB;IAC3E,CAAC;AACL,CAAC"}

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -37,7 +38,7 @@ const useStyles = (0, _react.makeStyles)({
         ..._reacttheme.typographyStyles.caption1,
         fontWeight: _reacttheme.tokens.fontWeightSemibold,
         backgroundColor: _reacttheme.tokens.colorNeutralBackground3,
-        color: _reacttheme.tokens.colorNeutralForeground1,
+        color: 'black',
         ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
         textAlign: 'left',
         ..._react.shorthands.border(_reacttheme.tokens.strokeWidthThick, 'solid', _reacttheme.tokens.colorNeutralStroke2),
@@ -50,7 +51,7 @@ const useStyles = (0, _react.makeStyles)({
         ..._reacttheme.typographyStyles.caption1,
         ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
         ..._react.shorthands.border(_reacttheme.tokens.strokeWidthThick, 'solid', _reacttheme.tokens.colorNeutralStroke2),
-        color: _reacttheme.tokens.colorNeutralForeground1,
+        color: 'black',
         textAlign: 'left',
         '@media (forced-colors: active)': {
             color: 'WindowText'

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n  root: 'fui-ChartTable__root',\n  table: 'fui-ChartTable__table',\n  headerCell: 'fui-ChartTable__headerCell',\n  bodyCell: 'fui-ChartTable__bodyCell',\n  chart: 'fui-ChartTable__chart',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n  table: {\n    borderCollapse: 'collapse',\n  },\n  headerCell: {\n    ...typographyStyles.caption1,\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.colorNeutralBackground3,\n    color: tokens.colorNeutralForeground1,\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    textAlign: 'left',\n    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n  },\n  bodyCell: {\n    ...typographyStyles.caption1,\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'left',\n    '@media (forced-colors: active)': {\n      color: 'WindowText',\n    },\n  },\n});\n\n/**\n * Apply styling to the ChartTable slots based on the state\n */\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/),\n    table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/),\n    headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/),\n    bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/),\n    chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","colorNeutralForeground1","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","useChartTableStyles","props","baseStyles"],"mappings":";;;;;;;;;;;IAQaK,oBAAAA;;;IA4CAuB,mBAAAA;;;;uBApDwC,iBAAiB;4BAG7B,wBAAwB;AAK1D,6BAA+D;IACpEtB,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;AACT,EAAE;AAEF,MAAMC,gBAAYX,iBAAAA,EAAW;IAC3BM,MAAM;QACJM,OAAO;QACPC,WAAW;IACb;IACAN,OAAO;QACLO,gBAAgB;IAClB;IACAN,YAAY;QACV,GAAGJ,4BAAAA,CAAiBW,QAAQ;QAC5BC,YAAYb,kBAAAA,CAAOc,kBAAkB;QACrCC,iBAAiBf,kBAAAA,CAAOgB,uBAAuB;QAC/CC,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrC,GAAGnB,iBAAAA,CAAWoB,OAAO,CAACnB,kBAAAA,CAAOoB,kBAAkB,CAAC;QAChDC,WAAW;QACX,GAAGtB,iBAAAA,CAAWuB,MAAM,CAACtB,kBAAAA,CAAOuB,gBAAgB,EAAE,SAASvB,kBAAAA,CAAOwB,mBAAmB,CAAC;QAClF,kCAAkC;YAChCT,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAX,UAAU;QACR,GAAGL,4BAAAA,CAAiBW,QAAQ;QAC5B,GAAGb,iBAAAA,CAAWoB,OAAO,CAACnB,kBAAAA,CAAOoB,kBAAkB,CAAC;QAChD,GAAGrB,iBAAAA,CAAWuB,MAAM,CAACtB,kBAAAA,CAAOuB,gBAAgB,EAAE,SAASvB,kBAAAA,CAAOwB,mBAAmB,CAAC;QAClFP,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrCG,WAAW;QACX,kCAAkC;YAChCJ,OAAO;QACT;IACF;AACF;AAKO,4BAA4B,CAACS;IAClC,MAAMC,aAAanB;IAEnB,OAAO;QACLL,UAAML,mBAAAA,EAAaI,qBAAqBC,IAAI,EAAEwB,WAAWxB,IAAI,CAAC,oBAAoB;QAClFC,OAAON,uBAAAA,EAAaI,qBAAqBE,KAAK,EAAEuB,WAAWvB,KAAK,CAAC,qBAAqB;QACtFC,gBAAYP,mBAAAA,EAAaI,qBAAqBG,UAAU,EAAEsB,WAAWtB,UAAU,CAAC,0BAA0B;QAC1GC,cAAUR,mBAAAA,EAAaI,qBAAqBI,QAAQ,EAAEqB,WAAWrB,QAAQ,CAAC,wBAAwB;QAClGC,WAAOT,mBAAAA,EAAaI,qBAAqBK,KAAK,CAAC,qBAAqB;IACtE;AACF,EAAE"}
+{"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n  root: 'fui-ChartTable__root',\n  table: 'fui-ChartTable__table',\n  headerCell: 'fui-ChartTable__headerCell',\n  bodyCell: 'fui-ChartTable__bodyCell',\n  chart: 'fui-ChartTable__chart',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n  table: {\n    borderCollapse: 'collapse',\n  },\n  headerCell: {\n    ...typographyStyles.caption1,\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.colorNeutralBackground3,\n    color: 'black',\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    textAlign: 'left',\n    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n  },\n  bodyCell: {\n    ...typographyStyles.caption1,\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    ...shorthands.border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2),\n    color: 'black',\n    textAlign: 'left',\n    '@media (forced-colors: active)': {\n      color: 'WindowText',\n    },\n  },\n});\n\n/**\n * Apply styling to the ChartTable slots based on the state\n */\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/),\n    table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/),\n    headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/),\n    bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/),\n    chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","useChartTableStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAUaK,oBAAAA;;;uBA4CAsB;;;;uBApDwC,iBAAiB;4BAG7B,wBAAwB;AAK1D,6BAA+D;IACpErB,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;AACT,EAAE;AAEF,MAAMC,gBAAYX,iBAAAA,EAAW;IAC3BM,MAAM;QACJM,OAAO;QACPC,WAAW;IACb;IACAN,OAAO;QACLO,gBAAgB;IAClB;IACAN,YAAY;QACV,GAAGJ,4BAAAA,CAAiBW,QAAQ;QAC5BC,YAAYb,kBAAAA,CAAOc,kBAAkB;QACrCC,iBAAiBf,kBAAAA,CAAOgB,uBAAuB;QAC/CC,OAAO;QACP,GAAGlB,iBAAAA,CAAWmB,OAAO,CAAClB,kBAAAA,CAAOmB,kBAAkB,CAAC;QAChDC,WAAW;QACX,GAAGrB,iBAAAA,CAAWsB,MAAM,CAACrB,kBAAAA,CAAOsB,gBAAgB,EAAE,SAAStB,kBAAAA,CAAOuB,mBAAmB,CAAC;QAClF,kCAAkC;YAChCR,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAX,UAAU;QACR,GAAGL,4BAAAA,CAAiBW,QAAQ;QAC5B,GAAGb,iBAAAA,CAAWmB,OAAO,CAAClB,kBAAAA,CAAOmB,kBAAkB,CAAC;QAChD,GAAGpB,iBAAAA,CAAWsB,MAAM,CAACrB,kBAAAA,CAAOsB,gBAAgB,EAAE,SAAStB,kBAAAA,CAAOuB,mBAAmB,CAAC;QAClFN,OAAO;QACPG,WAAW;QACX,kCAAkC;YAChCH,OAAO;QACT;IACF;AACF;AAKO,MAAMO,sBAAsB,CAACC;IAClC,MAAMC,aAAalB;IAEnB,OAAO;QACLL,UAAML,mBAAAA,EAAaI,qBAAqBC,IAAI,EAAEuB,WAAWvB,IAAI,CAAC,oBAAoB;QAClFC,WAAON,mBAAAA,EAAaI,qBAAqBE,KAAK,EAAEsB,WAAWtB,KAAK,CAAC,qBAAqB;QACtFC,gBAAYP,mBAAAA,EAAaI,qBAAqBG,UAAU,EAAEqB,WAAWrB,UAAU,CAAC,0BAA0B;QAC1GC,cAAUR,mBAAAA,EAAaI,qBAAqBI,QAAQ,EAAEoB,WAAWpB,QAAQ,CAAC,wBAAwB;QAClGC,WAAOT,mBAAAA,EAAaI,qBAAqBK,KAAK,CAAC,qBAAqB;IACtE;AACF,EAAE"}

package/lib-commonjs/components/CommonComponents/CartesianChart.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -34,7 +35,11 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const _isFirstRender = _react.useRef(true);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let _xScale;
-    let isIntegralDataset = true;
+    const isIntegralDataset = _react.useMemo(()=>{
+        return !props.points.some((point)=>point.y % 1 !== 0);
+    }, [
+        props.points
+    ]);
     let _tooltipId = (0, _reactutilities.useId)('tooltip_');
     /* Used for when WrapXAxisLabels props appeared.
    * To display the total word (space separated words), Need to have more space than usual.
@@ -115,8 +120,6 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         } else if (startFromX !== 0) {
             setStartFromX(0);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        isIntegralDataset = !props.points.some((point)=>point.y % 1 !== 0);
         return ()=>{
             cancelAnimationFrame(_reqID);
         };
@@ -138,10 +141,6 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         } else if (startFromX !== 0) {
             setStartFromX(0);
         }
-        if (prevProps !== null && prevProps.points !== props.points) {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            isIntegralDataset = !props.points.some((point)=>point.y % 1 !== 0);
-        }
     }, [
         props,
         prevProps
@@ -228,16 +227,16 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         let tickValues;
         switch(props.xAxisType){
             case _index.XAxisTypes.NumericAxis:
-                ({ xScale, tickValues } = (0, _index.createNumericXAxis)(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType));
+                ({ xScale, tickValues } = (0, _index.createNumericXAxis)(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
                 break;
             case _index.XAxisTypes.DateAxis:
                 ({ xScale, tickValues } = (0, _index.createDateXAxis)(XAxisParams, props.tickParams, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter, props.useUTC, props.chartType));
                 break;
             case _index.XAxisTypes.StringAxis:
-                ({ xScale, tickValues } = (0, _index.createStringXAxis)(XAxisParams, props.tickParams, props.datasetForXAxisDomain, culture));
+                ({ xScale, tickValues } = (0, _index.createStringXAxis)(XAxisParams, props.tickParams, props.datasetForXAxisDomain, culture, _useRtl));
                 break;
             default:
-                ({ xScale, tickValues } = (0, _index.createNumericXAxis)(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType));
+                ({ xScale, tickValues } = (0, _index.createNumericXAxis)(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
         }
         _xScale = xScale;
         _tickValues = tickValues;
@@ -298,9 +297,9 @@ const CartesianChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),
                     yAxisPadding: props.yAxisPadding
                 };
-                yScaleSecondary = props.createYAxis(YAxisParamsSecondary, _useRtl, axisData, isIntegralDataset, chartType, true, props.roundedTicks, props.secondaryYScaleType);
+                yScaleSecondary = props.createYAxis(YAxisParamsSecondary, _useRtl, axisData, isIntegralDataset, chartType, true, props.roundedTicks, props.secondaryYScaleType, _useRtl);
             }
-            yScalePrimary = props.createYAxis(YAxisParams, _useRtl, axisData, isIntegralDataset, chartType, false, props.roundedTicks, props.yScaleType);
+            yScalePrimary = props.createYAxis(YAxisParams, _useRtl, axisData, isIntegralDataset, chartType, false, props.roundedTicks, props.yScaleType, _useRtl);
         }
         if (chartTypesWithStringYAxis.includes(props.chartType) && props.yAxisType === _index.YAxisType.StringAxis) {
             // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup

package/lib-commonjs/components/CommonComponents/CartesianChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement>();\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement>();\n  const yAxisElement = React.useRef<SVGSVGElement>();\n  const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const titleMargin: number = 8;\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  let isIntegralDataset: boolean = true;\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps | null>(null);\n\n  const chartTypesWithStringYAxis = [\n    ChartTypes.HorizontalBarChartWithAxis,\n    ChartTypes.HeatMapChart,\n    ChartTypes.VerticalStackedBarChart,\n    ChartTypes.GanttChart,\n    ChartTypes.ScatterChart,\n  ];\n  /**\n   * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n   * So that, in RTL, left margins becomes right margins and viceversa.\n   * As graph needs to be drawn perfecty, these values consider as default values.\n   * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n   */\n  // eslint-disable-next-line prefer-const\n  margins = {\n    top: props.margins?.top ?? 20,\n    bottom: props.margins?.bottom ?? 35,\n    right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n    left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n  };\n  const TITLE_MARGIN_HORIZONTAL = 24;\n  const TITLE_MARGIN_VERTICAL = 20;\n  if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n    margins.bottom! = props.margins?.bottom ?? margins.bottom! + TITLE_MARGIN_VERTICAL;\n  }\n  if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n    margins.left! = _useRtl\n      ? props.margins?.right ?? props?.secondaryYAxistitle\n        ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n        : margins.right! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL;\n    margins.right! = _useRtl\n      ? props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.right ?? props?.secondaryYAxistitle\n      ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n      : margins.right! + TITLE_MARGIN_HORIZONTAL;\n  }\n  if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n    margins.top! = props.margins?.top ?? margins.top! + TITLE_MARGIN_VERTICAL;\n  }\n  if (\n    props.yAxisAnnotation !== undefined &&\n    props.yAxisAnnotation !== '' &&\n    (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n  ) {\n    if (_useRtl) {\n      margins.left! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    } else {\n      margins.right! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    }\n  }\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props !== null) {\n      setPrevProps(props);\n    }\n    if (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n    return () => {\n      cancelAnimationFrame(_reqID);\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    if (prevProps) {\n      if (prevProps.height !== props.height || prevProps.width !== props.width) {\n        _fitParentContainer();\n      }\n    }\n    if (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    if (prevProps !== null && prevProps.points !== props.points) {\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n    }\n  }, [props, prevProps]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      props.stringDatasetForYAxisDomain!.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n  const margin = { ...margins };\n  // Note: This check is unnecessary since startFromX is only set for charts with string y-axis.\n  if (chartTypesWithStringYAxis.includes(props.chartType)) {\n    if (!_useRtl) {\n      margin.left! += startFromX;\n    } else {\n      margin.right! += startFromX;\n    }\n  }\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margin);\n\n  let callout: JSXElement | null = null;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n        // This is only used for Horizontal Bar Chart with Axis for y as string axis\n        startFromX,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : props.hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      tickStep: props.xAxis?.tickStep,\n      tick0: props.xAxis?.tick0,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      tickStep: props.yAxis?.tickStep,\n      tick0: props.yAxis?.tick0,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScalePrimary: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScaleSecondary: any;\n    const axisData: IAxisData = { yAxisDomainValues: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n      );\n    }\n\n    if (chartTypesWithStringYAxis.includes(props.chartType) && props.yAxisType === YAxisType.StringAxis) {\n      // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n      // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n      // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n      if (!props.showYAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at y axis labels.\n      if (props.showYAxisLablesTooltip) {\n        // To create y axis tick values by if specified truncating the rest of the text\n        // and showing elipsis or showing the whole string,\n        yScalePrimary &&\n          // Note: This function should be invoked within the showYAxisLablesTooltip check,\n          // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n          createYAxisLabels(\n            yAxisElement.current!,\n            yScalePrimary,\n            props.noOfCharsToTruncate || 4,\n            props.showYAxisLablesTooltip || false,\n            _useRtl,\n          );\n        const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n        const ytooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: _yAxisElement,\n        };\n        _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n      }\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    props.getAxisData && props.getAxisData(axisData);\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n  const yAxisTitleMaximumAllowedHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - titleMargin;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          aria-label={props.chartTitle}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: svgDimensions.height - titleMargin,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: titleMargin + 3,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${\n              _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n            }, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${\n                  _useRtl ? margins.left! + startFromX : svgDimensions.width - margins.right! - startFromX\n                }, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                    y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n                    textAnchor: 'middle',\n                    transform: `translate(${\n                      _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n                    },\n                 ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaximumAllowedHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                y: _useRtl ? svgDimensions.width - margins.right! / 2 + titleMargin : margins.left! / 2 - titleMargin,\n                textAnchor: 'middle',\n                transform: `translate(0,\n                 ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaximumAllowedHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                  y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n                  textAnchor: 'middle',\n                  transform: `translate(${\n                    _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n                  },\n                   ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaximumAllowedHeight}\n              />\n            )}\n        </svg>\n      </div>\n\n      {!props.hideLegend && (\n        <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\nCartesianChart.defaultProps = {\n  hideTickOverlap: true,\n};\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartPopover","useFocusableGroup","useArrowNavigationGroup","CartesianChart","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","_tooltipId","_removalValueForTextTuncate","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesWithStringYAxis","HorizontalBarChartWithAxis","HeatMapChart","VerticalStackedBarChart","GanttChart","ScatterChart","top","bottom","right","left","secondaryYScaleOptions","TITLE_MARGIN_HORIZONTAL","TITLE_MARGIN_VERTICAL","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","yAxisType","StringAxis","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","points","some","point","y","cancelAnimationFrame","height","width","useImperativeHandle","componentRef","current","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","stringDatasetForYAxisDomain","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","tickStep","xAxis","tick0","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","yScalePrimary","yScaleSecondary","axisData","yAxisDomainValues","createStringYAxis","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","length","GroupedVerticalBarChart","VerticalBarChart","minDomainMargin","x","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","legendBars","Suspense","fallback","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement>();\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement>();\n  const yAxisElement = React.useRef<SVGSVGElement>();\n  const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const titleMargin: number = 8;\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps | null>(null);\n\n  const chartTypesWithStringYAxis = [\n    ChartTypes.HorizontalBarChartWithAxis,\n    ChartTypes.HeatMapChart,\n    ChartTypes.VerticalStackedBarChart,\n    ChartTypes.GanttChart,\n    ChartTypes.ScatterChart,\n  ];\n  /**\n   * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n   * So that, in RTL, left margins becomes right margins and viceversa.\n   * As graph needs to be drawn perfecty, these values consider as default values.\n   * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n   */\n  // eslint-disable-next-line prefer-const\n  margins = {\n    top: props.margins?.top ?? 20,\n    bottom: props.margins?.bottom ?? 35,\n    right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n    left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n  };\n  const TITLE_MARGIN_HORIZONTAL = 24;\n  const TITLE_MARGIN_VERTICAL = 20;\n  if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n    margins.bottom! = props.margins?.bottom ?? margins.bottom! + TITLE_MARGIN_VERTICAL;\n  }\n  if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n    margins.left! = _useRtl\n      ? props.margins?.right ?? props?.secondaryYAxistitle\n        ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n        : margins.right! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL;\n    margins.right! = _useRtl\n      ? props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.right ?? props?.secondaryYAxistitle\n      ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n      : margins.right! + TITLE_MARGIN_HORIZONTAL;\n  }\n  if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n    margins.top! = props.margins?.top ?? margins.top! + TITLE_MARGIN_VERTICAL;\n  }\n  if (\n    props.yAxisAnnotation !== undefined &&\n    props.yAxisAnnotation !== '' &&\n    (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n  ) {\n    if (_useRtl) {\n      margins.left! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    } else {\n      margins.right! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    }\n  }\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props !== null) {\n      setPrevProps(props);\n    }\n    if (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      cancelAnimationFrame(_reqID);\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    if (prevProps) {\n      if (prevProps.height !== props.height || prevProps.width !== props.width) {\n        _fitParentContainer();\n      }\n    }\n    if (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props, prevProps]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      props.stringDatasetForYAxisDomain!.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n  const margin = { ...margins };\n  // Note: This check is unnecessary since startFromX is only set for charts with string y-axis.\n  if (chartTypesWithStringYAxis.includes(props.chartType)) {\n    if (!_useRtl) {\n      margin.left! += startFromX;\n    } else {\n      margin.right! += startFromX;\n    }\n  }\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margin);\n\n  let callout: JSXElement | null = null;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n        // This is only used for Horizontal Bar Chart with Axis for y as string axis\n        startFromX,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : props.hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      tickStep: props.xAxis?.tickStep,\n      tick0: props.xAxis?.tick0,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      tickStep: props.yAxis?.tickStep,\n      tick0: props.yAxis?.tick0,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScalePrimary: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScaleSecondary: any;\n    const axisData: IAxisData = { yAxisDomainValues: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n\n    if (chartTypesWithStringYAxis.includes(props.chartType) && props.yAxisType === YAxisType.StringAxis) {\n      // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n      // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n      // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n      if (!props.showYAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at y axis labels.\n      if (props.showYAxisLablesTooltip) {\n        // To create y axis tick values by if specified truncating the rest of the text\n        // and showing elipsis or showing the whole string,\n        yScalePrimary &&\n          // Note: This function should be invoked within the showYAxisLablesTooltip check,\n          // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n          createYAxisLabels(\n            yAxisElement.current!,\n            yScalePrimary,\n            props.noOfCharsToTruncate || 4,\n            props.showYAxisLablesTooltip || false,\n            _useRtl,\n          );\n        const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n        const ytooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: _yAxisElement,\n        };\n        _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n      }\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    props.getAxisData && props.getAxisData(axisData);\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n  const yAxisTitleMaximumAllowedHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - titleMargin;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          aria-label={props.chartTitle}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: svgDimensions.height - titleMargin,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: titleMargin + 3,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${\n              _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n            }, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${\n                  _useRtl ? margins.left! + startFromX : svgDimensions.width - margins.right! - startFromX\n                }, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                    y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n                    textAnchor: 'middle',\n                    transform: `translate(${\n                      _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n                    },\n                 ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaximumAllowedHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                y: _useRtl ? svgDimensions.width - margins.right! / 2 + titleMargin : margins.left! / 2 - titleMargin,\n                textAnchor: 'middle',\n                transform: `translate(0,\n                 ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaximumAllowedHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + _removalValueForTextTuncate!,\n                  y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n                  textAnchor: 'middle',\n                  transform: `translate(${\n                    _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n                  },\n                   ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaximumAllowedHeight}\n              />\n            )}\n        </svg>\n      </div>\n\n      {!props.hideLegend && (\n        <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\nCartesianChart.defaultProps = {\n  hideTickOverlap: true,\n};\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartPopover","useFocusableGroup","useArrowNavigationGroup","CartesianChart","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesWithStringYAxis","HorizontalBarChartWithAxis","HeatMapChart","VerticalStackedBarChart","GanttChart","ScatterChart","top","bottom","right","left","secondaryYScaleOptions","TITLE_MARGIN_HORIZONTAL","TITLE_MARGIN_VERTICAL","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","yAxisType","StringAxis","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","height","width","useImperativeHandle","componentRef","current","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","stringDatasetForYAxisDomain","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","tickStep","xAxis","tick0","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","yScalePrimary","yScaleSecondary","axisData","yAxisDomainValues","createStringYAxis","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","length","GroupedVerticalBarChart","VerticalBarChart","minDomainMargin","x","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","legendBars","Suspense","fallback","displayName","defaultProps"],"mappings":"AAAA;;;;;+BAqCayB;;;;;;;iEAnCU,QAAQ;+CAGS,mCAAmC;6BACxC,eAAe;uBAoB3C,wBAAwB;gCACT,4BAA4B;gCAEE,iCAAiC;8BACxD,iBAAiB;8BACa,0BAA0B;AAM9E,uBAAMA,WAAAA,GAAuEzB,OAAM0B,UAAU,CAGlG,CAACC,OAAOC;QAgDDD,gBACGA,iBACSA,iBAA4BA,iBAC5BA,iBAAmEA;IAlDtF,MAAME,iBAAiB7B,OAAM8B,MAAM;IACnC,IAAIC;IACJ,MAAMC,2BAAmC;IACzC,MAAMC,eAAejC,OAAM8B,MAAM;IACjC,MAAMI,eAAelC,OAAM8B,MAAM;IACjC,MAAMK,wBAAwBnC,OAAM8B,MAAM;IAC1C,IAAIM;IACJ,MAAMC,aAAqB;IAC3B,IAAIC;IACJ,MAAMC,cAAmBxB,aAAAA;IACzB,IAAIyB;IACJ,MAAMC,cAAsB;IAC5B,MAAMC,iBAAiB1C,OAAM8B,MAAM,CAAU;IAC7C,8DAA8D;IAC9D,IAAIa;IACJ,MAAMC,oBAAoB5C,OAAM6C,OAAO,CAAC;QACtC,OAAO,CAAClB,MAAMmB,MAAM,CAACC,IAAI,CAAC,CAACC,QAAyBA,MAAMC,CAAC,GAAG,MAAM;IACtE,GAAG;QAACtB,MAAMmB,MAAM;KAAC;IACjB,IAAII,aAAqB9B,yBAAAA,EAAM;IAC/B;;;;;GAKC,GACD,IAAI+B,8BAAsC;IAE1C,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGrD,OAAMsD,QAAQ,CAAS;IACnE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGxD,OAAMsD,QAAQ,CAAS;IACrE,MAAM,CAACG,YAAYC,cAAc,GAAG1D,OAAMsD,QAAQ,CAAS;IAC3D,MAAM,CAACK,WAAWC,aAAa,GAAG5D,OAAMsD,QAAQ,CAAqC;IAErF,MAAMO,4BAA4B;QAChChD,iBAAAA,CAAWiD,0BAA0B;QACrCjD,iBAAAA,CAAWkD,YAAY;QACvBlD,iBAAAA,CAAWmD,uBAAuB;QAClCnD,iBAAAA,CAAWoD,UAAU;QACrBpD,iBAAAA,CAAWqD,YAAY;KACxB;QASMvC,oBACGA,uBACSA,qBAA4BA,sBAC5BA,uBAAmEA;IAXtF;;;;;GAKC,GACD,wCAAwC;IACxCS,UAAU;QACR+B,KAAKxC,CAAAA,qBAAAA,CAAAA,iBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAewC,GAAG,AAAHA,MAAG,QAAlBxC,uBAAAA,KAAAA,IAAAA,qBAAsB;QAC3ByC,QAAQzC,CAAAA,wBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAeyC,MAAAA,AAAM,MAAA,QAArBzC,0BAAAA,KAAAA,IAAAA,wBAAyB;QACjC0C,OAAO9B,UAAUZ,CAAAA,sBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe2C,IAAAA,AAAI,MAAA,QAAnB3C,wBAAAA,KAAAA,IAAAA,sBAAuB,KAAKA,CAAAA,CAAAA,uBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe0C,KAAK,AAALA,MAAK,QAApB1C,yBAAAA,KAAAA,IAAAA,uBAAwBA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAO4C,sBAAAA,AAAqB,IAAI,KAAK;QAC1GD,MAAM/B,UAAWZ,CAAAA,CAAAA,wBAAAA,CAAAA,kBAAAA,MAAMS,OAAO,AAAPA,MAAO,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe0C,KAAAA,AAAK,MAAA,QAApB1C,0BAAAA,KAAAA,IAAAA,wBAAwBA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAO4C,sBAAAA,AAAqB,IAAI,KAAK,KAAM5C,CAAAA,uBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe2C,IAAAA,AAAI,MAAA,QAAnB3C,yBAAAA,KAAAA,IAAAA,uBAAuB;IAC7G;IACA,MAAM6C,0BAA0B;IAChC,MAAMC,wBAAwB;IAC9B,IAAI9C,MAAM+C,UAAU,KAAKC,aAAahD,MAAM+C,UAAU,KAAK,IAAI;YAC3C/C;YAAAA;QAAlBS,QAAQgC,MAAM,GAAIzC,CAAAA,yBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAeyC,MAAAA,AAAM,MAAA,QAArBzC,2BAAAA,KAAAA,IAAAA,yBAAyBS,QAAQgC,MAAM,GAAIK;IAC/D;IACA,IAAI9C,MAAMiD,UAAU,KAAKD,aAAahD,MAAMiD,UAAU,KAAK,IAAI;YAEzDjD,iBAGAA,iBAEAA,iBACAA;YANAA,uBAGAA;QAJJS,QAAQkC,IAAI,GAAI/B,UACZZ,CAAAA,yBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe0C,KAAAA,AAAK,MAAA,QAApB1C,0BAAAA,KAAAA,IAAAA,wBAAwBA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOkD,mBAAAA,AAAkB,IAC/CzC,QAAQiC,KAAK,GAAI,IAAIG,0BACrBpC,QAAQiC,KAAK,GAAIG,0BACnB7C,CAAAA,uBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe2C,IAAAA,AAAI,MAAA,QAAnB3C,yBAAAA,KAAAA,IAAAA,uBAAuBS,QAAQkC,IAAI,GAAIE;YAEvC7C,sBACAA;QAFJS,QAAQiC,KAAK,GAAI9B,UACbZ,CAAAA,uBAAAA,CAAAA,kBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAe2C,IAAAA,AAAI,MAAA,QAAnB3C,yBAAAA,KAAAA,IAAAA,uBAAuBS,QAAQkC,IAAI,GAAIE,0BACvC7C,CAAAA,yBAAAA,CAAAA,mBAAAA,MAAMS,OAAO,AAAPA,MAAO,QAAbT,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAe0C,KAAAA,AAAK,MAAA,QAApB1C,0BAAAA,KAAAA,IAAAA,wBAAwBA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOkD,mBAAkB,AAAlBA,IAC/BzC,QAAQiC,KAAK,GAAI,IAAIG,0BACrBpC,QAAQiC,KAAK,GAAIG;IACvB;IACA,IAAI7C,MAAMmD,eAAe,KAAKH,aAAahD,MAAMmD,eAAe,KAAK,IAAI;YACxDnD;YAAAA;QAAfS,QAAQ+B,GAAG,GAAIxC,CAAAA,sBAAAA,CAAAA,mBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAewC,GAAAA,AAAG,MAAA,QAAlBxC,wBAAAA,KAAAA,IAAAA,sBAAsBS,QAAQ+B,GAAG,GAAIM;IACtD;IACA,IACE9C,MAAMoD,eAAe,KAAKJ,aAC1BhD,MAAMoD,eAAe,KAAK,MACzBpD,CAAAA,MAAMkD,mBAAmB,KAAKF,aAAahD,MAAMkD,mBAAmB,KAAK,EAAA,CAAC,EAC3E;QACA,IAAItC,SAAS;gBACKZ;gBAAAA;YAAhBS,QAAQkC,IAAI,GAAI3C,CAAAA,wBAAAA,CAAAA,mBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAe0C,KAAAA,AAAK,MAAA,QAApB1C,0BAAAA,KAAAA,IAAAA,wBAAwBS,QAAQiC,KAAK,GAAIG;QAC3D,OAAO;gBACY7C;gBAAAA;YAAjBS,QAAQiC,KAAK,GAAI1C,CAAAA,wBAAAA,CAAAA,mBAAAA,MAAMS,OAAAA,AAAO,MAAA,QAAbT,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAe0C,KAAK,AAALA,MAAK,QAApB1C,0BAAAA,KAAAA,IAAAA,wBAAwBS,QAAQiC,KAAK,GAAIG;QAC5D;IACF;IAEA,MAAMQ,UAAU/E,0DAAAA,EAAwB0B;IACxC,MAAMsD,sBAAkB1D,+BAAAA;IACxB,MAAM2D,sBAAkB1D,qCAAAA,EAAwB;QAAE2D,MAAM;IAAa;IACrE,mDAAmD;IACnDnF,OAAMoF,SAAS,CAAC;QACdC;QACA,IAAI1D,UAAU,MAAM;YAClBiC,aAAajC;QACf;QACA,IACEkC,0BAA0ByB,QAAQ,CAAC3D,MAAM4D,SAAS,KAClD5D,MAAM6D,eAAe,IACrBtD,gBACAP,MAAM8D,SAAS,KAAKjF,gBAAAA,CAAUkF,UAAU,EACxC;YACA,MAAMC,sBAAsBC,6BAA6BZ,QAAQa,KAAK;YACtE,IAAIpC,eAAekC,qBAAqB;gBACtCjC,cAAciC;YAChB;QACF,OAAO,IAAIlC,eAAe,GAAG;YAC3BC,cAAc;QAChB;QACA,OAAO;YACLoC,qBAAqBxD;QACvB;IACF,GAAG;QAACX;KAAM;IAEV,2BAA2B;IAC3B3B,OAAMoF,SAAS,CAAC;QACd,IAAIzB,WAAW;YACb,IAAIA,UAAUoC,MAAM,KAAKpE,MAAMoE,MAAM,IAAIpC,UAAUqC,KAAK,KAAKrE,MAAMqE,KAAK,EAAE;gBACxEX;YACF;QACF;QACA,IACExB,0BAA0ByB,QAAQ,CAAC3D,MAAM4D,SAAS,KAClD5D,MAAM6D,eAAe,IACrBtD,gBACAP,MAAM8D,SAAS,KAAKjF,gBAAAA,CAAUkF,UAAU,EACxC;YACA,MAAMC,sBAAsBC,6BAA6BZ,QAAQa,KAAK;YACtE,IAAIpC,eAAekC,qBAAqB;gBACtCjC,cAAciC;YAChB;QACF,OAAO,IAAIlC,eAAe,GAAG;YAC3BC,cAAc;QAChB;IACF,GAAG;QAAC/B;QAAOgC;KAAU;IAErB3D,OAAMiG,mBAAmB,CACvBtE,MAAMuE,YAAY,EAClB;YACkBrE;eADX;YACLA,gBAAgBA,CAAAA,0BAAAA,eAAesE,OAAAA,AAAO,MAAA,QAAtBtE,4BAAAA,KAAAA,IAAAA,0BAA0B;QAC5C;OACA,EAAE;IAGJ;;;;;;GAMC,GACD,8DAA8D;IAC9D,SAASuE,iBAAiBC,YAAiB;QACzC,OAAA,WAAA,GAAO,OAAA,aAAA,CAAC/E,0BAAAA,EAAiB+E;IAC3B;IAEA,SAAST,6BAA6BU,SAAiB;QACrD,MAAMC,kBAAkB,CAACC;YACvB,IAAI7E,MAAM8E,sBAAsB,EAAE;gBAChC,WAAOzF,qBAAAA,EAAewF,KAAK7E,MAAM+E,mBAAmB,IAAI;YAC1D;YAEA,OAAOF;QACT;QACA,WAAO7F,iCAAAA,EACLgB,MAAMgF,2BAA2B,CAAEC,GAAG,CAACC,CAAAA,QAASN,gBAAgBM,SAChE,CAAC,CAAC,EAAEP,UAAU,KAAK,CAAC;IAExB;IAEA,MAAM,EACJD,YAAY,EACZvD,MAAM,EACNyC,SAAS,EACTuB,QAAQ,EACRC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,uBAAuB,EACxB,GAAGvF;IACJ,IAAIA,MAAMwF,SAAS,EAAE;QACnB9B;IACF;IACA,MAAM+B,SAAS;QAAE,GAAGhF,OAAO;IAAC;IAC5B,8FAA8F;IAC9F,IAAIyB,0BAA0ByB,QAAQ,CAAC3D,MAAM4D,SAAS,GAAG;QACvD,IAAI,CAAChD,SAAS;YACZ6E,OAAO9C,IAAI,IAAKb;QAClB,OAAO;YACL2D,OAAO/C,KAAK,IAAKZ;QACnB;IACF;IACA,oCAAoC;IACpC9B,MAAM0F,UAAU,IAAI1F,MAAM0F,UAAU,CAACD;IAErC,IAAIE,UAA6B;IAEjC,IAAIC,WAAW;IACf,IAAK5F,MAAM6F,6BAA6B,IAAI3F,eAAesE,OAAO,IAAK,CAACxE,MAAM6F,6BAA6B,EAAE;YAkC/F7F,cACHA,eA4EGA,cACHA;QA/GTe,eAAeyD,OAAO,GAAG;YAuBExE;QAtB3B,MAAM8F,cAAc;YAClBC,oBAAoB/F,MAAMgG,qBAAqB,CAC7C7E,QACAnB,MAAMiG,gBAAgB,GAAGjG,MAAMiG,gBAAgB,CAACxE,kBAAkBhB,SAClEgB,gBACAmC,WACAhD,SACAZ,MAAMkG,SAAS,EACflG,MAAMmG,QAAQ,EACdnG,MAAMoG,UAAU,EAChB,AACAtE,4EAD4E;YAG9E,yFAAyF;YACzF,oFAAoF;YACpF,wFAAwF;YACxF,oFAAoF;YACpF,6FAA6F;YAC7F,0FAA0F;YAC1FF,iBAAiBA,kBAAkBJ;YACnCf,SAASA;YACTH,cAAcA,aAAakE,OAAO;YAClC6B,yBAAyBrG,CAAAA,iCAAAA,MAAMqG,uBAAAA,AAAuB,MAAA,QAA7BrG,mCAAAA,KAAAA,IAAAA,iCAAiC;YAC1DsG,YAAYtG,MAAMuG,cAAc;YAChCC,eAAexG,MAAMwG,aAAa;YAClCC,aAAazG,MAAMyG,WAAW,IAAIzG,MAAM0G,sBAAsB,GAAG,IAAI;YACrEC,cAAc3G,MAAM2G,YAAY;YAChCC,mBAAmB5G,MAAM4G,iBAAiB;YAC1CC,mBAAmB7G,MAAM6G,iBAAiB;YAC1CpF,gBAAgBA;YAChBqF,iBAAiB9G,MAAM+G,iBAAiB,GAAG,QAAQ/G,MAAM8G,eAAe;YACxEE,mBAAmBC;YACnBC,QAAQ,EAAA,CAAElH,eAAAA,MAAMmH,KAAAA,AAAK,MAAA,QAAXnH,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAakH,QAAQ;YAC/BE,KAAK,EAAA,CAAEpH,gBAAAA,MAAMmH,KAAAA,AAAK,MAAA,QAAXnH,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAaoH,KAAK;QAC3B;QAEA;;;;;KAKC,GACD,8DAA8D;QAC9D,IAAIC;QACJ,IAAIjB;QACJ,OAAQpG,MAAMkG,SAAS;YACrB,KAAKtH,iBAAAA,CAAW0I,WAAW;iBACxB,EAAED,MAAM,EAAEjB,UAAU,EAAE,GAAG3H,6BAAAA,EACxBqH,aACA9F,MAAMuH,UAAU,EAChBvH,MAAM4D,SAAS,EACfwB,SACApF,MAAMwH,UAAU,EAChB5G,QAAAA,CACF;gBACA;YACF,KAAKhC,iBAAAA,CAAW6I,QAAQ;iBACrB,EAAEJ,MAAM,EAAEjB,UAAU,EAAE,OAAGzH,sBAAAA,EACxBmH,aACA9F,MAAMuH,UAAU,EAChBnC,SACAC,qBACAC,kBACAC,yBACAvF,MAAM0H,MAAM,EACZ1H,MAAM4D,UAAS,CACjB;gBACA;YACF,KAAKhF,iBAAAA,CAAWmF,UAAU;iBACvB,EAAEsD,MAAM,EAAEjB,UAAU,EAAE,OAAG1H,wBAAAA,EACxBoH,aACA9F,MAAMuH,UAAU,EAChBvH,MAAM2H,qBAAqB,EAC3BvC,SACAxE,QAAAA,CACF;gBACA;YACF;iBACG,EAAEyG,MAAM,EAAEjB,UAAU,EAAE,OAAG3H,yBAAAA,EACxBqH,aACA9F,MAAMuH,UAAU,EAChBvH,MAAM4D,SAAS,EACfwB,SACApF,MAAMwH,UAAU,EAChB5G,QAAAA,CACF;QACJ;QACAI,UAAUqG;QACVxG,cAAcuF;QAEdwB;QAEA,MAAMC,cAAc;YAClBpH,SAAST,MAAM8H,iBAAiB,GAAG9H,MAAM8H,iBAAiB,CAAClG,mBAAmBnB;YAC9EgB,gBAAgBA;YAChBG,iBAAiBA,kBAAkBJ;YACnCjB,cAAcA,aAAaiE,OAAO;YAClCuD,iBAAiB/H,MAAM+H,eAAe;YACtCC,gBAAgBhI,MAAMgI,cAAc;YACpCC,WAAWjI,MAAMiI,SAAS,IAAI;YAC9BC,WAAWlI,MAAMkI,SAAS,IAAI;YAC9BzB,aAAa;YACb0B,WAAWnI,MAAMmI,SAAS;YAC1BC,eAAepI,MAAMqI,gBAAgB,CAAClH,QAAQnB,MAAM8D,SAAS;YAC7D,sEAAsE;YACtE,2EAA2E;YAC3E,kDAAkD;YAClDwE,cAActI,MAAMsI,YAAY,IAAI;YACpClC,YAAYpG,MAAMuI,eAAe;YACjCrB,QAAQ,EAAA,CAAElH,eAAAA,MAAMkE,KAAK,AAALA,MAAK,QAAXlE,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAakH,QAAQ;YAC/BE,KAAK,EAAA,AAAEpH,iBAAAA,MAAMkE,KAAAA,AAAK,MAAA,QAAXlE,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAaoH,KAAK;QAC3B;QACA;;;;;KAKC,GACD,8DAA8D;QAC9D,IAAIoB;QACJ,8DAA8D;QAC9D,IAAIC;QACJ,MAAMC,WAAsB;YAAEC,mBAAmB,EAAE;QAAC;QACpD,IAAI3I,MAAM8D,SAAS,IAAI9D,MAAM8D,SAAS,KAAKjF,gBAAAA,CAAUkF,UAAU,EAAE;YAC/DyE,gBAAgBxI,MAAM4I,iBAAiB,CACrCf,aACA7H,MAAMgF,2BAA2B,EACjCpE,SACAZ,MAAMmG,QAAQ,EACdnG,MAAM4D,SAAS;QAEnB,OAAO;YACL,8FAA8F;YAC9F,6FAA6F;YAC7F,6FAA6F;YAC7F,gGAAgG;YAChG,yDAAyD;YACzD,IAAI5D,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAO4C,sBAAsB,EAAE;oBAQpB5C,+BACAA;oBAAAA;gBARb,MAAM6I,uBAAuB;oBAC3BpI,SAASA;oBACTgB,gBAAgBA;oBAChBG,iBAAiBA,kBAAkBJ;oBACnCjB,cAAcC,sBAAsBgE,OAAO;oBAC3CuD,iBAAiB/H,MAAM+H,eAAe;oBACtCC,gBAAgBhI,MAAMgI,cAAc;oBACpCC,WAAWjI,CAAAA,CAAAA,gCAAAA,MAAM4C,sBAAAA,AAAsB,MAAA,QAA5B5C,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA8BiI,SAAAA,AAAS,KAAI;oBACtDC,WAAWlI,CAAAA,0CAAAA,CAAAA,iCAAAA,MAAM4C,sBAAAA,AAAsB,MAAA,QAA5B5C,mCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,+BAA8BkI,SAAAA,AAAS,MAAA,QAAvClI,4CAAAA,KAAAA,IAAAA,0CAA2C;oBACtDyG,aAAa;oBACb2B,eAAepI,MAAMqI,gBAAgB,CAAClH,QAAQnB,MAAM8D,SAAS,EAAE;oBAC/DwE,cAActI,MAAMsI,YAAY;gBAClC;gBAEAG,kBAAkBzI,MAAM8I,WAAW,CACjCD,sBACAjI,SACA8H,UACAzH,mBACA2C,WACA,MACA5D,MAAM+I,YAAY,EAClB/I,MAAMgJ,mBAAmB,EACzBpI;YAEJ;YACA4H,gBAAgBxI,MAAM8I,WAAW,CAC/BjB,aACAjH,SACA8H,UACAzH,mBACA2C,WACA,OACA5D,MAAM+I,YAAY,EAClB/I,MAAMiJ,UAAU,EAChBrI;QAEJ;QAEA,IAAIsB,0BAA0ByB,QAAQ,CAAC3D,MAAM4D,SAAS,KAAK5D,MAAM8D,SAAS,KAAKjF,gBAAAA,CAAUkF,UAAU,EAAE;YACnG,sFAAsF;YACtF,uFAAuF;YACvF,iGAAiG;YACjG,IAAI,CAAC/D,MAAM8E,sBAAsB,EAAE;gBACjC,IAAI;oBACFoE,SAASC,cAAc,CAAC5H,eAAe2H,SAASC,cAAc,CAAC5H,YAAa6H,MAAM;gBAClF,mCAAmC;gBACrC,EAAE,OAAOC,GAAG,CAAC;YACf;YACA,4CAA4C;YAC5C,IAAIrJ,MAAM8E,sBAAsB,EAAE;gBAChC,+EAA+E;gBAC/E,mDAAmD;gBACnD0D,iBACE,iFAAiF;gBACjF,uFAAuF;oBACvFvJ,wBAAAA,EACEsB,aAAaiE,OAAO,EACpBgE,eACAxI,MAAM+E,mBAAmB,IAAI,GAC7B/E,MAAM8E,sBAAsB,IAAI,OAChClE;gBAEJ,MAAM0I,oBAAgB9K,mBAAAA,EAAS+B,aAAaiE,OAAO,EAAG+E,IAAI,CAACf;gBAC3D,IAAI;oBACFU,SAASC,cAAc,CAAC5H,eAAe2H,SAASC,cAAc,CAAC5H,YAAa6H,MAAM;gBAClF,mCAAmC;gBACrC,EAAE,OAAOC,GAAG,CAAC;gBACb,MAAMG,gBAAgB;oBACpBC,YAAYpG,QAAQqG,OAAO;oBAC3BC,IAAIpI;oBACJiC,MAAM8F;gBACR;gBACAA,qBAAiBhK,0BAAAA,EAAoBkK;YACvC;QACF;QAEA,0BAA0B;QAC1B,8DAA8D;QAC9D,MAAMI,WAAW,CAACvC,QAAamB,eAAoBC;YACjDzI,MAAM6J,YAAY,IAChB7J,MAAM6J,YAAY,CAChBxC,QACAmB,eACA5G,kBAAkBJ,6BAClBC,gBACAnB,aAAakE,OAAO,EACpBjE,aAAaiE,OAAO,EACpBiE;QAEN;QAEAzI,MAAM8J,WAAW,IAAI9J,MAAM8J,WAAW,CAACpB;QACvC,4CAA4C;QAC5CkB,SAASvC,QAAQmB,eAAeC;QAEhC7C,WAAW5F,MAAM4F,QAAQ,CAAC;YACxByB;YACAmB;YACAC;YACA7G;YACAH;QACF;QAEA,IAAI,CAACzB,MAAM+J,WAAW,IAAIrF,aAAcsF,aAAa,EAAE;YACrDrE,UAAUlB,iBAAiBC;QAC7B;IACF;IACA,MAAMuF,gBAAgB;QACpB5F,OAAO5C;QACP2C,QAAQxC;IACV;IAEA,MAAMsI,gCAAgCD,cAAc5F,KAAK,GAAG5D,QAAQkC,IAAI,GAAIlC,QAAQiC,KAAK,GAAIZ;IAC7F,MAAMqI,iCACJF,cAAc7F,MAAM,GAAG3D,QAAQgC,MAAM,GAAIhC,QAAQ+B,GAAG,GAAIhB,8BAA+BV;IAEzF,MAAMsJ,wBAA6C;QACjDjL,+BAAAA;QACAkL,gBAAgB;QAChB1F,WAAWtB,QAAQiH,UAAU;QAC7BC,SAAS;IACX;IACA;;;GAGC,GACD,SAAS7G;QACP,wCAAwC;QACxC,IAAI8G;QACJ,IAAIxK,MAAMyK,UAAU,EAAE;YACpB,iFAAiF;YACjFD,wBAAwB;QAC1B,OAAO;YACL,MAAME,gCAAgCtK,mBAAmBuK,iBAAiBvK;YAC1EoK,wBACG,CAACpK,mBAAmBA,gBAAgBwK,qBAAqB,GAAGxG,MAAM,IAAK/D,wBAAAA,CAAuB,GAC/FwK,WAAYH,iCAAiCA,8BAA8BI,SAAS,IAAK,OACzFD,WAAYH,iCAAiCA,8BAA8BK,YAAY,IAAK;QAChG;QACA,IAAI/K,MAAMwF,SAAS,IAAItF,eAAesE,OAAO,EAAE;gBAG3CxE;YAFF,MAAMgL,YAAYhL,MAAMwF,SAAS,GAAGxF,MAAMwF,SAAS,GAAGtF,eAAesE,OAAO;YAC5E,MAAMyG,wBACJjL,CAAAA,CAAAA,qBAAAA,MAAMkL,WAAAA,AAAW,MAAA,QAAjBlL,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBmL,IAAAA,AAAI,MAAK,eAAe,CAACpK,eAAeyD,OAAO,GAC9D4G,KAAKC,GAAG,CAACL,UAAUJ,qBAAqB,GAAGvG,KAAK,EAAEiH,6BAClDN,UAAUJ,qBAAqB,GAAGvG,KAAK;YAC7C,MAAMkH,yBACJP,UAAUJ,qBAAqB,GAAGxG,MAAM,GAAGoG,wBACvCQ,UAAUJ,qBAAqB,GAAGxG,MAAM,GACxC;YACN,MAAMoH,eACJ/J,mBAAmBwJ,yBAAyBrJ,oBAAoB2J,yBAAyBf;YAC3F,IAAIgB,cAAc;gBAChB9J,kBAAkBuJ;gBAClBpJ,mBAAmB0J,yBAAyBf;YAC9C;QACF;IACA,KAAK;IACP;IAEA,SAASiB;QACPzL,MAAM0L,iBAAiB,IAAI1L,MAAM0L,iBAAiB;IACpD;IAEA,SAASJ;QACP,wCAAwC;QACxC,MAAMK,aAAa1E,gCAAgCpG,eAAe;QAElE,IAAI+K,gBAAgBnL,QAAQkC,IAAI,GAAIlC,QAAQiC,KAAK,GAAIiJ,aAAc9K,CAAAA,YAAYgL,MAAM,IAAG,CAAA;QAExF,IACE;YAAC3M,iBAAAA,CAAW4M,uBAAuB;YAAE5M,iBAAAA,CAAW6M,gBAAgB;YAAE7M,iBAAAA,CAAWmD,uBAAuB;SAAC,CAACsB,QAAQ,CAC5G3D,MAAM4D,SAAS,GAEjB;YACA,MAAMoI,kBAAkB;YACxBJ,iBAAiBI,kBAAkB;QACrC;QAEA,OAAOJ;IACT;IAEA,SAAS3E,gCAAgCgF,CAAsB;QAC7D,uBAAuB;QACvB,IAAI,CAACjM,MAAMkM,eAAe,IAAIlM,MAAM+G,iBAAiB,IAAI/G,MAAMkG,SAAS,KAAMtH,iBAAAA,CAAWmF,UAAU,EAAE;YACnG,MAAMoI,wBAAoBnN,iCAAAA,EAA2BiN,GAAG,CAAC,CAAC,EAAE5I,QAAQ8D,KAAK,CAAC,KAAK,CAAC;YAChF,OAAOiE,KAAKgB,IAAI,CAACD,oBAAoBf,KAAKiB,GAAG,CAACjB,KAAKkB,EAAE,GAAG;QAC1D;QAEA,yBAAyB;QACzB,IAAItM,MAAM0G,sBAAsB,EAAE;YAChC,MAAMN,aAAa6F,EAAEhH,GAAG,CAACsH,CAAAA;gBACvB,MAAMC,WAAWxM,MAAM+E,mBAAmB,IAAI;gBAC9C,OAAOwH,IAAIE,QAAQ,GAAGZ,MAAM,GAAGW,WAAW,GAAGD,IAAIE,QAAQ,GAAGC,KAAK,CAAC,GAAGF,UAAU,GAAG,CAAC,GAAGD;YACxF;YAEA,MAAMJ,wBAAoBnN,iCAAAA,EAA2BoH,YAAY,CAAC,CAAC,EAAE/C,QAAQ8D,KAAK,CAAC,KAAK,CAAC;YACzF,OAAOiE,KAAKgB,IAAI,CAACD;QACnB;QAEA,uBAAuB;QACvB,IAAInM,MAAMkM,eAAe,EAAE;YACzB,mFAAmF;YACnF,2EAA2E;YAC3E,MAAMS,QAAkB,EAAE;YAC1BV,EAAEW,OAAO,CAAC,CAACL;gBACTI,MAAME,IAAI,IAAIN,IAAIE,QAAQ,GAAGK,KAAK,CAAC;YACrC;YAEA,oFAAoF;YACpF,yFAAyF;YACzF,MAAMX,wBAAoBnN,iCAAAA,EAA2B2N,OAAO,CAAC,CAAC,EAAEtJ,QAAQ8D,KAAK,CAAC,KAAK,CAAC;YACpF,OAAOiE,KAAKC,GAAG,CAACD,KAAKgB,IAAI,CAACD,oBAAoB3M,yBAAAA;QAChD;QAEA,eAAe;QACf,MAAM2M,oBAAoBnN,qCAAAA,EAA2BiN,GAAG,CAAC,CAAC,EAAE5I,QAAQ8D,KAAK,CAAC,KAAK,CAAC;QAChF,OAAOiE,KAAKgB,IAAI,CAACD;IACnB;IAEA,SAASvE;QACPpG,8BAA8B;QAE9B;;;;;OAKG,GACH,IAAIxB,MAAMkM,eAAe,IAAIlM,MAAM0G,sBAAsB,EAAE;YACzD,IAAIqG;YACJ,IAAI/M,MAAMkG,SAAS,KAAKtH,iBAAAA,CAAWmF,UAAU,EAAE;oBACxC/D;gBAAL,IAAKA,CAAAA,CAAAA,CAAAA,+BAAAA,MAAM2H,qBAAAA,AAAqB,MAAA,QAA3B3H,iCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,6BAA6B6L,MAAAA,AAAM,MAAI,CAAA,GAAK,GAAG;oBAClDkB,qBAAqB/L,QAAQgM,IAAI;gBACnC,OAAO;oBACLD,qBAAqBtL;gBACvB;YACF;YAEA,MAAMwL,iBAAiB;gBACrBC,MAAM5M,aAAakE,OAAO;gBAC1B2C,OAAOnG;gBACP0F,wBAAwB1G,MAAM0G,sBAAsB,IAAI;gBACxD3B,qBAAqB/E,MAAM+E,mBAAmB,IAAI;gBAClDV,OAAO0I;YACT;gBAC8BjO;YAA9B0C,8BAA8B1C,4BAAAA,0BAAAA,EAAoBmO,eAAAA,MAAAA,QAApBnO,yBAAAA,KAAAA,IAAAA,uBAAuC;QACvE;QAEA,IAAI,CAACkB,MAAMkM,eAAe,IAAIlM,MAAM+G,iBAAiB,IAAI/G,MAAMkG,SAAS,KAAMtH,iBAAAA,CAAWmF,UAAU,EAAE;YACnG,MAAMoJ,mBAAmB;gBACvBD,MAAM5M,aAAakE,OAAO;gBAC1B2C,OAAOnG;YACT;gBACsBjC;YAAtB,MAAMqO,gBAAgBrO,CAAAA,yBAAAA,wBAAAA,EAAkBoO,iBAAAA,MAAAA,QAAlBpO,uBAAAA,KAAAA,IAAAA,qBAAuC;YAC7D,yCAAyC;YACzCyC,8BAA8B4L,gBAAgB3M,QAAQgC,MAAM;QAC9D;IACF;IAEA;;;;;;;;;;;;;;;;;;GAkBC,GAED,OAAA,WAAA,GACE,OAAA,aAAA,CAAC4K,OAAAA;QACC1D,IAAIjJ;QACJiE,WAAWtB,QAAQiK,IAAI;QACvBC,MAAM;QACNC,KAAK,CAACC,WAA8BvN,eAAesE,OAAO,GAAGiJ;QAC7DC,cAAcjC;qBAEd,OAAA,aAAA,CAAC4B,OAAAA;QAAI1I,WAAWtB,QAAQsK,YAAY;QAAG,GAAGrK,eAAe;QAAG,GAAGC,eAAe;OAC3ExC,eAAeyD,OAAO,EAAA,WAAA,GACvB,OAAA,aAAA,CAACoJ,OAAAA;QACCvJ,OAAO4F,cAAc5F,KAAK;QAC1BD,QAAQ6F,cAAc7F,MAAM;QAC5ByJ,cAAY7N,MAAM8N,UAAU;QAC5BC,OAAO;YAAEC,SAAS;QAAQ;QAC1BrJ,WAAWtB,QAAQ4K,KAAK;QACvB,OAAG1O,qBAAAA,EAAe4F,SAAS;qBAE5B,OAAA,aAAA,CAAC+I,KAAAA;QACCV,KAAK,CAACnE;YACJ/I,aAAakE,OAAO,GAAG6E;QACzB;QACAM,IAAI,CAAC,aAAa,EAAEjJ,YAAY;QAChC,oFAAoF;QACpFyN,WAAW,CAAC,aAAa,EAAElE,cAAc7F,MAAM,GAAG3D,QAAQgC,MAAM,GAAIjB,4BAA6B,CAAC,CAAC;QACnGmD,WAAWtB,QAAQ8D,KAAK;QAEzBnH,MAAM+C,UAAU,KAAKC,aAAahD,MAAM+C,UAAU,KAAK,MAAA,WAAA,GACtD,OAAA,aAAA,CAACrD,8BAAAA,EAAAA;QACE,GAAG0K,qBAAqB;QACzBG,SAASvK,MAAM+C,UAAU;QACzBqL,WAAW;YACTnC,GAAGxL,QAAQkC,IAAI,GAAIb,aAAaoI,gCAAgC;YAChE5I,GAAG2I,cAAc7F,MAAM,GAAGtD;YAC1B6D,WAAWtB,QAAQgL,SAAS;YAC5BC,YAAY;QACd;QACAC,UAAUrE;QAGblK,MAAMmD,eAAe,KAAKH,aAAahD,MAAMmD,eAAe,KAAK,MAAA,WAAA,GAChE,OAAA,aAAA,CAACzD,8BAAAA,EAAAA;QACE,GAAG0K,qBAAqB;QACzBG,SAASvK,MAAMmD,eAAe;QAC9BiL,WAAW;YACTnC,GAAGxL,QAAQkC,IAAI,GAAIb,aAAaoI,gCAAgC;YAChE5I,GAAGR,cAAc;YACjB6D,WAAWtB,QAAQmL,cAAc;YACjCF,YAAY;YACZ,eAAe;QACjB;QACAC,UAAUrE;sBAGd,OAAA,aAAA,CAACgE,KAAAA;QACCV,KAAK,CAACnE;YACJ9I,aAAaiE,OAAO,GAAG6E;QACzB;QACAM,IAAI,CAAC,aAAa,EAAEjJ,YAAY;QAChCyN,WAAW,CAAC,UAAU,EACpBvN,UAAUqJ,cAAc5F,KAAK,GAAG5D,QAAQiC,KAAK,GAAIZ,aAAarB,QAAQkC,IAAI,GAAIb,WAC/E,IAAI,CAAC;QACN6C,WAAWtB,QAAQa,KAAK;QAEzBlE,MAAM4C,sBAAsB,IAAA,WAAA,GAC3B,OAAA,aAAA,CAACsL,KAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACA,KAAAA;QACCV,KAAK,CAACnE;YACJ7I,sBAAsBgE,OAAO,GAAG6E;QAClC;QACAM,IAAI,CAAC,sBAAsB,EAAEjJ,YAAY;QACzCyN,WAAW,CAAC,UAAU,EACpBvN,UAAUH,QAAQkC,IAAI,GAAIb,aAAamI,cAAc5F,KAAK,GAAG5D,QAAQiC,KAAK,GAAIZ,WAC/E,IAAI,CAAC;QACN6C,WAAWtB,QAAQa,KAAK;QAEzBlE,MAAMkD,mBAAmB,KAAKF,aAAahD,MAAMkD,mBAAmB,KAAK,MAAA,WAAA,GACxE,OAAA,aAAA,CAACxD,8BAAAA,EAAAA;QACE,GAAG0K,qBAAqB;QACzBG,SAASvK,MAAMkD,mBAAmB;QAClCkL,WAAW;YACTnC,GAAI9B,CAAAA,iCAAiC1J,QAAQgC,MAAAA,AAAM,IAAK,IAAIjB;YAC5DF,GAAGV,UAAUkB,aAAahB,cAAcmJ,cAAc5F,KAAK,GAAG5D,QAAQiC,KAAK;YAC3E4L,YAAY;YACZH,WAAW,CAAC,UAAU,EACpBvN,UAAUH,QAAQiC,KAAK,GAAI,IAAI5B,cAAcL,QAAQiC,KAAK,GAAI,IAAI5B,YACnE;iBACJ,EAAEmJ,cAAc7F,MAAM,GAAG3D,QAAQgC,MAAM,GAAIhC,QAAQ+B,GAAG,GAAI1B,YAAY,YAAY,CAAC;YAChF6D,WAAWtB,QAAQgL,SAAS;QAC9B;QACAE,UAAUpE;SAKjBvE,UACA5F,MAAMiD,UAAU,KAAKD,aAAahD,MAAMiD,UAAU,KAAK,MAAA,WAAA,GACtD,OAAA,aAAA,CAACvD,8BAAAA,EAAAA;QACE,GAAG0K,qBAAqB;QACzBG,SAASvK,MAAMiD,UAAU;QACzBmL,WAAW;YACTnC,GAAI9B,CAAAA,iCAAiC1J,QAAQgC,MAAAA,AAAM,IAAK,IAAIjB;YAC5DF,GAAGV,UAAUqJ,cAAc5F,KAAK,GAAG5D,QAAQiC,KAAK,GAAI,IAAI5B,cAAcL,QAAQkC,IAAI,GAAI,IAAI7B;YAC1FwN,YAAY;YACZH,WAAW,CAAC;iBACX,EAAElE,cAAc7F,MAAM,GAAG3D,QAAQgC,MAAM,GAAIhC,QAAQ+B,GAAG,GAAI1B,YAAY,YAAY,CAAC;YACpF6D,WAAWtB,QAAQgL,SAAS;QAC9B;QACAE,UAAUpE;QAGbnK,MAAMoD,eAAe,KAAKJ,aACzBhD,MAAMoD,eAAe,KAAK,MACzBpD,CAAAA,MAAMkD,mBAAmB,KAAKF,aAAahD,MAAMkD,mBAAmB,KAAK,EAAA,CAAC,IAAA,WAAA,GACzE,OAAA,aAAA,CAACxD,8BAAAA,EAAAA;QACE,GAAG0K,qBAAqB;QACzBG,SAASvK,MAAMoD,eAAe;QAC9BgL,WAAW;YACTnC,GAAI9B,kCAAiC1J,QAAQgC,MAAM,AAANA,IAAW,IAAIjB;YAC5DF,GAAGV,UAAUkB,aAAahB,cAAcmJ,cAAc5F,KAAK,GAAG5D,QAAQiC,KAAK;YAC3E4L,YAAY;YACZH,WAAW,CAAC,UAAU,EACpBvN,UAAUH,QAAQiC,KAAK,GAAI,IAAI5B,cAAcL,QAAQiC,KAAK,GAAI,IAAI5B,YACnE;mBACA,EAAEmJ,cAAc7F,MAAM,GAAG3D,QAAQgC,MAAM,GAAIhC,QAAQ+B,GAAG,GAAI1B,YAAY,YAAY,CAAC;YACpF6D,WAAWtB,QAAQmL,cAAc;YACjC,eAAe;QACjB;QACAD,UAAUpE;UAMnB,CAACnK,MAAMyK,UAAU,IAAA,WAAA,GAChB,OAAA,aAAA,CAAC4C,OAAAA;QAAIG,KAAK,CAACnE,IAAuBjJ,kBAAkBiJ;QAAI1E,WAAWtB,QAAQjD,eAAe;OACvFJ,MAAMyO,UAAU,GAIpB9I,WAAAA,WAAAA,GAAW,OAAA,aAAA,CAACtH,OAAMqQ,QAAQ,EAAA;QAACC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACtB,OAAAA,MAAI;OAAmB1H;AAGpE,GAAG;AACH7F,eAAe8O,WAAW,GAAG;AAC7B9O,eAAe+O,YAAY,GAAG;IAC5B/H,iBAAiB;AACnB"}

package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { LegendsProps } from '../Legends/index';\nimport {\n  AccessibilityProps,\n  Chart,\n  Margins,\n  DataPoint,\n  HorizontalBarChartWithAxisDataPoint,\n  GroupedVerticalBarChartData,\n  HeatMapChartDataPoint,\n  LineChartPoints,\n  VerticalBarChartDataPoint,\n  VerticalStackedBarDataPoint,\n  ScatterChartPoints,\n  GanttChartDataPoint,\n  AxisCategoryOrder,\n  AxisProps,\n  AxisScaleType,\n} from '../../types/index';\nimport { TimeLocaleDefinition } from 'd3-time-format';\nimport { ChartPopoverProps } from './ChartPopover.types';\nimport { ChartTypes, IAxisData, IDomainNRange, IYAxisParams, XAxisTypes, YAxisType } from '../../utilities/utilities';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\n/**\n * Cartesian Chart style properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyleProps {\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Color of the chart.\n   */\n  color?: string;\n\n  /**\n   * Link to redirect if click action for graph\n   */\n  href?: string;\n\n  /**\n   * prop to check if the chart is selected or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check if the Page is in Rtl\n   */\n  useRtl?: boolean;\n\n  /**\n   * color of the line\n   */\n  lineColor?: string;\n\n  /**\n   * boolean flag which determines if shape is drawn in callout\n   */\n  toDrawShape?: boolean;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n}\n\n/**\n * Cartesian Chart styles\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   * Style for the element containing the x-axis.\n   */\n  xAxis?: string;\n\n  /**\n   * Style for the element containing the y-axis.\n   */\n  yAxis?: string;\n\n  /**\n   * Style for legend container\n   */\n  legendContainer?: string;\n\n  /**\n   * line hover box css\n   */\n  hover?: string;\n\n  /**\n   * styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * styles for tooltip\n   */\n  tooltip?: string;\n\n  /**\n   * styles for axis title\n   */\n  axisTitle?: string;\n\n  /**\n   * styles for axis annotation\n   */\n  axisAnnotation?: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover?: string;\n\n  /**\n   * styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the svg tooltip\n   */\n  svgTooltip?: string;\n\n  /**\n   * Styles for the chart svg element\n   */\n  chart?: string;\n}\n\n/**\n * Cartesian Chart properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartProps {\n  /**\n   * Below height used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  height?: number;\n\n  /**\n   * Below width used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  width?: number;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: Margins;\n\n  /** decides wether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * this prop takes values that you want the chart to render on x-axis\n   * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you\n   * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart\n   */\n  tickValues?: number[] | Date[] | string[] | undefined;\n\n  /**\n   * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'\n   * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis\n   * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.\n   */\n  tickFormat?: string;\n\n  /**\n   * Width of line stroke\n   */\n  strokeWidth?: number;\n\n  /**\n   * x Axis labels tick padding. This defines the gap between tick labels and tick lines.\n   * @default 10\n   */\n  xAxisTickPadding?: number;\n\n  /**\n   * the format in for the data on y-axis. For data object this can be specified to your requirement.\n   *  Eg: d3.format(\".0%\")(0.123),d3.format(\"+20\")(42);\n   * Please look at https://github.com/d3/d3-format for all the formats supported\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yAxisTickFormat?: any;\n\n  /**\n   * Secondary y-scale options\n   * By default this is not defined, meaning there will be no secondary y-scale.\n   */\n  secondaryYScaleOptions?: {\n    /** Minimum value (0 by default) */\n    yMinValue?: number;\n    /** Maximum value (100 by default) */\n    yMaxValue?: number;\n  };\n\n  /**\n   * minimum  data value point in y-axis\n   */\n  yMinValue?: number;\n\n  /**\n   * maximum data value point in y-axis\n   */\n  yMaxValue?: number;\n\n  /**\n   * maximum data value point in x-axis\n   */\n  xMaxValue?: number;\n\n  /**\n   * Number of ticks on the y-axis.\n   * Tick count should be factor of difference between (yMinValue, yMaxValue)?\n   * @default 4\n   */\n  yAxisTickCount?: number;\n\n  /**\n   * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.\n   * Does not work for string axis.\n   * @default 6\n   */\n  xAxisTickCount?: number;\n\n  /**\n   * define the size of the tick lines on the x-axis\n   * @default 10\n   */\n  xAxistickSize?: number;\n\n  /**\n   * defines the space between the tick line and the data label\n   * @default 10\n   */\n  tickPadding?: number;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   *@default false\n   *Used for to elipse x axis labes and show tooltip on x axis labels\n   */\n  showXAxisLablesTooltip?: boolean;\n\n  /**\n   * @default 4\n   * Used for X axis labels\n   * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.\n   */\n  noOfCharsToTruncate?: number;\n\n  /**\n   * @default false\n   * Used to wrap x axis labels values (whole value)\n   */\n  wrapXAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to rotate x axis labels by 45 degrees\n   */\n  rotateXAxisLables?: boolean;\n\n  /**\n   * The prop used to define the date time localization options\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * The prop used to define a custom locale for the date time format.\n   */\n  timeFormatLocale?: TimeLocaleDefinition;\n\n  /**\n   * The prop used to define a custom datetime formatter for date axis.\n   */\n  customDateTimeFormatter?: (dateTime: Date) => string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: CartesianChartStyles;\n\n  /**\n   * Callout customization props\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * props for the svg; use this to include aria-* or other attributes on the tag\n   */\n  svgProps?: React.SVGProps<SVGSVGElement>;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n\n  /**\n   * Prop to set the x axis title\n   * @default undefined\n   * Minimum bottom margin required for x axis title is 55px\n   */\n\n  xAxisTitle?: string;\n\n  /**\n   * Prop to set the y axis title\n   * @default undefined\n   * Minimum left margin required for y axis title is 60px and for RTL is 40px\n   * Minimum right margin required for y axis title is 40px and for RTL is 60px\n   */\n  yAxisTitle?: string;\n\n  /**\n   * Prop to set the secondary y axis title\n   * @default undefined\n   * If RTL is enabled, minimum left and right margins required for secondary y axis title is 60px\n   */\n  secondaryYAxistitle?: string;\n\n  /**\n   * Whether to use UTC time for axis scale, ticks, and the time display in callouts.\n   * When set to `true`, time is displayed equally, regardless of the user's timezone settings.\n   * @default true\n   */\n  useUTC?: string | boolean;\n\n  /**\n   * @default false\n   * The prop used to decide rounded ticks on y axis\n   */\n  roundedTicks?: boolean;\n\n  /**\n   * Determines whether overlapping x-axis tick labels should be hidden.\n   * @default true\n   */\n  hideTickOverlap?: boolean;\n\n  /**\n   * Define a custom callout props override\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: any) => ChartPopoverProps;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n\n  /**\n   * Prop to set the x axis annotation. Used to display additional information on the x-axis.\n   * This is shown on the top of the chart.\n   * @default undefined\n   */\n  xAxisAnnotation?: string;\n\n  /**\n   * Prop to set the y axis annotation. Used to display additional information on the y-axis.\n   * This is shown on the right side of the chart. Not shown if secondary y-axis is enabled.\n   * @default undefined\n   */\n  yAxisAnnotation?: string;\n\n  /**\n   * Specifies the ordering logic for categories (or string tick labels) on the x-axis.\n   * @default 'default'\n   */\n  xAxisCategoryOrder?: AxisCategoryOrder;\n\n  /**\n   * Specifies the ordering logic for categories (or string tick labels) on the y-axis.\n   * @default 'default'\n   */\n  yAxisCategoryOrder?: AxisCategoryOrder;\n\n  /**\n   * Defines the scale type for the x-axis.\n   * @default 'default'\n   */\n  xScaleType?: AxisScaleType;\n\n  /**\n   * Defines the scale type for the primary y-axis.\n   * @default 'default'\n   */\n  yScaleType?: AxisScaleType;\n\n  /**\n   * Defines the scale type for the secondary y-axis.\n   * @default 'default'\n   */\n  secondaryYScaleType?: AxisScaleType;\n\n  /**\n   * Explicit set of tick values for the y-axis.\n   * If provided, these values override automatic tick generation.\n   */\n  yAxisTickValues?: number[] | Date[] | string[];\n\n  /**\n   * Configuration for the x-axis.\n   * Use this to control `tickStep`, `tick0`, etc.\n   */\n  xAxis?: AxisProps;\n\n  /**\n   * Configuration for the y-axis.\n   * Use this to control `tickStep`, `tick0`, etc.\n   */\n  yAxis?: AxisProps;\n}\n\nexport interface YValueHover {\n  legend?: string;\n  y?: number | string;\n  color?: string;\n  data?: string | number;\n  shouldDrawBorderBottom?: boolean;\n  yAxisCalloutData?: string | { [id: string]: number };\n  index?: number;\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\nexport interface ChildProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: any;\n  containerHeight?: number;\n  containerWidth?: number;\n  optimizeLargeData?: boolean;\n}\n\n// Only used for Cartesian chart base\nexport interface ModifiedCartesianChartProps extends CartesianChartProps {\n  /**\n   * Define the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Only used for Area chart\n   * Value used to draw y axis of that chart.\n   */\n  maxOfYVal?: number;\n\n  /**\n   * Data of the chart\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  points: any;\n\n  /**\n   * Define type of the chart\n   */\n  chartType: ChartTypes;\n\n  /** X axis type */\n  xAxisType: XAxisTypes;\n\n  /** Y axis type */\n  yAxisType?: YAxisType;\n\n  /**\n   * Legends of the chart.\n   */\n  legendBars: JSXElement | null;\n\n  /**\n   * Callout props\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Callback method used for to get margins to the chart.\n   */\n  getmargins?: (margins: Margins) => void;\n\n  /**\n   * This is a call back method to the chart from cartesian chart.\n   * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.\n   * It also contians an optional param xAxisElement - defines as x axis scale element.\n   * This param used to enable feature word wrap of Xaxis.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getGraphData?: any;\n\n  /**\n   * Used for bar chart graphs.\n   * To define width of the bar\n   */\n  barwidth?: number;\n\n  /**\n   * Used for tick styles of the x axis of the chart\n   * Tick params are applicable for date axis only.\n   */\n  tickParams?: {\n    tickValues?: number[] | Date[] | string[];\n    tickFormat?: string;\n  };\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   * Children elements specific to derived chart types.\n   */\n  children(props: ChildProps): React.ReactNode;\n\n  /**\n   * To enable callout for individual bar or complete stack. Using for only Vertical stacked bar chart.\n   * @default false\n   * @type \\{boolean \\}\n   */\n  isCalloutForStack?: boolean;\n\n  /** dataset values to find out domain of the String axis\n   * Present using for only vertical stacked bar chart and grouped vertical bar chart\n   */\n  datasetForXAxisDomain?: string[];\n\n  /** Own callout design */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customizedCallout?: any;\n\n  /**\n   * if the data points for the y-axis is of type string, then we need to give this\n   * prop to construct the y-axis\n   */\n  stringDatasetForYAxisDomain?: string[];\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getAxisData?: any;\n\n  /**\n   * Callback method used when mouse leaves the chart boundary.\n   */\n  onChartMouseLeave?: () => void;\n\n  /** Callback method to get extra margins for domain */\n  getDomainMargins?: (containerWidth: number) => Margins;\n\n  /** Callback method to get extra margins for Y-axis domain */\n  getYDomainMargins?: (containerHeight: number) => Margins;\n\n  /** Padding between each bar/line-point */\n  xAxisInnerPadding?: number;\n\n  /** Padding before first bar/line-point and after last bar/line-point */\n  xAxisOuterPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to control the first render cycle Performance optimization code.\n   */\n  enableFirstRenderOptimization?: boolean;\n\n  /**\n   * Get the min and max values of the y-axis\n   */\n  getMinMaxOfYAxis: (\n    points:\n      | LineChartPoints[]\n      | HorizontalBarChartWithAxisDataPoint[]\n      | VerticalBarChartDataPoint[]\n      | DataPoint[]\n      | ScatterChartPoints[]\n      | GanttChartDataPoint[],\n    yAxisType: YAxisType | undefined,\n    useSecondaryYScale?: boolean,\n  ) => { startValue: number; endValue: number };\n\n  /**\n   * Create the y-axis\n   */\n  createYAxis: (\n    yAxisParams: IYAxisParams,\n    isRtl: boolean,\n    axisData: IAxisData,\n    isIntegralDataset: boolean,\n    chartType: ChartTypes,\n    useSecondaryYScale?: boolean,\n    roundedTicks?: boolean,\n    scaleType?: AxisScaleType,\n  ) => ScaleLinear<number, number, never>;\n\n  /**\n   * Get the domain and range values\n   */\n  getDomainNRangeValues: (\n    points:\n      | LineChartPoints[]\n      | VerticalBarChartDataPoint[]\n      | VerticalStackedBarDataPoint[]\n      | HorizontalBarChartWithAxisDataPoint[]\n      | GroupedVerticalBarChartData[]\n      | HeatMapChartDataPoint[]\n      | GanttChartDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | string[] | undefined,\n    shiftX: number,\n  ) => IDomainNRange;\n\n  /**\n   * Create the string y-axis\n   */\n  createStringYAxis: (\n    yAxisParams: IYAxisParams,\n    dataPoints: string[],\n    isRtl: boolean,\n    barWidth: number | undefined,\n    chartType?: ChartTypes,\n  ) => ScaleBand<string>;\n\n  /**\n   * Controls whether the numeric x-axis domain should be extended to start and end at nice rounded values.\n   * @default true\n   */\n  showRoundOffXTickValues?: boolean;\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { LegendsProps } from '../Legends/index';\nimport {\n  AccessibilityProps,\n  Chart,\n  Margins,\n  DataPoint,\n  HorizontalBarChartWithAxisDataPoint,\n  GroupedVerticalBarChartData,\n  HeatMapChartDataPoint,\n  LineChartPoints,\n  VerticalBarChartDataPoint,\n  VerticalStackedBarDataPoint,\n  ScatterChartPoints,\n  GanttChartDataPoint,\n  AxisCategoryOrder,\n  AxisProps,\n  AxisScaleType,\n} from '../../types/index';\nimport { TimeLocaleDefinition } from 'd3-time-format';\nimport { ChartPopoverProps } from './ChartPopover.types';\nimport { ChartTypes, IAxisData, IDomainNRange, IYAxisParams, XAxisTypes, YAxisType } from '../../utilities/utilities';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\n/**\n * Cartesian Chart style properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyleProps {\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Color of the chart.\n   */\n  color?: string;\n\n  /**\n   * Link to redirect if click action for graph\n   */\n  href?: string;\n\n  /**\n   * prop to check if the chart is selected or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check if the Page is in Rtl\n   */\n  useRtl?: boolean;\n\n  /**\n   * color of the line\n   */\n  lineColor?: string;\n\n  /**\n   * boolean flag which determines if shape is drawn in callout\n   */\n  toDrawShape?: boolean;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n}\n\n/**\n * Cartesian Chart styles\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   * Style for the element containing the x-axis.\n   */\n  xAxis?: string;\n\n  /**\n   * Style for the element containing the y-axis.\n   */\n  yAxis?: string;\n\n  /**\n   * Style for legend container\n   */\n  legendContainer?: string;\n\n  /**\n   * line hover box css\n   */\n  hover?: string;\n\n  /**\n   * styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * styles for tooltip\n   */\n  tooltip?: string;\n\n  /**\n   * styles for axis title\n   */\n  axisTitle?: string;\n\n  /**\n   * styles for axis annotation\n   */\n  axisAnnotation?: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover?: string;\n\n  /**\n   * styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the svg tooltip\n   */\n  svgTooltip?: string;\n\n  /**\n   * Styles for the chart svg element\n   */\n  chart?: string;\n}\n\n/**\n * Cartesian Chart properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartProps {\n  /**\n   * Below height used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  height?: number;\n\n  /**\n   * Below width used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  width?: number;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: Margins;\n\n  /** decides wether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * this prop takes values that you want the chart to render on x-axis\n   * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you\n   * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart\n   */\n  tickValues?: number[] | Date[] | string[] | undefined;\n\n  /**\n   * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'\n   * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis\n   * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.\n   */\n  tickFormat?: string;\n\n  /**\n   * Width of line stroke\n   */\n  strokeWidth?: number;\n\n  /**\n   * x Axis labels tick padding. This defines the gap between tick labels and tick lines.\n   * @default 10\n   */\n  xAxisTickPadding?: number;\n\n  /**\n   * the format in for the data on y-axis. For data object this can be specified to your requirement.\n   *  Eg: d3.format(\".0%\")(0.123),d3.format(\"+20\")(42);\n   * Please look at https://github.com/d3/d3-format for all the formats supported\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yAxisTickFormat?: any;\n\n  /**\n   * Secondary y-scale options\n   * By default this is not defined, meaning there will be no secondary y-scale.\n   */\n  secondaryYScaleOptions?: {\n    /** Minimum value (0 by default) */\n    yMinValue?: number;\n    /** Maximum value (100 by default) */\n    yMaxValue?: number;\n  };\n\n  /**\n   * minimum  data value point in y-axis\n   */\n  yMinValue?: number;\n\n  /**\n   * maximum data value point in y-axis\n   */\n  yMaxValue?: number;\n\n  /**\n   * maximum data value point in x-axis\n   */\n  xMaxValue?: number;\n\n  /**\n   * Number of ticks on the y-axis.\n   * Tick count should be factor of difference between (yMinValue, yMaxValue)?\n   * @default 4\n   */\n  yAxisTickCount?: number;\n\n  /**\n   * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.\n   * Does not work for string axis.\n   * @default 6\n   */\n  xAxisTickCount?: number;\n\n  /**\n   * define the size of the tick lines on the x-axis\n   * @default 10\n   */\n  xAxistickSize?: number;\n\n  /**\n   * defines the space between the tick line and the data label\n   * @default 10\n   */\n  tickPadding?: number;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   *@default false\n   *Used for to elipse x axis labes and show tooltip on x axis labels\n   */\n  showXAxisLablesTooltip?: boolean;\n\n  /**\n   * @default 4\n   * Used for X axis labels\n   * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.\n   */\n  noOfCharsToTruncate?: number;\n\n  /**\n   * @default false\n   * Used to wrap x axis labels values (whole value)\n   */\n  wrapXAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to rotate x axis labels by 45 degrees\n   */\n  rotateXAxisLables?: boolean;\n\n  /**\n   * The prop used to define the date time localization options\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * The prop used to define a custom locale for the date time format.\n   */\n  timeFormatLocale?: TimeLocaleDefinition;\n\n  /**\n   * The prop used to define a custom datetime formatter for date axis.\n   */\n  customDateTimeFormatter?: (dateTime: Date) => string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: CartesianChartStyles;\n\n  /**\n   * Callout customization props\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * props for the svg; use this to include aria-* or other attributes on the tag\n   */\n  svgProps?: React.SVGProps<SVGSVGElement>;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n\n  /**\n   * Prop to set the x axis title\n   * @default undefined\n   * Minimum bottom margin required for x axis title is 55px\n   */\n\n  xAxisTitle?: string;\n\n  /**\n   * Prop to set the y axis title\n   * @default undefined\n   * Minimum left margin required for y axis title is 60px and for RTL is 40px\n   * Minimum right margin required for y axis title is 40px and for RTL is 60px\n   */\n  yAxisTitle?: string;\n\n  /**\n   * Prop to set the secondary y axis title\n   * @default undefined\n   * If RTL is enabled, minimum left and right margins required for secondary y axis title is 60px\n   */\n  secondaryYAxistitle?: string;\n\n  /**\n   * Whether to use UTC time for axis scale, ticks, and the time display in callouts.\n   * When set to `true`, time is displayed equally, regardless of the user's timezone settings.\n   * @default true\n   */\n  useUTC?: string | boolean;\n\n  /**\n   * @default false\n   * The prop used to decide rounded ticks on y axis\n   */\n  roundedTicks?: boolean;\n\n  /**\n   * Determines whether overlapping x-axis tick labels should be hidden.\n   * @default true\n   */\n  hideTickOverlap?: boolean;\n\n  /**\n   * Define a custom callout props override\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: any) => ChartPopoverProps;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n\n  /**\n   * Prop to set the x axis annotation. Used to display additional information on the x-axis.\n   * This is shown on the top of the chart.\n   * @default undefined\n   */\n  xAxisAnnotation?: string;\n\n  /**\n   * Prop to set the y axis annotation. Used to display additional information on the y-axis.\n   * This is shown on the right side of the chart. Not shown if secondary y-axis is enabled.\n   * @default undefined\n   */\n  yAxisAnnotation?: string;\n\n  /**\n   * Specifies the ordering logic for categories (or string tick labels) on the x-axis.\n   * @default 'default'\n   */\n  xAxisCategoryOrder?: AxisCategoryOrder;\n\n  /**\n   * Specifies the ordering logic for categories (or string tick labels) on the y-axis.\n   * @default 'default'\n   */\n  yAxisCategoryOrder?: AxisCategoryOrder;\n\n  /**\n   * Defines the scale type for the x-axis.\n   * @default 'default'\n   */\n  xScaleType?: AxisScaleType;\n\n  /**\n   * Defines the scale type for the primary y-axis.\n   * @default 'default'\n   */\n  yScaleType?: AxisScaleType;\n\n  /**\n   * Defines the scale type for the secondary y-axis.\n   * @default 'default'\n   */\n  secondaryYScaleType?: AxisScaleType;\n\n  /**\n   * Explicit set of tick values for the y-axis.\n   * If provided, these values override automatic tick generation.\n   */\n  yAxisTickValues?: number[] | Date[] | string[];\n\n  /**\n   * Configuration for the x-axis.\n   * Use this to control `tickStep`, `tick0`, etc.\n   */\n  xAxis?: AxisProps;\n\n  /**\n   * Configuration for the y-axis.\n   * Use this to control `tickStep`, `tick0`, etc.\n   */\n  yAxis?: AxisProps;\n}\n\nexport interface YValueHover {\n  legend?: string;\n  y?: number | string;\n  color?: string;\n  data?: string | number;\n  shouldDrawBorderBottom?: boolean;\n  yAxisCalloutData?: string | { [id: string]: number };\n  index?: number;\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\nexport interface ChildProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: any;\n  containerHeight?: number;\n  containerWidth?: number;\n  optimizeLargeData?: boolean;\n}\n\n// Only used for Cartesian chart base\nexport interface ModifiedCartesianChartProps extends CartesianChartProps {\n  /**\n   * Define the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Only used for Area chart\n   * Value used to draw y axis of that chart.\n   */\n  maxOfYVal?: number;\n\n  /**\n   * Data of the chart\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  points: any;\n\n  /**\n   * Define type of the chart\n   */\n  chartType: ChartTypes;\n\n  /** X axis type */\n  xAxisType: XAxisTypes;\n\n  /** Y axis type */\n  yAxisType?: YAxisType;\n\n  /**\n   * Legends of the chart.\n   */\n  legendBars: JSXElement | null;\n\n  /**\n   * Callout props\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Callback method used for to get margins to the chart.\n   */\n  getmargins?: (margins: Margins) => void;\n\n  /**\n   * This is a call back method to the chart from cartesian chart.\n   * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.\n   * It also contians an optional param xAxisElement - defines as x axis scale element.\n   * This param used to enable feature word wrap of Xaxis.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getGraphData?: any;\n\n  /**\n   * Used for bar chart graphs.\n   * To define width of the bar\n   */\n  barwidth?: number;\n\n  /**\n   * Used for tick styles of the x axis of the chart\n   * Tick params are applicable for date axis only.\n   */\n  tickParams?: {\n    tickValues?: number[] | Date[] | string[];\n    tickFormat?: string;\n  };\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   * Children elements specific to derived chart types.\n   */\n  children(props: ChildProps): React.ReactNode;\n\n  /**\n   * To enable callout for individual bar or complete stack. Using for only Vertical stacked bar chart.\n   * @default false\n   * @type \\{boolean \\}\n   */\n  isCalloutForStack?: boolean;\n\n  /** dataset values to find out domain of the String axis\n   * Present using for only vertical stacked bar chart and grouped vertical bar chart\n   */\n  datasetForXAxisDomain?: string[];\n\n  /** Own callout design */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customizedCallout?: any;\n\n  /**\n   * if the data points for the y-axis is of type string, then we need to give this\n   * prop to construct the y-axis\n   */\n  stringDatasetForYAxisDomain?: string[];\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getAxisData?: any;\n\n  /**\n   * Callback method used when mouse leaves the chart boundary.\n   */\n  onChartMouseLeave?: () => void;\n\n  /** Callback method to get extra margins for domain */\n  getDomainMargins?: (containerWidth: number) => Margins;\n\n  /** Callback method to get extra margins for Y-axis domain */\n  getYDomainMargins?: (containerHeight: number) => Margins;\n\n  /** Padding between each bar/line-point */\n  xAxisInnerPadding?: number;\n\n  /** Padding before first bar/line-point and after last bar/line-point */\n  xAxisOuterPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to control the first render cycle Performance optimization code.\n   */\n  enableFirstRenderOptimization?: boolean;\n\n  /**\n   * Get the min and max values of the y-axis\n   */\n  getMinMaxOfYAxis: (\n    points:\n      | LineChartPoints[]\n      | HorizontalBarChartWithAxisDataPoint[]\n      | VerticalBarChartDataPoint[]\n      | DataPoint[]\n      | ScatterChartPoints[]\n      | GanttChartDataPoint[],\n    yAxisType: YAxisType | undefined,\n    useSecondaryYScale?: boolean,\n  ) => { startValue: number; endValue: number };\n\n  /**\n   * Create the y-axis\n   */\n  createYAxis: (\n    yAxisParams: IYAxisParams,\n    isRtl: boolean,\n    axisData: IAxisData,\n    isIntegralDataset: boolean,\n    chartType: ChartTypes,\n    useSecondaryYScale?: boolean,\n    roundedTicks?: boolean,\n    scaleType?: AxisScaleType,\n    _useRtl?: boolean,\n  ) => ScaleLinear<number, number, never>;\n\n  /**\n   * Get the domain and range values\n   */\n  getDomainNRangeValues: (\n    points:\n      | LineChartPoints[]\n      | VerticalBarChartDataPoint[]\n      | VerticalStackedBarDataPoint[]\n      | HorizontalBarChartWithAxisDataPoint[]\n      | GroupedVerticalBarChartData[]\n      | HeatMapChartDataPoint[]\n      | GanttChartDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | string[] | undefined,\n    shiftX: number,\n  ) => IDomainNRange;\n\n  /**\n   * Create the string y-axis\n   */\n  createStringYAxis: (\n    yAxisParams: IYAxisParams,\n    dataPoints: string[],\n    isRtl: boolean,\n    barWidth: number | undefined,\n    chartType?: ChartTypes,\n  ) => ScaleBand<string>;\n\n  /**\n   * Controls whether the numeric x-axis domain should be extended to start and end at nice rounded values.\n   * @default true\n   */\n  showRoundOffXTickValues?: boolean;\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/CommonComponents/ChartPopover.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -75,7 +76,8 @@ const ChartPopover = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     }, (0, _chartutilities.formatToLocaleString)(legend, props.culture)), /*#__PURE__*/ _react.createElement("div", {
         className: classes.calloutContentY,
         style: {
-            color: props.color ? props.color : _reacttheme.tokens.colorNeutralForeground1
+            color: props.color ? props.color : _reacttheme.tokens.colorNeutralForeground1,
+            fontSize: _reacttheme.tokens.fontSizeHero700
         }
     }, (0, _chartutilities.formatToLocaleString)(YValue, props.culture))), !!props.ratio && /*#__PURE__*/ _react.createElement("div", {
         className: classes.ratio
@@ -106,7 +108,8 @@ const ChartPopover = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             } : {}
         }, props.YValueHover && props.YValueHover.map((yValue, index, yValues)=>{
             const isLast = index + 1 === yValues.length;
-            const { shouldDrawBorderBottom = false } = yValue;
+            var _yValue_shouldDrawBorderBottom;
+            const shouldDrawBorderBottom = isLast ? false : (_yValue_shouldDrawBorderBottom = yValue.shouldDrawBorderBottom) !== null && _yValue_shouldDrawBorderBottom !== void 0 ? _yValue_shouldDrawBorderBottom : false;
             return /*#__PURE__*/ _react.createElement("div", {
                 ...(0, _index.getAccessibleDataObject)(yValue.callOutAccessibilityData, 'text', false),
                 key: `callout-content-${index}`,
@@ -150,7 +153,6 @@ const ChartPopover = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 id: `${index}_${xValue.y}`,
                 className: classes.calloutBlockContainer,
                 style: {
-                    marginTop: props.XValue ? '13px' : 'unset',
                     ...!toDrawShape ? {
                         borderInlineStart: `4px solid ${xValue.color}`
                     } : {}
@@ -164,11 +166,18 @@ const ChartPopover = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 },
                 shape: _index.Points[xValue.index % Object.keys(_index.pointTypes).length]
             }), /*#__PURE__*/ _react.createElement("div", {
-                className: (0, _react1.mergeClasses)(classes.calloutBlockContainer, toDrawShape ? classes.calloutBlockContainertoDrawShapetrue : classes.calloutBlockContainertoDrawShapefalse)
+                className: (0, _react1.mergeClasses)(classes.calloutBlockContainer, toDrawShape ? classes.calloutBlockContainertoDrawShapetrue : classes.calloutBlockContainertoDrawShapefalse),
+                style: {
+                    marginTop: xValue ? '13px' : 'unset'
+                }
             }, /*#__PURE__*/ _react.createElement("div", {
                 className: classes.calloutlegendText
             }, " ", xValue.legend), /*#__PURE__*/ _react.createElement("div", {
-                className: classes.calloutContentY
+                className: classes.calloutContentY,
+                style: {
+                    direction: 'ltr',
+                    unicodeBidi: 'isolate'
+                }
             }, (0, _chartutilities.formatToLocaleString)(xValue.yAxisCalloutData ? xValue.yAxisCalloutData : (_xValue_y = xValue.y) !== null && _xValue_y !== void 0 ? _xValue_y : xValue.data, culture)))));
         } else {
             const subcounts = xValue.yAxisCalloutData;