From 582d59f0a3d5330548da1eea3e1bb559f9ab2fc7 Mon Sep 17 00:00:00 2001 From: carysmills Date: Fri, 11 Oct 2024 15:06:33 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=207749e?= =?UTF-8?q?b3550dfa9eaea63a7894d6c37d6495d116f=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/main-492b8fa8131b38b1bef1.js | 2 +- docs/project.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/main-492b8fa8131b38b1bef1.js b/docs/main-492b8fa8131b38b1bef1.js index 806dcbef5..17b303b63 100644 --- a/docs/main-492b8fa8131b38b1bef1.js +++ b/docs/main-492b8fa8131b38b1bef1.js @@ -1,4 +1,4 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"compareStoryPaths",(function(){return preview_compareStoryPaths})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters})),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),toConsumableArray=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),toConsumableArray_default=__webpack_require__.n(toConsumableArray),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),toArray=__webpack_require__("./node_modules/@babel/runtime/helpers/toArray.js"),toArray_default=__webpack_require__.n(toArray),esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js")),PolarisVizProvider=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),storiesOrder={Intro:null,Shared:{"Design System":{Context:null,Definitions:null,Principles:null,"Analytics Design Language":null,"Analytics Experiences":null,Behavior:null,"Building blocks":null},"Data Structure":null,Legends:null,Labels:null,Hooks:null,Utilities:null,Themes:{"Available Themes":null,Customizing:null,"createTheme Utility":null,"Theme Definition":{Intro:null}},Types:null},"polaris-viz":{"Getting Started":null,"Available Charts":null,Subcomponents:null,Charts:null},"polaris-viz-native":{"Getting Started":null,"Available Charts":null,Subcomponents:null,Charts:null},Contributing:{README:null,"Code of Conduct":null,"Creating Releases":null,"Local Development":null,"Polaris Viz Core":null},Playground:{"Playground area":null}},hasKey=function hasKey(obj,key){return Object.prototype.hasOwnProperty.call(obj,key)},preview_compareStoryPaths=function compareStoryPaths(order,path1,path2){if(0===path1.length&&0===path2.length)return 0;if(0===path1.length&&path2.length>0)return-1;if(path1.length>0&&0===path2.length)return 1;var _path=toArray_default()(path1),path1Head=_path[0],path1Tail=_path.slice(1),_path2=toArray_default()(path2),path2Head=_path2[0],path2Tail=_path2.slice(1);if(!order){var comp=function compareAlphabetical(a,b){return a.localeCompare(b,{numeric:!0})}(path1Head,path2Head);return 0===comp?compareStoryPaths(null,path1Tail,path2Tail):comp}if(path1Head===path2Head){var key=path1Head;return hasKey(order,key)?compareStoryPaths(order[key],path1Tail,path2Tail):compareStoryPaths(null,path1Tail,path2Tail)}if(hasKey(order,path1Head)||hasKey(order,path2Head)){if(hasKey(order,path1Head)&&!hasKey(order,path2Head))return-1;if(!hasKey(order,path1Head)&&hasKey(order,path2Head))return 1;var orderKeys=Object.keys(order);return orderKeys.indexOf(path1Head)*:last-child{grid-column:span 2}",""]),exports.locals={SimpleBarSkeleton:"SimpleBarSkeleton-SimpleBarSkeleton_bZyJz",Item:"SimpleBarSkeleton-Item_1J9r0"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartSkeleton/components/SimpleNormalizedSkeleton/SimpleNormalizedSkeleton.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SimpleNormalizedSkeleton-Legend_2IRUK{height:50px;display:flex;gap:5%;max-width:60%;margin:14px 0}.SimpleNormalizedSkeleton-LegendItem_2ybw3{width:100%;display:block;display:grid;grid-template-columns:16px 1fr;grid-template-rows:16px;grid-gap:10px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:first-child{width:16px;height:16px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:nth-child(2){height:16px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:nth-child(3){grid-column:2;height:16px;width:80%}.SimpleNormalizedSkeleton-LegendItemComponent_12wGc{border-radius:2px;height:16px;width:100%}",""]),exports.locals={Legend:"SimpleNormalizedSkeleton-Legend_2IRUK",LegendItem:"SimpleNormalizedSkeleton-LegendItem_2ybw3",LegendItemComponent:"SimpleNormalizedSkeleton-LegendItemComponent_12wGc"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Crosshair/Crosshair.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Crosshair-Crosshair_ixZSt{pointer-events:none}",""]),exports.locals={Crosshair:"Crosshair-Crosshair_ixZSt"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Banner-Banner_1bebM{padding:8px 15px;border-radius:5px;box-shadow:-2px 2px 9px 0 rgba(0,0,0,.3);line-height:1.5;font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}.Banner-Banner_1bebM::before{content:"⚠️";margin-right:5px}.Banner-Banner_1bebM code{color:rgba(255,255,255,.7);font-size:16px;border:1px solid #444;padding:2px 5px;border-radius:3px}.Banner-Alert_2q4Rv{background:linear-gradient(157deg, #3e241c 0%, #2e2e2e 40%);border:1px solid #484848;color:#fff}.Banner-Alert_2q4Rv::before{margin-right:5px;color:#fb5300}.Banner-Info_35r-M{background:linear-gradient(157deg, #3e3a1c 0%, #2e2e2e 40%);border:1px solid #484848;color:#fff}.Banner-Info_35r-M::before{color:#fbd200}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Banner:"Banner-Banner_1bebM",Alert:"Banner-Alert_2q4Rv",Info:"Banner-Info_35r-M"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".ComponentContainer-Container_2Ix76{background:#1f1f25;border-radius:8px;padding-bottom:10px;color:#fff;display:inline-table}.ComponentContainer-CardTop_1g7DA{border-radius:8px 8px 0 0;padding:20px;background:#3d3d3e;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:background .3s,box-shadow .3s;margin-top:-1px;min-height:89px}.ComponentContainer-CardTop_1g7DA button{background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;outline:none;text-align:inherit;font-size:inherit;cursor:pointer}.ComponentContainer-HasLink_1PZ33:hover{background:#444;box-shadow:0 0 4px rgba(0,0,0,.1),0 8px 40px rgba(0,0,0,.2)}.ComponentContainer-HasLink_1PZ33 a{text-decoration:none;color:#fff}.ComponentContainer-Heading_Z97yg{margin-top:0}.ComponentContainer-Paragraph_gVHx8{margin:0;line-height:1.5}.ComponentContainer-Link_osKwg{text-decoration:none;color:#fff}.ComponentContainer-CenterChartContainer_3cvlD{position:relative;display:grid;justify-content:center;align-content:center;width:100%;height:250px}.ComponentContainer-ChartContainer_3hhUa{position:relative;width:100%;height:250px}.ComponentContainer-ChartContainer_3hhUa>*{position:absolute;left:10px;top:15px;width:calc(100% - 20px);height:calc(100% - 20px)}.ComponentContainer-CodeSample_2rjnE{padding-top:20px;display:block}.ComponentContainer-CodeSample_2rjnE>*{margin:0 !important}.ComponentContainer-CodeSampleOnly_6qXij{padding-top:0}.ComponentContainer-CodeSampleOnly_6qXij>*{margin:0 !important}",""]),exports.locals={Container:"ComponentContainer-Container_2Ix76",CardTop:"ComponentContainer-CardTop_1g7DA",HasLink:"ComponentContainer-HasLink_1PZ33",Heading:"ComponentContainer-Heading_Z97yg",Paragraph:"ComponentContainer-Paragraph_gVHx8",Link:"ComponentContainer-Link_osKwg",CenterChartContainer:"ComponentContainer-CenterChartContainer_3cvlD",ChartContainer:"ComponentContainer-ChartContainer_3hhUa",CodeSample:"ComponentContainer-CodeSample_2rjnE",CodeSampleOnly:"ComponentContainer-CodeSampleOnly_6qXij"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.PropertyTable-PropertyTable_1-Jia{font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;margin:16px 0;font-size:14px;line-height:24px;padding:0;border-collapse:collapse}.PropertyTable-PropertyTable_1-Jia tr{border-top:1px solid rgba(255,255,255,.1);margin:0;padding:0}.PropertyTable-PropertyTable_1-Jia tr:nth-of-type(2n){background-color:#444}.PropertyTable-PropertyTable_1-Jia tr td{border:1px solid rgba(255,255,255,.1);color:#fff;margin:0;padding:6px 13px}.PropertyTable-PropertyTable_1-Jia th{font-weight:bold;color:#fff;border:1px solid rgba(255,255,255,.1);margin:0;padding:6px 13px}.PropertyTable-PropertyTable_1-Jia code{font-family:"Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;padding-left:2px;padding-right:2px;vertical-align:baseline;color:inherit;line-height:1;margin:0 2px;padding:3px 5px;border-radius:3px;font-size:13px;border:1px solid #444;color:rgba(255,255,255,.7);background-color:rgba(0,0,0,.1);white-space:pre}.PropertyTable-typeArray_NQjAC{white-space:pre-wrap;min-width:90px}',""]),exports.locals={PropertyTable:"PropertyTable-PropertyTable_1-Jia",typeArray:"PropertyTable-typeArray_NQjAC"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Title-TitleAnchor_1KtuV{text-decoration:none}.Title-TitleAnchor_1KtuV:hover>*::after{content:" πŸ”—";font-size:13px;position:absolute;left:-17px;top:2px}.Title-h1_3_mCK,.Title-h2_2i6k2,.Title-h3_1gEuh,.Title-h4_bDQ0k{position:relative;color:#fff}.Title-h1_3_mCK>code,.Title-h2_2i6k2>code,.Title-h3_1gEuh>code,.Title-h4_bDQ0k>code{font-weight:200}.Title-h1_3_mCK,.Title-h1_3_mCK>code{font-size:32px}.Title-h2_2i6k2,.Title-h2_2i6k2>code{font-size:26px}.Title-h3_1gEuh,.Title-h3_1gEuh>code{font-size:22px}.Title-h4_bDQ0k,.Title-h4_bDQ0k>code{font-size:18px}',""]),exports.locals={TitleAnchor:"Title-TitleAnchor_1KtuV",h1:"Title-h1_3_mCK",h2:"Title-h2_2i6k2",h3:"Title-h3_1gEuh",h4:"Title-h4_bDQ0k"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/DonutChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".DonutChart-Donut_1QnxO{position:relative;display:flex;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}.DonutChart-DonutWrapper_uMp-4{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.DonutChart-ContentWrapper_EbAbk{position:absolute;justify-content:center;display:flex;flex-flow:column nowrap;align-items:center;pointer-events:none;width:100%;height:100%}.DonutChart-ContentValue_aD1Kb{line-height:24px;font-weight:700;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin:0;font-variant-numeric:tabular-nums}.DonutChart-ComparisonMetric_-hXc_{font-size:16px}.DonutChart-DonutChart_1x34r{outline:none;overflow:visible}.DonutChart-DonutChart_1x34r:focus,.DonutChart-DonutChart_1x34r:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Donut:"DonutChart-Donut_1QnxO",DonutWrapper:"DonutChart-DonutWrapper_uMp-4",ContentWrapper:"DonutChart-ContentWrapper_EbAbk",ContentValue:"DonutChart-ContentValue_aD1Kb",ComparisonMetric:"DonutChart-ComparisonMetric_-hXc_",DonutChart:"DonutChart-DonutChart_1x34r"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/components/LegendValues/LegendValues.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendValues-Table_3jmFm{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed}",""]),exports.locals={Table:"LegendValues-Table_3jmFm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/components/LegendValues/components/LegendValueItem/LegendValueItem.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendValueItem-ColorPreview_3SmUj{width:12px}.LegendValueItem-Name_2QuaD{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:20px}.LegendValueItem-alignLeft_2i1fT{text-align:left}.LegendValueItem-alignRight_Nl1FG{text-align:right}",""]),exports.locals={ColorPreview:"LegendValueItem-ColorPreview_3SmUj",Name:"LegendValueItem-Name_2QuaD",alignLeft:"LegendValueItem-alignLeft_2i1fT",alignRight:"LegendValueItem-alignRight_Nl1FG"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/FunnelChart/components/Label.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Label-Label_1fJYt{text-align:center;padding-top:6px;display:flex;justify-content:center;align-items:center}.Label-Label_1fJYt>span{padding:0 4px;border-radius:"4px";border-radius:4px}.Label-Label_1fJYt>span:empty{display:none}.Label-YAxis_2tzn6{overflow:visible}',""]),exports.locals={Label:"Label-Label_1fJYt",YAxis:"Label-YAxis_2tzn6"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.LegendItem-Legend_38Tzr{padding:6px 0;outline:none;border:none;border-radius:2px;display:flex}.LegendItem-Legend_38Tzr:focus,.LegendItem-Legend_38Tzr:focus-visible{outline:2px solid #4b92e5;outline-offset:2px}.LegendItem-Legend_38Tzr:focus{outline:none}.LegendItem-Legend_38Tzr:focus-visible{outline:2px solid #4b92e5;outline-offset:2px}.LegendItem-TextContainer_2U0Ts{display:flex;flex-direction:column;text-align:left;gap:3px;line-height:16px;margin:-2px 0;font-size:11px;font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;white-space:nowrap;min-width:0}.LegendItem-Text_1P97A{overflow:hidden;text-overflow:ellipsis}.LegendItem-IconContainer_2Y40c{display:flex;align-items:center;justify-items:center}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Legend:"LegendItem-Legend_38Tzr",TextContainer:"LegendItem-TextContainer_2U0Ts",Text:"LegendItem-Text_1P97A",IconContainer:"LegendItem-IconContainer_2Y40c"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LegendContainer/LegendContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendContainer-Container_W3qOE{display:flex;gap:10px}",""]),exports.locals={Container:"LegendContainer-Container_W3qOE"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HiddenLegendTooltip-MoreText_1wLRD{display:flex;white-space:nowrap;align-items:center;background:none;border:none;border-radius:2px;font-size:11px}.HiddenLegendTooltip-Tooltip_1-N6p{position:absolute;display:flex;flex-direction:column;padding:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;box-shadow:0 0 2px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.1)}",""]),exports.locals={MoreText:"HiddenLegendTooltip-MoreText_1wLRD",Tooltip:"HiddenLegendTooltip-Tooltip_1-N6p"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/components/CustomLegend/CustomLegend.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".CustomLegend-Container_3r0R5{display:flex;gap:10px;flex-wrap:wrap;list-style:none}",""]),exports.locals={Container:"CustomLegend-Container_3r0R5"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/components/SeriesIcon/SeriesIcon.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SeriesIcon-IconContainer_1tm05{display:flex;align-items:center;justify-items:center;height:12px;width:20px}",""]),exports.locals={IconContainer:"SeriesIcon-IconContainer_1tm05"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/utilities/Styles.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Styles-Icon_2gg4A{display:flex;align-items:center;justify-content:center;margin-right:4px}",""]),exports.locals={Icon:"Styles-Icon_2gg4A"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartRelational/components/CustomLegend/CustomLegend.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".CustomLegend-Container_3jEyv{display:flex;gap:10px;flex-wrap:wrap;list-style:none}",""]),exports.locals={Container:"CustomLegend-Container_3jEyv"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LinePreview/LinePreview.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LinePreview-Container_10c6i{display:flex}.LinePreview-SVG_3x-g-{display:block;overflow:visible}",""]),exports.locals={Container:"LinePreview-Container_10c6i",SVG:"LinePreview-SVG_3x-g-"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Point/Point.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Point-Point_3Efsm{outline:none;pointer-events:none}.Point-Point_3Efsm:focus,.Point-Point_3Efsm:focus-visible{outline:none !important}.Point-VisuallyHidden_yRNuO{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Point:"Point-Point_3Efsm",VisuallyHidden:"Point-VisuallyHidden_yRNuO"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.SimpleNormalizedChart-Container_2rOEx{font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:11px;display:flex;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}.SimpleNormalizedChart-VerticalContainer_2mcIj{height:100%}.SimpleNormalizedChart-VerticalContainerRightLabel_pisCF{flex-direction:row-reverse;justify-content:flex-end}.SimpleNormalizedChart-HorizontalContainer_JR2Fn{flex-direction:column;justify-content:normal}.SimpleNormalizedChart-HorizontalContainerBottomLabel_2b8Sh{flex-direction:column-reverse}.SimpleNormalizedChart-BarContainer_1f80Z{display:flex}.SimpleNormalizedChart-VerticalBarContainer_18ilp{flex-direction:column-reverse}.SimpleNormalizedChart-HorizontalBarContainer_2U7K7{flex-direction:row}.SimpleNormalizedChart-VerticalLabelContainer_3ciRo{margin:0 20px;padding:0}.SimpleNormalizedChart-HorizontalLabelContainer_1GTcy{padding:0;display:flex}.SimpleNormalizedChart-HorizontalLabelContainerGrid_PHzmC{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, max-content))}.SimpleNormalizedChart-LabelContainerEndJustify_38w3M{justify-content:end;justify-items:end}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Container:"SimpleNormalizedChart-Container_2rOEx",VerticalContainer:"SimpleNormalizedChart-VerticalContainer_2mcIj",VerticalContainerRightLabel:"SimpleNormalizedChart-VerticalContainerRightLabel_pisCF",HorizontalContainer:"SimpleNormalizedChart-HorizontalContainer_JR2Fn",HorizontalContainerBottomLabel:"SimpleNormalizedChart-HorizontalContainerBottomLabel_2b8Sh",BarContainer:"SimpleNormalizedChart-BarContainer_1f80Z",VerticalBarContainer:"SimpleNormalizedChart-VerticalBarContainer_18ilp",HorizontalBarContainer:"SimpleNormalizedChart-HorizontalBarContainer_2U7K7",VerticalLabelContainer:"SimpleNormalizedChart-VerticalLabelContainer_3ciRo",HorizontalLabelContainer:"SimpleNormalizedChart-HorizontalLabelContainer_1GTcy",HorizontalLabelContainerGrid:"SimpleNormalizedChart-HorizontalLabelContainerGrid_PHzmC",LabelContainerEndJustify:"SimpleNormalizedChart-LabelContainerEndJustify_38w3M"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarLabel/BarLabel.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarLabel-Container_gaqZj{position:relative;display:flex;align-items:baseline}.BarLabel-ContainerDefaultLabel_-9dKK{margin-bottom:32px}.BarLabel-ContaineBottomLabel_25NeW{margin-top:20px}.BarLabel-LabelColor_HGtU7{margin:1px;border-radius:3px;height:10px;width:10px}.BarLabel-Label_1r9ZF{flex:1 1;margin:0 8px;word-break:break-word;max-width:120px;line-height:18px}.BarLabel-FormattedVerticalLabel_Ba9LJ{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal}.BarLabel-FormattedHorizontalLabel_2TDhI{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.BarLabel-ValueContainer_2ubEN{margin-top:4px;display:flex}.BarLabel-ValueHorizontalContainer_2Rml6{position:absolute;top:16px;margin-top:4px;display:flex}.BarLabel-Value_yDRCy{margin-right:8px;font-weight:650}",""]),exports.locals={Container:"BarLabel-Container_gaqZj",ContainerDefaultLabel:"BarLabel-ContainerDefaultLabel_-9dKK",ContaineBottomLabel:"BarLabel-ContaineBottomLabel_25NeW",LabelColor:"BarLabel-LabelColor_HGtU7",Label:"BarLabel-Label_1r9ZF",FormattedVerticalLabel:"BarLabel-FormattedVerticalLabel_Ba9LJ",FormattedHorizontalLabel:"BarLabel-FormattedHorizontalLabel_2TDhI",ValueContainer:"BarLabel-ValueContainer_2ubEN",ValueHorizontalContainer:"BarLabel-ValueHorizontalContainer_2Rml6",Value:"BarLabel-Value_yDRCy"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarSegment/BarSegment.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarSegment-Segment_17H8z{outline:none;margin:1px 2px 2px 1px}.BarSegment-Segment_17H8z:focus,.BarSegment-Segment_17H8z:focus-visible{outline:none !important}.BarSegment-Segment_17H8z:last-of-type{margin:1px}.BarSegment-horizontal-RoundedCorners_2YAhG:first-of-type{border-radius:2px 0 0 2px}.BarSegment-horizontal-RoundedCorners_2YAhG:last-of-type{border-radius:0 2px 2px 0}.BarSegment-vertical-RoundedCorners_2UwYd:first-of-type{border-radius:0 0 2px 2px}.BarSegment-vertical-RoundedCorners_2UwYd:last-of-type{border-radius:2px 2px 0 0}.BarSegment-RoundedCorners_3Crn6{border-radius:2px}.BarSegment-horizontal-small_2Q-96{height:16px}.BarSegment-horizontal-medium_1TDby{height:36px}.BarSegment-horizontal-large_2K4Ez{height:56px}.BarSegment-vertical-small_2LJg8{width:16px}.BarSegment-vertical-medium_2n7zY{width:36px}.BarSegment-vertical-large_16p3C{width:56px}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Segment:"BarSegment-Segment_17H8z","horizontal-RoundedCorners":"BarSegment-horizontal-RoundedCorners_2YAhG","vertical-RoundedCorners":"BarSegment-vertical-RoundedCorners_2UwYd",RoundedCorners:"BarSegment-RoundedCorners_3Crn6","horizontal-small":"BarSegment-horizontal-small_2Q-96","horizontal-medium":"BarSegment-horizontal-medium_1TDby","horizontal-large":"BarSegment-horizontal-large_2K4Ez","vertical-small":"BarSegment-vertical-small_2LJg8","vertical-medium":"BarSegment-vertical-medium_2n7zY","vertical-large":"BarSegment-vertical-large_16p3C"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SkipLink/SkipLink.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SkipLink-SkipLink_2RInj{position:absolute;top:1px;left:1px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);border-radius:.4rem;color:#212b36;border:1px solid #babfc3;padding:8px 16px;opacity:0;pointer-events:none;text-decoration:none}.SkipLink-SkipLink_2RInj:focus{pointer-events:all;opacity:1}",""]),exports.locals={SkipLink:"SkipLink-SkipLink_2RInj"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SparkBarChart/SparkBarChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SparkBarChart-VisuallyHidden_1RNnM{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}.SparkBarChart-ComparisonLine_7xLwx{stroke-linecap:round}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"SparkBarChart-VisuallyHidden_1RNnM",ComparisonLine:"SparkBarChart-ComparisonLine_7xLwx"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SparkLineChart-VisuallyHidden_3c-Hm{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"SparkLineChart-VisuallyHidden_3c-Hm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SquareColorPreview/SquareColorPreview.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SquareColorPreview-ColorPreview_1ICti{border-radius:2px;display:block;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",ColorPreview:"SquareColorPreview-ColorPreview_1ICti"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/StackedAreaChart/Chart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{.Chart-Group_1e04v{-webkit-clip-path:none;clip-path:none}}",""]),exports.locals={Group:"Chart-Group_1e04v"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/StackedAreaChart/components/Area/Area.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Area-Group_2dxzy{outline:none}.Area-Group_2dxzy:focus,.Area-Group_2dxzy:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"Area-Group_2dxzy"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipContentContainer/TooltipContentContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipContentContainer-Container_3nR5u{padding:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;min-width:180px;box-shadow:0 0 2px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px}",""]),exports.locals={Container:"TooltipContentContainer-Container_3nR5u"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipRow/TooltipRow.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipRow-Row_1HQHE{line-height:16px;font-size:11px;gap:8px;display:flex;align-items:center}.TooltipRow-Value_TP_nJ{margin-left:auto;text-align:right;white-space:nowrap}.TooltipRow-Truncate_1Hpr7{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Row:"TooltipRow-Row_1HQHE",Value:"TooltipRow-Value_TP_nJ",Truncate:"TooltipRow-Truncate_1Hpr7"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipSeries/TooltipSeries.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipSeries-Series_1XOPm{gap:4px;display:flex;flex-direction:column}",""]),exports.locals={Series:"TooltipSeries-Series_1XOPm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipSeriesName/TooltipSeriesName.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipSeriesName-AxisTitle_2p7Zb{line-height:16px;margin:0}",""]),exports.locals={AxisTitle:"TooltipSeriesName-AxisTitle_2p7Zb"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipTitle/TooltipTitle.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipTitle-Title_FgQ0A{font-size:12px;font-weight:500;line-height:20px;margin:0}",""]),exports.locals={Title:"TooltipTitle-Title_FgQ0A"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipWrapper/components/TooltipAnimatedContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipAnimatedContainer-Container_2jSrb{position:absolute;pointer-events:none;z-index:520;max-width:70%}",""]),exports.locals={Container:"TooltipAnimatedContainer-Container_2jSrb"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TrendIndicator/components/Svg/Svg.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Svg-SVG_3Ub-S{display:block;font-feature-settings:normal;outline:none}.Svg-SVG_3Ub-S:focus,.Svg-SVG_3Ub-S:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",SVG:"Svg-SVG_3Ub-S"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/BarGroup/BarGroup.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarGroup-BarGroup_3UNSN,.BarGroup-Bar_bmWxA{outline:none}.BarGroup-BarGroup_3UNSN:focus,.BarGroup-BarGroup_3UNSN:focus-visible,.BarGroup-Bar_bmWxA:focus,.BarGroup-Bar_bmWxA:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",BarGroup:"BarGroup-BarGroup_3UNSN",Bar:"BarGroup-Bar_bmWxA"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/StackedBarGroups/StackedBarGroups.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".StackedBarGroups-Group_1Rxsc{outline:none}.StackedBarGroups-Group_1Rxsc:focus,.StackedBarGroups-Group_1Rxsc:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"StackedBarGroups-Group_1Rxsc"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/StackedBarGroups/components/Stack/Stack.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Stack-Bar_39tTU{outline:none}.Stack-Bar_39tTU:focus,.Stack-Bar_39tTU:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"Stack-Bar_39tTU"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBar/VerticalBar.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".VerticalBar-Bar_2h27B{outline:none;transition:fill 300 ease}.VerticalBar-Bar_2h27B:focus,.VerticalBar-Bar_2h27B:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"VerticalBar-Bar_2h27B"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VisuallyHiddenRows/VisuallyHiddenRows.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".VisuallyHiddenRows-VisuallyHidden_1zThx{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"VisuallyHiddenRows-VisuallyHidden_1zThx"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/Bar/Bar.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Bar-Bar_1W_rW{outline:none;transition:fill 300 ease}.Bar-Bar_1W_rW:focus,.Bar-Bar_1W_rW:focus-visible{outline:none !important}@media print{.Bar-Group_1X_A_{transform:none !important}}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"Bar-Bar_1W_rW",Group:"Bar-Group_1X_A_"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/GroupLabel/GroupLabel.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".GroupLabel-Label_1h_-X{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Label:"GroupLabel-Label_1h_-X"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/HorizontalBars/HorizontalBars.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HorizontalBars-Bar_3KT-K{outline:none}.HorizontalBars-Bar_3KT-K:focus,.HorizontalBars-Bar_3KT-K:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"HorizontalBars-Bar_3KT-K"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/HorizontalGroup/HorizontalGroup.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HorizontalGroup-Group_3gtvm{outline:none}.HorizontalGroup-Group_3gtvm:focus,.HorizontalGroup-Group_3gtvm:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"HorizontalGroup-Group_3gtvm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/hooks/ColorVisionA11y/stories/Playground.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Playground-Boxes_2AX6P{display:flex}.Playground-Box_TvHlX{height:100px;width:100px;margin:10px}.Playground-Texts_3HJrx{display:flex}.Playground-Texts_3HJrx p{text-transform:capitalize;margin:0 20px 0 0}.Playground-Buttons_1vW7g{display:flex}.Playground-Button_2y-Jb{margin:0 20px 0 0}",""]),exports.locals={Boxes:"Playground-Boxes_2AX6P",Box:"Playground-Box_TvHlX",Texts:"Playground-Texts_3HJrx",Buttons:"Playground-Buttons_1vW7g",Button:"Playground-Button_2y-Jb"},module.exports=exports},"./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LineSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),line=__webpack_require__("./node_modules/d3-shape/src/line.js"),src_area=__webpack_require__("./node_modules/d3-shape/src/area.js"),usePrevious=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePrevious.ts"),LinearGradientWithStops=__webpack_require__("./packages/polaris-viz-core/src/components/LinearGradientWithStops/LinearGradientWithStops.tsx"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),curveStepRounded=__webpack_require__("./packages/polaris-viz-core/src/utilities/curveStepRounded.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),getGradientFromColor=__webpack_require__("./packages/polaris-viz-core/src/utilities/getGradientFromColor.ts"),getColorVisionStylesForActiveIndex=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionStylesForActiveIndex.ts"),getColorVisionEventAttrs=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionEventAttrs.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),react_spring_core_esm=__webpack_require__("./node_modules/@react-spring/core/dist/react-spring-core.esm.js"),useSpringConfig=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSpringConfig.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/DefaultArea/DefaultArea.tsx#DefaultArea"]={docgenInfo:DefaultArea.__docgenInfo,name:"DefaultArea",path:"packages/polaris-viz-core/src/components/LineSeries/components/DefaultArea/DefaultArea.tsx#DefaultArea"})}catch(__react_docgen_typescript_loader_error){}var MASK_GRADIENT=[{offset:20,color:"white"},{offset:100,color:"black"}];function SparkArea(_ref){var areaPath=_ref.areaPath,color=_ref.color,gradientId=Object(react.useMemo)((function(){return Object(uniqueId.a)("spark-area-gradient")}),[]),maskId=Object(react.useMemo)((function(){return Object(uniqueId.a)("spark-area-mask")}),[]),areaGradientColor=function getGradientFill(color){return null==color?null:Object(getGradientFromColor.a)(color)}(color),_usePolarisVizContext=Object(usePolarisVizContext.a)(),_usePolarisVizContext2=_usePolarisVizContext.components,Defs=_usePolarisVizContext2.Defs,Mask=_usePolarisVizContext2.Mask,Path=_usePolarisVizContext2.Path,AnimatedPath=(0,_usePolarisVizContext.animated)(Path);return null==areaGradientColor?null:Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsxs)(Defs,{children:[Object(jsx_runtime.jsx)(Mask,{id:maskId,children:Object(jsx_runtime.jsx)(AnimatedPath,{fill:"url(#"+maskId+"-gradient)",d:areaPath})}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:maskId+"-gradient",y1:"0%",y2:"100%",gradient:MASK_GRADIENT}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:gradientId,y1:"100%",y2:"0%",gradient:areaGradientColor})]}),Object(jsx_runtime.jsx)(AnimatedPath,{d:areaPath,fill:"url(#"+gradientId+")",mask:"url(#"+maskId+")",opacity:"0.2"})]})}try{SparkArea.displayName="SparkArea",SparkArea.__docgenInfo={description:"",displayName:"SparkArea",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"Color"}},areaPath:{defaultValue:null,description:"",name:"areaPath",required:!0,type:{name:"string | SpringValue"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/SparkArea/SparkArea.tsx#SparkArea"]={docgenInfo:SparkArea.__docgenInfo,name:"SparkArea",path:"packages/polaris-viz-core/src/components/LineSeries/components/SparkArea/SparkArea.tsx#SparkArea"})}catch(__react_docgen_typescript_loader_error){}function Area(_ref){var areaPath=_ref.areaPath,series=_ref.series,type=_ref.type;return!0===series.isComparison?null:"spark"===type?Object(jsx_runtime.jsx)(SparkArea,{color:series.color,areaPath:areaPath}):Object(jsx_runtime.jsx)(DefaultArea,{series:series,areaPath:areaPath})}try{Area.displayName="Area",Area.__docgenInfo={description:"",displayName:"Area",props:{series:{defaultValue:null,description:"",name:"series",required:!0,type:{name:"LineChartDataSeriesWithDefaults"}},areaPath:{defaultValue:null,description:"",name:"areaPath",required:!0,type:{name:"string | SpringValue"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:'"default" | "spark"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/Area/Area.tsx#Area"]={docgenInfo:Area.__docgenInfo,name:"Area",path:"packages/polaris-viz-core/src/components/LineSeries/components/Area/Area.tsx#Area"})}catch(__react_docgen_typescript_loader_error){}function AnimatedArea_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function AnimatedArea(_ref){var immediate=_ref.immediate,fromData=_ref.fromData,toData=_ref.toData,zeroLineData=_ref.zeroLineData,delay=_ref.delay,areaGenerator=_ref.areaGenerator,type=_ref.type,mounted=Object(react.useRef)(!1),springConfig=Object(useSpringConfig.a)({shouldAnimate:!immediate,animationDelay:immediate?0:delay,mountedSpringConfig:constants.T,unmountedSpringConfig:constants.S}),_useSpring=Object(react_spring_core_esm.useSpring)(function AnimatedArea_objectSpread(target){for(var i=1;i"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}},activeLineIndex:{defaultValue:{value:"-1"},description:"",name:"activeLineIndex",required:!1,type:{name:"number"}},hiddenIndexes:{defaultValue:{value:"[]"},description:"",name:"hiddenIndexes",required:!1,type:{name:"number[]"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:'"default" | "spark"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx#LineSeries"]={docgenInfo:LineSeries.__docgenInfo,name:"LineSeries",path:"packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx#LineSeries"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz-core/src/components/LineSeries/stories sync ^\\.[\\\\/](?:LineSeries\\.stories\\.tsx)$":function(module,exports,__webpack_require__){var map={"./LineSeries.stories.tsx":"./packages/polaris-viz-core/src/components/LineSeries/stories/LineSeries.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/components/LineSeries/stories sync ^\\.[\\\\/](?:LineSeries\\.stories\\.tsx)$"},"./packages/polaris-viz-core/src/components/LineSeries/stories/LineSeries.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"isComparison",(function(){return isComparison}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__),d3_scale__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/d3-scale/src/linear.js"),_LineSeries__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),_constants__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),___WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSparkLine.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i` by ID."}}},argTypes:{id:{control:!1,description:"A unique ID to be used by the SVG element referencing the gradient."},gradient:{description:"An array of stops that describe the gradient. [GradientStop type definition.]()"},gradientUnits:{description:"The [coordinate system](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/gradientUnits) used for the gradient. Can be a length or percent."},x1:{description:"The [x starting point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x1) used for the gradient. Can be a length or percent."},x2:{description:"The [x ending point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x2) used for the gradient. Can be a length or percent."},y1:{description:"The [y starting point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y1) used for the gradient. Can be a length or percent."},y2:{description:"The [y ending point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y2) used for the gradient. Can be a length or percent."}}};var Default=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("svg",{viewBox:"0 0 500 500",xmlns:_constants__WEBPACK_IMPORTED_MODULE_12__.ob,height:500,width:500,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_LinearGradientWithStops__WEBPACK_IMPORTED_MODULE_11__.a,_objectSpread({},args)),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("rect",{x:"0",y:"0",width:"500",height:"500",fill:"url(#sampleGradient)"})]})}.bind({});Default.args={id:"sampleGradient",gradient:[{color:"#39337f",offset:0},{color:"#5052b3",offset:50},{color:"#1bbe9e",offset:100}]}},"./packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SparkBarSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),toConsumableArray=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js")),toConsumableArray_default=__webpack_require__.n(toConsumableArray),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),band=__webpack_require__("./node_modules/d3-scale/src/band.js"),getGradientFromColor=__webpack_require__("./packages/polaris-viz-core/src/utilities/getGradientFromColor.ts");function _createForOfIteratorHelperLoose(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0;return function(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(hasPositives=!0),hasNegatives&&hasPositives)break}var range=[height,8];return hasNegatives&&hasPositives?range=[height-8,8]:hasNegatives&&(range=[height-8,0]),range}(defaultData.data,height)).domain([Math.min.apply(Math,toConsumableArray_default()(filteredData).concat([targetValue,0])),Math.max.apply(Math,toConsumableArray_default()(filteredData).concat([targetValue,0]))]),targetLineYPosition=yScale(targetValue),xScale=Object(band.a)().range([offsetLeft,width-offsetRight]).paddingInner(.3).domain(defaultData.data.map((function(_,index){return index.toString()}))),barWidth=Object(react.useMemo)((function(){return xScale.bandwidth()}),[xScale]),strokeDashoffset=null==offsetLeft?-.75:-.75-offsetLeft,getBarHeight=Object(react.useCallback)((function(value){var height=Math.abs(yScale(value)-yScale(0));return Math.max(height,.5*barWidth)}),[barWidth,yScale]),dataWithIndex=defaultData?defaultData.data.map((function(value,index){return{value:value,index:index}})):[],colorToUse=null!=(_defaultData$color=null==defaultData?void 0:defaultData.color)?_defaultData$color:seriesColor;return{dataWithIndex:dataWithIndex,color:Object(getGradientFromColor.a)(colorToUse),strokeDashoffset:strokeDashoffset,barWidth:barWidth,getBarHeight:getBarHeight,xScale:xScale,yScale:yScale,targetLineYPosition:targetLineYPosition,targetLineX1:0-offsetLeft,targetLineX2:width+offsetRight}}var LinearGradientWithStops=__webpack_require__("./packages/polaris-viz-core/src/components/LinearGradientWithStops/LinearGradientWithStops.tsx"),getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts");__webpack_require__("./node_modules/core-js/modules/es.array.fill.js");var getRoundedRectPath=__webpack_require__("./packages/polaris-viz-core/src/utilities/getRoundedRectPath.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Bar(_ref){var _ref$borderRadius=_ref.borderRadius,borderRadius=void 0===_ref$borderRadius?0:_ref$borderRadius,fill=_ref.fill,height=_ref.height,value=_ref.value,width=_ref.width,x=_ref.x,yScale=_ref.yScale,_usePolarisVizContext=Object(usePolarisVizContext.a)(),Path=_usePolarisVizContext.components.Path,AnimatedPath=(0,_usePolarisVizContext.animated)(Path),zeroScale=yScale(0),isNegative=null!=value&&value<0,rotation=isNegative?180:0,xPosition=isNegative?x+width:x,yPosition=Object(react.useMemo)((function(){if(null!=height){var getYPosition=function getYPosition(value){return isNegative?zeroScale+value:zeroScale-value};return"number"==typeof height?getYPosition(height):height.to(getYPosition)}}),[height,isNegative,zeroScale]),style=Object(react.useMemo)((function(){if(null!=yPosition){var getStyle=function getStyle(y){return"translate("+xPosition+" "+y+"), rotate("+rotation+")"};return"number"==typeof yPosition?getStyle(yPosition):yPosition.to(getStyle)}}),[yPosition,xPosition,rotation]),path=Object(react.useMemo)((function(){if(null!=height){var calculatePath=function calculatePath(heightValue){return 0===heightValue?"":Object(getRoundedRectPath.a)({height:heightValue,width:width,borderRadius:borderRadius+" "+borderRadius+" 0 0"})};return"number"==typeof height?calculatePath(height):height.to(calculatePath)}}),[borderRadius,height,width]);return null==value||width<0?null:Object(jsx_runtime.jsx)(AnimatedPath,{d:path,transform:style,fill:fill})}try{Bar.displayName="Bar",Bar.__docgenInfo={description:"",displayName:"Bar",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}},borderRadius:{defaultValue:{value:"0"},description:"",name:"borderRadius",required:!1,type:{name:"number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/Bar/Bar.tsx#Bar"]={docgenInfo:Bar.__docgenInfo,name:"Bar",path:"packages/polaris-viz-core/src/components/Bar/Bar.tsx#Bar"})}catch(__react_docgen_typescript_loader_error){}var constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");function SparkBarSeries(_ref){var dataLength,data=_ref.data,targetLine=_ref.targetLine,height=_ref.height,shouldAnimate=_ref.shouldAnimate,useTransition=_ref.useTransition,width=_ref.width,theme=_ref.theme,selectedTheme=Object(useTheme.a)(theme),_getSeriesColors=Object(getSeriesColors.a)(1,selectedTheme),seriesColor=slicedToArray_default()(_getSeriesColors,1)[0],_usePolarisVizContext=Object(usePolarisVizContext.a)(),_usePolarisVizContext2=_usePolarisVizContext.components,Defs=_usePolarisVizContext2.Defs,Mask=_usePolarisVizContext2.Mask,G=_usePolarisVizContext2.G,Rect=_usePolarisVizContext2.Rect,Line=_usePolarisVizContext2.Line,AnimatedG=(0,_usePolarisVizContext.animated)(G),id=Object(react.useMemo)((function(){return Object(uniqueId.a)("sparkbar-series")}),[]),clipId=Object(react.useMemo)((function(){return Object(uniqueId.a)("sparkbar-series-clip")}),[]),_useSparkBar=useSparkBar({data:data,height:height,width:width,seriesColor:seriesColor,targetLine:targetLine}),dataWithIndex=_useSparkBar.dataWithIndex,color=_useSparkBar.color,getBarHeight=_useSparkBar.getBarHeight,strokeDashoffset=_useSparkBar.strokeDashoffset,xScale=_useSparkBar.xScale,yScale=_useSparkBar.yScale,barWidth=_useSparkBar.barWidth,targetLineYPosition=_useSparkBar.targetLineYPosition,targetLineX1=_useSparkBar.targetLineX1,targetLineX2=_useSparkBar.targetLineX2,transitions=useTransition(dataWithIndex,{key:function key(_ref2){return _ref2.index},from:{height:0},leave:{height:0},enter:function enter(_ref3){var value=_ref3.value.value;return{height:getBarHeight(null==value?0:value)}},update:function update(_ref4){var value=_ref4.value.value;return{height:getBarHeight(null==value?0:value)}},default:{immediate:!shouldAnimate},trail:shouldAnimate?(dataLength=dataWithIndex.length,500/dataLength):0,config:constants.h}),hasTargetLine=null!=targetLine&&null!=targetLine.value;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(Defs,{children:Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:id,gradient:color,gradientUnits:"userSpaceOnUse",y1:"100%",y2:"0%"})}),Object(jsx_runtime.jsx)(Mask,{id:clipId,children:Object(jsx_runtime.jsx)(AnimatedG,{opacity:hasTargetLine?"0.9":"1",children:transitions((function(_ref5,item,_transition,index){var _item$value$value,barHeight=_ref5.height,xPosition=xScale(index.toString()),height=shouldAnimate?barHeight:getBarHeight(null!=(_item$value$value=item.value.value)?_item$value$value:0);return Object(jsx_runtime.jsx)(Bar,{borderRadius:selectedTheme.bar.borderRadius,x:null==xPosition?0:xPosition,yScale:yScale,value:item.value.value,width:barWidth,height:height,fill:"white"},index)}))})}),Object(jsx_runtime.jsx)(Rect,{fill:"url(#"+id+")",width:width,height:height,mask:"url(#"+clipId+")"}),hasTargetLine?Object(jsx_runtime.jsx)(Line,{stroke:selectedTheme.seriesColors.comparison,strokeWidth:constants.ib,x1:targetLineX1,x2:targetLineX2,y1:targetLineYPosition,y2:targetLineYPosition,strokeLinecap:"round",opacity:"0.9",strokeDashoffset:strokeDashoffset,strokeDasharray:constants.hb}):null]})}try{SparkBarSeries.displayName="SparkBarSeries",SparkBarSeries.__docgenInfo={description:"",displayName:"SparkBarSeries",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},shouldAnimate:{defaultValue:null,description:"",name:"shouldAnimate",required:!0,type:{name:"boolean"}},useTransition:{defaultValue:null,description:"",name:"useTransition",required:!0,type:{name:"{ (data: OneOrMore, props: () => { ref?: SpringRef>; default?: boolean | SpringProps; ... 24 more ...; onDestroyed?: (item: Item, key: Key) => void; } | (Props & { [P in keyof (Pick<...> & { [K in InvalidKeys<...>]: never; })]: (Pick<...> & { [K in InvalidK..."}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},targetLine:{defaultValue:null,description:"",name:"targetLine",required:!1,type:{name:"TargetLine"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx#SparkBarSeries"]={docgenInfo:SparkBarSeries.__docgenInfo,name:"SparkBarSeries",path:"packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx#SparkBarSeries"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz-core/src/constants.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"Y",(function(){return LINE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"E",(function(){return FONT_SIZE})),__webpack_require__.d(__webpack_exports__,"D",(function(){return FONT_FAMILY})),__webpack_require__.d(__webpack_exports__,"ob",(function(){return XMLNS})),__webpack_require__.d(__webpack_exports__,"j",(function(){return BASE_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"Z",(function(){return LOAD_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"fb",(function(){return SHAPE_ANIMATION_HEIGHT_BUFFER})),__webpack_require__.d(__webpack_exports__,"t",(function(){return DEFAULT_BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"k",(function(){return BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"F",(function(){return HORIZONTAL_BAR_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"G",(function(){return HORIZONTAL_BAR_LABEL_OFFSET})),__webpack_require__.d(__webpack_exports__,"H",(function(){return HORIZONTAL_GROUP_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"L",(function(){return HORIZONTAL_SPACE_BETWEEN_SETS})),__webpack_require__.d(__webpack_exports__,"M",(function(){return HORIZONTAL_SPACE_BETWEEN_SINGLE})),__webpack_require__.d(__webpack_exports__,"K",(function(){return HORIZONTAL_SPACE_BETWEEN_CHART_AND_AXIS})),__webpack_require__.d(__webpack_exports__,"i",(function(){return BAR_SPACING})),__webpack_require__.d(__webpack_exports__,"W",(function(){return LINE_ANIMATION_FAST_DURATION})),__webpack_require__.d(__webpack_exports__,"X",(function(){return LINE_ANIMATION_SLOW_DURATION})),__webpack_require__.d(__webpack_exports__,"V",(function(){return LINE_ANIMATION_FAST_COUNT})),__webpack_require__.d(__webpack_exports__,"U",(function(){return LINE_ANIMATION_DURATION_STEP})),__webpack_require__.d(__webpack_exports__,"w",(function(){return DEFAULT_MAX_Y})),__webpack_require__.d(__webpack_exports__,"db",(function(){return MIN_BAR_HEIGHT})),__webpack_require__.d(__webpack_exports__,"B",(function(){return EMPTY_STATE_CHART_MIN})),__webpack_require__.d(__webpack_exports__,"A",(function(){return EMPTY_STATE_CHART_MAX})),__webpack_require__.d(__webpack_exports__,"r",(function(){return ChartMargin})),__webpack_require__.d(__webpack_exports__,"h",(function(){return BARS_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"g",(function(){return BARS_SORT_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"f",(function(){return BARS_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"d",(function(){return AREAS_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"e",(function(){return AREAS_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"S",(function(){return LINES_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"T",(function(){return LINES_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"c",(function(){return ARC_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ARC_DATA_CHANGE_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"ab",(function(){return MASK_HIGHLIGHT_COLOR})),__webpack_require__.d(__webpack_exports__,"l",(function(){return COLOR_VARIABLES})),__webpack_require__.d(__webpack_exports__,"x",(function(){return DEFAULT_THEME_NAME})),__webpack_require__.d(__webpack_exports__,"jb",(function(){return THIN_ARC_CORNER_THICKNESS})),__webpack_require__.d(__webpack_exports__,"s",(function(){return DARK_THEME})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return LIGHT_THEME})),__webpack_require__.d(__webpack_exports__,"eb",(function(){return PRINT_THEME})),__webpack_require__.d(__webpack_exports__,"gb",(function(){return STACKED_BAR_GAP})),__webpack_require__.d(__webpack_exports__,"m",(function(){return COLOR_VISION_ACTIVE_OPACITY})),__webpack_require__.d(__webpack_exports__,"o",(function(){return COLOR_VISION_FADED_OPACITY})),__webpack_require__.d(__webpack_exports__,"q",(function(){return COLOR_VISION_SINGLE_ITEM})),__webpack_require__.d(__webpack_exports__,"p",(function(){return COLOR_VISION_GROUP_ITEM})),__webpack_require__.d(__webpack_exports__,"C",(function(){return EXTERNAL_EVENTS_SET_HIDDEN_ITEMS})),__webpack_require__.d(__webpack_exports__,"P",(function(){return LEGENDS_TOP_MARGIN})),__webpack_require__.d(__webpack_exports__,"O",(function(){return LEGENDS_BOTTOM_MARGIN})),__webpack_require__.d(__webpack_exports__,"pb",(function(){return Y_AXIS_CHART_SPACING})),__webpack_require__.d(__webpack_exports__,"N",(function(){return LABEL_AREA_TOP_SPACING})),__webpack_require__.d(__webpack_exports__,"z",(function(){return ELLIPSIS})),__webpack_require__.d(__webpack_exports__,"I",(function(){return HORIZONTAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"J",(function(){return HORIZONTAL_LABEL_TARGET_HEIGHT})),__webpack_require__.d(__webpack_exports__,"y",(function(){return DIAGONAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"bb",(function(){return MAX_DIAGONAL_LABEL_WIDTH})),__webpack_require__.d(__webpack_exports__,"cb",(function(){return MAX_DIAGONAL_VISIBLE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"nb",(function(){return VERTICAL_LABEL_TARGET_WIDTH})),__webpack_require__.d(__webpack_exports__,"mb",(function(){return VERTICAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"v",(function(){return DEFAULT_COMPONENTS})),__webpack_require__.d(__webpack_exports__,"ib",(function(){return STROKE_WIDTH})),__webpack_require__.d(__webpack_exports__,"hb",(function(){return STROKE_DOT_ARRAY_WIDTH})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANIMATION_MARGIN})),__webpack_require__.d(__webpack_exports__,"R",(function(){return LINEAR_LABELS_INNER_PADDING})),__webpack_require__.d(__webpack_exports__,"n",(function(){return COLOR_VISION_EVENT})),__webpack_require__.d(__webpack_exports__,"u",(function(){return DEFAULT_CHART_PROPS})),__webpack_require__.d(__webpack_exports__,"kb",(function(){return TOO_MANY_DATA_POINTS_THRESHOLD})),__webpack_require__.d(__webpack_exports__,"lb",(function(){return TOO_MANY_DATA_SERIES_THRESHOLD}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _TOO_MANY_DATA_POINTS,_HUES,objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),objectWithoutProperties_default=__webpack_require__.n(objectWithoutProperties),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),react=__webpack_require__("./node_modules/react/index.js"),_variables=__webpack_require__("./packages/polaris-viz-core/src/styles/shared/_variables.scss"),_variables_default=__webpack_require__.n(_variables),linear=(__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/d3-scale/src/linear.js")),createGradient_createGradient=function createGradient(){for(var _len=arguments.length,colors=new Array(_len),_key=0;_key<_len;_key++)colors[_key]=arguments[_key];colors.reverse();var scale=Object(linear.a)().domain([0,colors.length-1]).range([0,100]);return colors.map((function(color,index){return{offset:scale(index),color:color}}))},types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),_excluded=["children"],_excluded2=["children"],_excluded3=["children"],_excluded4=["children"],_excluded5=["children"],_excluded6=["children"],_excluded7=["children"],_excluded8=["children"],_excluded9=["children"],_excluded10=["children"],_excluded11=["children"],_excluded12=["children"],_excluded13=["children"],_excluded14=["children"],_excluded15=["children"],_excluded16=["children"],_excluded17=["children"],_excluded18=["children"],_excluded19=["children"],_excluded20=["children"],_excluded21=["children"],_excluded22=["children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i `${value}`,\n integersOnly: false,\n max: 100,\n min: 0,\n});\n\n// ticks = [\n// {\n// "value": 0,\n// "formattedValue": "0",\n// "yOffset": 300\n// },\n// {\n// "value": 50,\n// "formattedValue": "50",\n// "yOffset": 150\n// },\n// {\n// "value": 100,\n// "formattedValue": "100",\n// "yOffset": 0\n// }\n// ]\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"minLabelSpace")," is used to determine how much space in"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"px")," a label/tick should take up. Smaller number = more labels."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"useUniqueId()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Uses the given slug to create a unique ID string"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-ts"},"const donutId = useUniqueId('Donut');\n\n// => `Donut-103`\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"useBrowserCheck()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Checks the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"userAgent")," and returns ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"true")," for the current browser."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-ts"},"const {isChromium, isSafari, isFirefox} = useBrowserCheck();\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Hooks",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/hooks/useAriaLabel.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useAriaLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js");function useAriaLabel(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{xAxisLabelFormatter:void 0,yAxisLabelFormatter:void 0};return Object(react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((function getAriaLabel(_ref){var seriesIndex=_ref.seriesIndex,key=_ref.key,xAxisLabelFormatter=options.xAxisLabelFormatter,yAxisLabelFormatter=options.yAxisLabelFormatter,ariaSeries=data.map((function(_ref2){var name=_ref2.name,data=_ref2.data;return data[seriesIndex]?name+" "+(xAxisLabelFormatter?xAxisLabelFormatter(data[seriesIndex].value):data[seriesIndex].value):""})).join(", ");return key?(yAxisLabelFormatter?yAxisLabelFormatter(key):key)+": "+ariaSeries:""}),[data,options])}},"./packages/polaris-viz-core/src/hooks/useChartContext.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useChartContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_contexts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/contexts/ChartContext.tsx");function useChartContext(){var ChartContextValues=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_1__.a);if(!ChartContextValues)throw new Error("ChartContext is not defined");return ChartContextValues}},"./packages/polaris-viz-core/src/hooks/useChartPositions.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useChartPositions}));var _constants__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_useTheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts");function useChartPositions(_ref){var annotationsHeight=_ref.annotationsHeight,height=_ref.height,width=_ref.width,xAxisHeight=_ref.xAxisHeight,yAxisWidth=_ref.yAxisWidth,horizontalMargin=Object(_useTheme__WEBPACK_IMPORTED_MODULE_1__.a)().grid.horizontalMargin,chartXPosition=horizontalMargin+yAxisWidth+_constants__WEBPACK_IMPORTED_MODULE_0__.pb,chartYPosition=_constants__WEBPACK_IMPORTED_MODULE_0__.r.Top+annotationsHeight,drawableHeight=height-chartYPosition-xAxisHeight-_constants__WEBPACK_IMPORTED_MODULE_0__.N;return{chartXPosition:chartXPosition,chartYPosition:chartYPosition,drawableHeight:drawableHeight,drawableWidth:width-chartXPosition-horizontalMargin,xAxisBounds:{x:chartXPosition,y:drawableHeight+_constants__WEBPACK_IMPORTED_MODULE_0__.N+chartYPosition},yAxisBounds:{x:horizontalMargin,y:chartYPosition}}}},"./packages/polaris-viz-core/src/hooks/useFilteredSparkLineData.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useFilteredSparkLineData}));__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js");function useFilteredSparkLineData(data){var allNumbers=Object(react__WEBPACK_IMPORTED_MODULE_6__.useMemo)((function(){return data.length<=1?[]:data.reduce((function(prev,cur){var numbers=cur.data.map((function(_ref){return _ref.value})).filter((function(value){return null!==value}));return prev.concat.apply(prev,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(numbers))}),[])}),[data]),areAllZeros=Object(react__WEBPACK_IMPORTED_MODULE_6__.useMemo)((function(){return!allNumbers.some((function(num){return null!==num&&0!==num}))}),[allNumbers]);return data.length>1&&areAllZeros?data.filter((function(_ref2){return!0!==_ref2.isComparison})):data}},"./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePolarisVizContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/contexts/PolarisVizContext.ts");function usePolarisVizContext(){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_1__.a)}},"./packages/polaris-viz-core/src/hooks/usePrevious.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){ref.current=value}),[value]),ref.current}},"./packages/polaris-viz-core/src/hooks/useSparkLine.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSparkLine}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__),d3_scale__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/d3-scale/src/linear.js");function useSparkLine(_ref){var data=_ref.data,height=_ref.height,_ref$svgMargin=_ref.svgMargin,svgMargin=void 0===_ref$svgMargin?2:_ref$svgMargin,dataLengths=data.map((function(series){return series.data.length-1})),maxDataLength=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(dataLengths)),yValues=Array.prototype.concat.apply([],data.map((function(_ref2){return _ref2.data.map((function(_ref3){return _ref3.value}))}))),minYValues=Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),maxYValues=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),rangeStart=height-svgMargin,rangeEnd=svgMargin;return 0===minYValues&&0===maxYValues&&(rangeEnd=rangeStart),{minXDomain:0,maxXDomain:maxDataLength,yScale:Object(d3_scale__WEBPACK_IMPORTED_MODULE_3__.a)().range([rangeStart,rangeEnd]).domain([minYValues,maxYValues])}}},"./packages/polaris-viz-core/src/hooks/useSpringConfig.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSpringConfig}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useSpringConfig(_ref){var _ref$animationDelay=_ref.animationDelay,animationDelay=void 0===_ref$animationDelay?0:_ref$animationDelay,_ref$shouldAnimate=_ref.shouldAnimate,shouldAnimate=void 0===_ref$shouldAnimate||_ref$shouldAnimate,mountedSpringConfig=_ref.mountedSpringConfig,unmountedSpringConfig=_ref.unmountedSpringConfig,isMounted=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),delay=shouldAnimate?animationDelay:0;return{config:isMounted.current?mountedSpringConfig:unmountedSpringConfig,default:{immediate:!shouldAnimate},delay:isMounted.current?0:delay,onRest:function onRest(){return isMounted.current=!0}}}},"./packages/polaris-viz-core/src/hooks/useTheme.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTheme}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz-core/src/contexts/PolarisVizContext.ts"),_useChartContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts");function useTheme(passedTheme){var _ref,_ref2,_useContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_2__.a),themes=_useContext.themes,defaultTheme=_useContext.defaultTheme,theme=Object(_useChartContext__WEBPACK_IMPORTED_MODULE_3__.a)().theme,themeName=null!=(_ref=null!=(_ref2=null!=passedTheme?passedTheme:theme)?_ref2:defaultTheme)?_ref:_constants__WEBPACK_IMPORTED_MODULE_1__.x,hasValidTheme=Object.prototype.hasOwnProperty.call(themes,themeName);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){hasValidTheme||console.warn(themeName+" theme not found, falling back to "+_constants__WEBPACK_IMPORTED_MODULE_1__.x+". Did you forget to define it in the PolarisVizProvider?")}),[hasValidTheme,themeName]),hasValidTheme?themes[themeName]:themes[_constants__WEBPACK_IMPORTED_MODULE_1__.x]}},"./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useThemeSeriesColors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts");function useThemeSeriesColors(series,selectedTheme){return Object(react.useMemo)((function(){var seriesCount=function getFilteredSeries(series){var _series$filter$length;return null!=(_series$filter$length=series.filter((function(item){if(!0!==item.isComparison)return!0})).length)?_series$filter$length:0}(series),seriesColors=Object(getSeriesColors.a)(seriesCount,selectedTheme),lastUsedColorIndex=-1;return series.map((function(_ref){var color=_ref.color;return!0===_ref.isComparison?selectedTheme.seriesColors.comparison:color||((lastUsedColorIndex+=1)===seriesColors.length&&(lastUsedColorIndex=0),seriesColors[lastUsedColorIndex])}))}),[series,selectedTheme])}},"./packages/polaris-viz-core/src/hooks/useUniqueId.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useUniqueId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts");function useUniqueId(slug){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(Object(_utilities__WEBPACK_IMPORTED_MODULE_1__.a)(slug)).current}},"./packages/polaris-viz-core/src/hooks/useYScale.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useYScale}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),maxIndex=__webpack_require__("./node_modules/d3-array/src/maxIndex.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");var estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts");function useYScale(_ref){var drawableHeight=_ref.drawableHeight,formatYAxisLabel=_ref.formatYAxisLabel,_ref$integersOnly=_ref.integersOnly,integersOnly=void 0!==_ref$integersOnly&&_ref$integersOnly,max=_ref.max,min=_ref.min,_ref$shouldRoundUp=_ref.shouldRoundUp,shouldRoundUp=void 0===_ref$shouldRoundUp||_ref$shouldRoundUp,_ref$verticalOverflow=_ref.verticalOverflow,verticalOverflow=void 0===_ref$verticalOverflow||_ref$verticalOverflow,fixedWidth=_ref.fixedWidth,maxYOverride=_ref.maxYOverride,characterWidths=Object(useChartContext.a)().characterWidths;if(null!=maxYOverride&&maxYOverride<0)throw new Error("maxYOverride must be a non-negative number.");var _useMemo=Object(react.useMemo)((function(){var isDataEmpty=0===min&&0===max,minY=min,maxY=isDataEmpty?constants.w:max;return null!=maxYOverride&&isDataEmpty&&(maxY=maxYOverride),integersOnly?[Math.floor(minY),Math.ceil(maxY)]:[minY,maxY]}),[min,max,integersOnly,maxYOverride]),_useMemo2=slicedToArray_default()(_useMemo,2),minY=_useMemo2[0],maxY=_useMemo2[1],_useMemo3=Object(react.useMemo)((function(){var maxTicks=Math.max(1,Math.ceil(drawableHeight/80)),yScale=Object(linear.a)().range([drawableHeight,0]).domain([Math.min(0,minY),Math.max(0,maxY)]);if(!verticalOverflow||shouldRoundUp&&function shouldRoundScaleUp(_ref){var yScale=_ref.yScale,maxTicks=_ref.maxTicks,maxValue=_ref.maxValue,roundedUpTicks=yScale.copy().nice(maxTicks).ticks(maxTicks),lastTick=roundedUpTicks[roundedUpTicks.length-1],secondLastTick=roundedUpTicks[roundedUpTicks.length-2];return maxValue-secondLastTick>(lastTick-secondLastTick)/2}({yScale:yScale,maxValue:maxY,maxTicks:maxTicks}))yScale.nice(maxTicks);else{var roundedDownMin=yScale.copy().nice(maxTicks).ticks(maxTicks)[0];yScale.domain([Math.min(roundedDownMin,minY),Math.max(0,maxY)])}var ticks=(integersOnly?yScale.ticks(maxTicks).filter((function(tick){return Number.isInteger(tick)})):yScale.ticks(maxTicks)).map((function(value){return{value:value,formattedValue:formatYAxisLabel(value),yOffset:yScale(value)}})),longestYAxisLabel=Object(maxIndex.a)(ticks,(function(_ref2){var formattedValue=_ref2.formattedValue;return null==formattedValue?0:formattedValue.length})),text=ticks[longestYAxisLabel]?ticks[longestYAxisLabel].formattedValue:"",yAxisLabelWidth=Object(estimateStringWidth.a)(text,characterWidths);return{yScale:yScale,ticks:ticks,yAxisLabelWidth:yAxisLabelWidth}}),[verticalOverflow,shouldRoundUp,characterWidths,drawableHeight,formatYAxisLabel,integersOnly,maxY,minY]);return{yScale:_useMemo3.yScale,ticks:_useMemo3.ticks,yAxisLabelWidth:getLabelWidth(_useMemo3.yAxisLabelWidth,fixedWidth)}}function getLabelWidth(yAxisLabelWidth,fixedWidth){return!1===fixedWidth||null==fixedWidth?yAxisLabelWidth:fixedWidth}},"./packages/polaris-viz-core/src/styles/shared/_variables.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz-core/src/styles/shared/_variables.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz-core/src/types.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var DataType,ChartState,InternalChartType,Hue;__webpack_require__.d(__webpack_exports__,"b",(function(){return DataType})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartState})),__webpack_require__.d(__webpack_exports__,"d",(function(){return InternalChartType})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Hue})),function(DataType){DataType.Point="Point",DataType.BarGroup="BarGroup",DataType.Bar="Bar"}(DataType||(DataType={})),function(ChartState){ChartState.Loading="Loading",ChartState.Error="Error",ChartState.Success="Success"}(ChartState||(ChartState={})),function(InternalChartType){InternalChartType.Bar="Bar",InternalChartType.Combo="Combo",InternalChartType.Line="Line"}(InternalChartType||(InternalChartType={})),function(Hue){Hue.Teal="Teal",Hue.Blue="Blue",Hue.Indigo="Indigo",Hue.Purple="Purple",Hue.Magenta="Magenta",Hue.Orange="Orange",Hue.Yellow="Yellow"}(Hue||(Hue={}))},"./packages/polaris-viz-core/src/utilities/ColorScale sync ^\\.[\\\\/](?:ColorScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./ColorScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/ColorScale/ColorScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/ColorScale sync ^\\.[\\\\/](?:ColorScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/ColorScale/ColorScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/ColorScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/OpacityScale sync ^\\.[\\\\/](?:OpacityScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./OpacityScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/OpacityScale/OpacityScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/OpacityScale sync ^\\.[\\\\/](?:OpacityScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/OpacityScale/OpacityScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/OpacityScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/changeColorOpacity.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return changeColorOpacity})),__webpack_require__.d(__webpack_exports__,"b",(function(){return changeGradientOpacity}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var d3_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/d3-color/src/color.js");function changeColorOpacity(colorString){var opacity=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,rgbColor=Object(d3_color__WEBPACK_IMPORTED_MODULE_4__.a)(colorString);if(null==rgbColor)throw new Error("Color value is not valid.");return rgbColor.opacity=opacity,rgbColor.toString()}function changeGradientOpacity(gradient){var opacity=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return gradient.map((function(_ref){return{offset:_ref.offset,color:changeColorOpacity(_ref.color,opacity)}}))}},"./packages/polaris-viz-core/src/utilities/clamp.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";function clamp(_ref){var amount=_ref.amount,min=_ref.min,max=_ref.max;return Math.min(Math.max(amount,min),max)}__webpack_require__.d(__webpack_exports__,"a",(function(){return clamp}))},"./packages/polaris-viz-core/src/utilities/curveStepRounded.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return curveStepRounded}));__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/classCallCheck.js"),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/createClass.js"),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__),CurveStepRounded=function(){function CurveStepRounded(_context,config){_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this,CurveStepRounded),this._context=_context,this.config=config,this._shift=.5}return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(CurveStepRounded,[{key:"areaStart",value:function areaStart(){this._line=0}},{key:"areaEnd",value:function areaEnd(){this._line=NaN}},{key:"lineStart",value:function lineStart(){this._x=NaN,this._y=NaN,this._point=0}},{key:"lineEnd",value:function lineEnd(){this._shift>0&&this._shift<1&&2===this._point&&this._context.lineTo(this._x,this._y),(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line>=0&&(this._shift=1-this._shift,this._line=1-this._line)}},{key:"point",value:function point(rawX,rawY){var x=Number(rawX),y=Number(rawY);if(0===this._point)this._point=1,this._line?this._context.lineTo(x,y):this._context.moveTo(x,y);else if(1===this._point&&(this._point=2),this._shift<=0)this._context.lineTo(this._x,y),this._context.lineTo(x,y);else{var x1=this._x*(1-this._shift)+x*this._shift,pointOffset=(x-this._x)*(this.config.distance/2),roundness=this.config.roundness,points=[[x1-pointOffset,this._y],[x1+pointOffset,y]],xDistance=points[1][0]-points[0][0],controlPoints=[[points[0][0]+xDistance*roundness,points[0][1]],[points[1][0]-xDistance*roundness,points[1][1]]];this._context.lineTo(points[0][0],points[0][1]),this._context.bezierCurveTo(controlPoints[0][0],controlPoints[0][1],controlPoints[1][0],controlPoints[1][1],points[1][0],points[1][1])}this._x=x,this._y=y}}]),CurveStepRounded}();function curveStepRounded(context){return new CurveStepRounded(context,{distance:.99,roundness:.59})}},"./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return estimateStringWidth}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _createForOfIteratorHelperLoose(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0;return function(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&function isDataGroup(object){return Object.prototype.hasOwnProperty.call(object,"shape")&&Object.prototype.hasOwnProperty.call(object,"series")}(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(array,1)[0])}},"./packages/polaris-viz-core/src/utilities/isGradientType.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isGradientType}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function isGradientType(color){return Array.isArray(color)&&color.every((function(item){return function isGradientStopType(item){return null!=item.offset&&"number"==typeof item.offset&&null!=item.color&&"string"==typeof item.color}(item)}))}},"./packages/polaris-viz-core/src/utilities/isLargeDataSet.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isLargeDataSet_isLargeDataSet}));__webpack_require__("./node_modules/core-js/modules/es.array.some.js");var constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),isDataGroup=__webpack_require__("./packages/polaris-viz-core/src/utilities/isDataGroup.ts"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray);function isDataSeriesArray(array){return array.length>0&&function isDataSeries(object){if(object.data&&object.data.length>0){var dataPoint=slicedToArray_default()(object.data,1)[0];return Object.prototype.hasOwnProperty.call(dataPoint,"value")&&Object.prototype.hasOwnProperty.call(dataPoint,"key")}return!1}(slicedToArray_default()(array,1)[0])}var hasTooManyDataPoints=function hasTooManyDataPoints(seriesArray,threshold){return seriesArray.some((function(series){return series.data.length>threshold}))};function isLargeDataSet_isLargeDataSet(data,chartType){var isLargeDataSet=!1;if(null==chartType)return!1;var thresholdForChart=constants.kb[chartType];if(null==thresholdForChart)return!1;isDataSeriesArray(data)&&(isLargeDataSet=hasTooManyDataPoints(data,thresholdForChart)),Object(isDataGroup.a)(data)&&(isLargeDataSet=data.some((function(dataGroup){return hasTooManyDataPoints(dataGroup.series,thresholdForChart)})));var hasManySeries=data.length>constants.lb;return isLargeDataSet||hasManySeries}},"./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isValueWithinDomain}));var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);function isValueWithinDomain(value,domain){return value>=Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(domain))&&value<=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(domain))}},"./packages/polaris-viz-core/src/utilities/paddingStringToObject.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return paddingStringToObject}));__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__),isValidNumber=function isValidNumber(value){return 0===value||null!=value},paddingStringToObject=function paddingStringToObject(paddingString){var _paddingString$match,_ref=(null==(_paddingString$match=paddingString.match(/\d+/g))?void 0:_paddingString$match.map((function(paddingSide){return isValidNumber(paddingSide)?paddingSide:null})))||[],_ref2=_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref,4),top=_ref2[0],right=_ref2[1],bottom=_ref2[2],left=_ref2[3],hasValidRight=isValidNumber(right),alternateLeft=hasValidRight?right:top;return{paddingTop:Number(top),paddingRight:Number(hasValidRight?right:top),paddingBottom:Number(isValidNumber(bottom)?bottom:top),paddingLeft:Number(isValidNumber(left)?left:alternateLeft)}}},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeColorOpacity\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./changeColorOpacity.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/changeColorOpacity.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeColorOpacity\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeGradientOpacity\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./changeGradientOpacity.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/changeGradientOpacity.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeGradientOpacity\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:clamp\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./clamp.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/clamp.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:clamp\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createCSSConicGradient\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createCSSConicGradient.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createCSSConicGradient.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createCSSConicGradient\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createGradient\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createGradient.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createGradient.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createGradient\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createTheme\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createTheme.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createTheme.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createTheme\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:curveStepRounded\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./curveStepRounded.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/curveStepRounded.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:curveStepRounded\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:estimateStringWidth\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./estimateStringWidth.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/estimateStringWidth.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:estimateStringWidth\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getAverageColor\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getAverageColor.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getAverageColor.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getAverageColor\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getFilteredSeries\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getFilteredSeries.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getFilteredSeries.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getFilteredSeries\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getSeriesColors\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getSeriesColors.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getSeriesColors.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getSeriesColors\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getValueFromXScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getValueFromXScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getValueFromXScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getValueFromXScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isGradientType\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./isGradientType.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/isGradientType.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isGradientType\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isValueWithinDomain\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./isValueWithinDomain.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/isValueWithinDomain.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isValueWithinDomain\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:paddingStringToObject\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./paddingStringToObject.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/paddingStringToObject.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:paddingStringToObject\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:removeFalsyValues\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./removeFalsyValues.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/removeFalsyValues.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:removeFalsyValues\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:uniqueId\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./uniqueId.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/uniqueId.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:uniqueId\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:useSVGBlurEvents\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./useSVGBlurEvents.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/useSVGBlurEvents.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:useSVGBlurEvents\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories/changeColorOpacity.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/changeColorOpacity",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/changeGradientOpacity.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/changeGradientOpacity",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/clamp.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/clamp",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createCSSConicGradient.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("Meta"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"iimport {Meta, Story, Canvas} from '@storybook/addon-docs';"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Meta,{title:"Shared/Utilities/Color Manipulation/createCSSConicGradient",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"UtilitiesHeader"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"createCSSConicGradient()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Returns a css conic gradient from the provided gradient."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-tsx"},"const gradient: gradientStop[] = [\n {color: 'red', offset: 0},\n {color: 'green', offset: 100},\n];\n\nconst conicGradient = createCSSConicGradient(gradient);\n\n// conic-gradient(red 0%, green 100%)\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__.a,{mdxType:"Divider"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/createCSSConicGradient",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createGradient.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/createGradient",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createTheme.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/addon-links/react.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Theme Handling/createTheme",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/curveStepRounded.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i()\n .x((_, index) => (xScale == null ? 0 : xScale(index)))\n .y(({value}) => yScale(value ?? 0));\n\n// Apply a nice curve to each line point\ngenerator.curve(curveStepRounded);\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Shape Manipulation/curveStepRounded",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/estimateStringWidth.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/estimateStringWidth",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getAverageColor.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/getAverageColor",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getFilteredSeries.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Data Handling/getFilteredSeries",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getSeriesColors.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Theme Handling/getSeriesColors",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getValueFromXScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/getValueFromXScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/isGradientType.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/isGradientType",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/isValueWithinDomain.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/isValueWithinDomain",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/paddingStringToObject.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/CSS to JS/paddingStringToObject",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/removeFalsyValues.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Data Handling/removeFalsyValues",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/uniqueId.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/uniqueId",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/useSVGBlurEvents.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(null);\n\nuseSVGBlurEvents({\n checkFn: () => {\n return document.activeElement === document.body;\n },\n onBlur: () => {\n console.log('onBlur has fired');\n },\n ref,\n});\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/useSVGBlurEvents",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/uniqueId.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return uniqueId}));var num,uniqueId=(num=0,function(prefix){return prefix+"-"+ ++num})},"./packages/polaris-viz-native/src/components/ChartContainer/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartContainer}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),View=__webpack_require__("./node_modules/react-native-web/dist/exports/View/index.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),isLargeDataSet=__webpack_require__("./packages/polaris-viz-core/src/utilities/isLargeDataSet.ts"),ChartContext=__webpack_require__("./packages/polaris-viz-core/src/contexts/ChartContext.tsx"),paddingStringToObject=__webpack_require__("./packages/polaris-viz-core/src/utilities/paddingStringToObject.ts"),AccessibilityInfo=__webpack_require__("./node_modules/react-native-web/dist/exports/AccessibilityInfo/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i
This component inherits its height and width from its container."}}},component:SparkBarChart,decorators:[function(Story){return Object(jsx_runtime.jsx)("div",{style:{width:"200px",height:"100px"},children:Story()})}],argTypes:{data:{description:"The prop to determine the chart's bars. Null bars will not be plotted. Bars with the value of `0` will render a very small bar to indicate the presence of the value.

Note: We currently only support a single series and a comparison series. Any additional series passed to the data array will be ignored."},accessibilityLabel:{description:"Visually hidden text for screen readers."},dataOffsetLeft:{description:"The amount of pixels to add as a left margin to the bar data."},dataOffsetRight:{description:"The amount of pixels to add as a right margin to the bar data."},isAnimated:{description:"Determines whether to animate the chart on state changes."},theme:{description:"The theme that the chart will inherit its styles from",control:{type:"select",options:["Dark","Light"]}}}};var SparkBarChart_stories_Template=function Template(args){return Object(jsx_runtime.jsx)(SparkBarChart,SparkBarChart_stories_objectSpread({},args))},DEFAULT_PROPS={isAnimated:!0,dimensions:{width:100,height:100},data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:100},{key:6,value:2e3},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]}],accessibilityLabel:"A bar chart showing orders over time for the past 11 weeks. The minimum is 100 orders and the maximum is 1,000 orders, compared to an average of 500 orders during previous 11-week period."},Default=SparkBarChart_stories_Template.bind({});Default.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{targetLine:{value:2e3}});var OffsetAndNulls=SparkBarChart_stories_Template.bind({});OffsetAndNulls.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{dataOffsetLeft:10,dataOffsetRight:20,data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:-300},{key:3,value:null},{key:4,value:400},{key:5,value:0},{key:6,value:0},{key:7,value:400},{key:8,value:700},{key:9,value:900},{key:10,value:500}]}],targetLine:{value:2e3}});var OverwrittenSeriesColors=SparkBarChart_stories_Template.bind({});OverwrittenSeriesColors.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:-300},{key:3,value:null},{key:4,value:400},{key:5,value:0},{key:6,value:0},{key:7,value:400},{key:8,value:700},{key:9,value:900},{key:10,value:500}],color:"lime"}],targetLine:{value:2e3}})},"./packages/polaris-viz-native/src/components/SparkLineChart/stories sync ^\\.[\\\\/](?:SparkLineChart\\.stories\\.tsx)$":function(module,exports,__webpack_require__){var map={"./SparkLineChart.stories.tsx":"./packages/polaris-viz-native/src/components/SparkLineChart/stories/SparkLineChart.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-native/src/components/SparkLineChart/stories sync ^\\.[\\\\/](?:SparkLineChart\\.stories\\.tsx)$"},"./packages/polaris-viz-native/src/components/SparkLineChart/stories/SparkLineChart.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"withoutSpline",(function(){return withoutSpline})),__webpack_require__.d(__webpack_exports__,"OffsetAndNulls",(function(){return OffsetAndNulls})),__webpack_require__.d(__webpack_exports__,"OverwrittenSeriesColors",(function(){return OverwrittenSeriesColors})),__webpack_require__.d(__webpack_exports__,"ZeroSeries",(function(){return ZeroSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),react=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js")),View=__webpack_require__("./node_modules/react-native-web/dist/exports/View/index.js"),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useFilteredSparkLineData=__webpack_require__("./packages/polaris-viz-core/src/hooks/useFilteredSparkLineData.ts"),useThemeSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),useSparkLine=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSparkLine.ts"),LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),ChartContainer=__webpack_require__("./packages/polaris-viz-native/src/components/ChartContainer/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i
This component inherits its height and width from its container."}},native:!0},decorators:[function(Story){return Object(jsx_runtime.jsx)("div",{children:Story()})}],argTypes:{data:{description:"The SparkLineChart can show one data series or a set of comparison data series. Each series is configured by the series item in the array."},accessibilityLabel:{description:"Visually hidden text for screen readers. Make sure to write [informative alt text.](https://medium.com/nightingale/writing-alt-text-for-data-visualization-2a218ef43f81)"},isAnimated:{description:"Determines whether to animate the chart on state changes."},offsetLeft:{description:"The amount of pixels to add as a left margin to the non-comparison line data."},offsetRight:{description:"The amount of pixels to add as a right margin to the non-comparison line data."},theme:{description:"The theme that the chart will inherit its styles from",control:{type:"select",options:["Dark","Light"]}}}};var SparkLineChart_stories_Template=function Template(args){return Object(jsx_runtime.jsx)("div",{style:{width:"160px"},children:Object(jsx_runtime.jsx)(SparkLineChart,SparkLineChart_stories_objectSpread({},args))})},defaultProps={data:[{data:[{key:0,value:200},{key:1,value:250},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]},{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]}],isAnimated:!0,accessibilityLabel:"Customer growth over time"},Default=SparkLineChart_stories_Template.bind({});Default.args=SparkLineChart_stories_objectSpread({},defaultProps);var withoutSpline=SparkLineChart_stories_Template.bind({});withoutSpline.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{theme:"NoSpline"});var OffsetAndNulls=SparkLineChart_stories_Template.bind({});OffsetAndNulls.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{offsetRight:12,offsetLeft:50,data:[{data:[{key:0,value:100},{key:1,value:50},{key:2,value:null},{key:3,value:200},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:100}]},{isComparison:!0,data:[{key:0,value:20},{key:1,value:20},{key:2,value:20},{key:3,value:20},{key:4,value:20},{key:5,value:20},{key:6,value:20},{key:7,value:20},{key:8,value:20},{key:9,value:20},{key:10,value:20}]}]});var OverwrittenSeriesColors=SparkLineChart_stories_Template.bind({});OverwrittenSeriesColors.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{data:[{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]},{color:"lime",data:[{key:0,value:100},{key:1,value:200},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]}]});var ZeroSeries=SparkLineChart_stories_Template.bind({});ZeroSeries.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{data:[{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]},{data:[{key:0,value:0},{key:1,value:0},{key:2,value:0},{key:3,value:0},{key:4,value:0},{key:5,value:0},{key:6,value:0},{key:7,value:0},{key:8,value:0},{key:9,value:0},{key:10,value:0}]}]})},"./packages/polaris-viz/src/components/Annotations/Annotations.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/Annotations.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/Annotations.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Annotations_Annotations}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),shouldHideAnnotation=__webpack_require__("./packages/polaris-viz/src/utilities/shouldHideAnnotation.ts"),isShowMoreAnnotationsButtonVisible=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),ShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx"),AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),useChartContext=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts")),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),linear=(__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/d3-scale/src/linear.js"));var clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),checkForHorizontalSpace=__webpack_require__("./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts"),useShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx");function useAnnotationPositions(_ref){var annotations=_ref.annotations,axisLabelWidth=_ref.axisLabelWidth,dataIndexes=_ref.dataIndexes,drawableWidth=_ref.drawableWidth,isShowingAllAnnotations=_ref.isShowingAllAnnotations,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,labelFormatter=_ref.labelFormatter,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var xPosition=function getValueFromXScale(index,xScale){var _ref2,_ref;return xScale instanceof linear.a?null!=(_ref=xScale(Number(index)))?_ref:0:null!=(_ref2=xScale(""+index))?_ref2:0}(dataIndexes[labelFormatter(annotation.startKey)],xScale),textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),rawX=Object(clamp.a)({amount:xPosition,min:xPosition,max:xPosition+axisLabelWidth}),x=Object(clamp.a)({amount:rawX-width/2,min:Annotations_constants.e,max:1/0}),right=x+width;return right>drawableWidth&&(x-=right-drawableWidth),{index:dataIndex,line:{x:rawX,y:0},row:1,width:width,x:x,y:0}}));positions=positions.sort((function(one,two){return one.x-two.x})),Object(checkForHorizontalSpace.a)({positions:positions,totalRows:1}),positions.forEach((function(current){var row=current.row-1;current.y=row*Annotations_constants.b+row*Annotations_constants.d}));var hiddenAnnotationsCount=positions.filter((function(_ref2){return _ref2.row>=constants.d})).length;return{positions:positions,hiddenAnnotationsCount:hiddenAnnotationsCount}}),[annotations,dataIndexes,textWidths,axisLabelWidth,xScale,drawableWidth,labelFormatter]),positions=_useMemo.positions,hiddenAnnotationsCount=_useMemo.hiddenAnnotationsCount,_useShowMoreAnnotatio=Object(useShowMoreAnnotationsButton.a)({isShowingAllAnnotations:isShowingAllAnnotations,positions:positions}),totalRowHeight=_useShowMoreAnnotatio.totalRowHeight,rowCount=_useShowMoreAnnotatio.rowCount;return Object(react.useEffect)((function(){onHeightChange(totalRowHeight)}),[onHeightChange,totalRowHeight]),{positions:positions,rowCount:rowCount,hiddenAnnotationsCount:isShowingAllAnnotations?0:hiddenAnnotationsCount}}var Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.scss"),Annotations_default=__webpack_require__.n(Annotations),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Annotations_Annotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,axisLabelWidth=_ref.axisLabelWidth,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,labels=_ref.labels,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,labelFormatter=_ref.labelFormatter,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(!1),_useState4=slicedToArray_default()(_useState3,2),isShowingAllAnnotations=_useState4[0],setIsShowingAllAnnotations=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),ref=_useState6[0],setRef=_useState6[1],formattedLabels=Object(react.useMemo)((function(){return labels.map(labelFormatter)}),[labels,labelFormatter]),_useMemo=Object(react.useMemo)((function(){var dataIndexes={};return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];if(null==annotation||"y"===annotation.axis)return null;var formattedKey=labelFormatter(key);return formattedLabels.includes(formattedKey)?(dataIndexes[formattedKey]=formattedLabels.indexOf(formattedKey),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,formattedLabels,labelFormatter]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useAnnotationPositio=useAnnotationPositions({annotations:annotations,axisLabelWidth:axisLabelWidth,dataIndexes:dataIndexes,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale,labelFormatter:labelFormatter}),hiddenAnnotationsCount=_useAnnotationPositio.hiddenAnnotationsCount,positions=_useAnnotationPositio.positions,rowCount=_useAnnotationPositio.rowCount,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}});var isShowMoreButtonVisible=Object(isShowMoreAnnotationsButtonVisible.a)(rowCount),showMoreButtonOffset=isShowMoreButtonVisible?Annotations_constants.f:0;return Object(jsx_runtime.jsxs)("g",{ref:setRef,tabIndex:-1,className:Annotations_default.a.Group,children:[isShowMoreButtonVisible&&Object(jsx_runtime.jsx)(ShowMoreAnnotationsButton.a,{annotationsCount:hiddenAnnotationsCount,collapseText:annotations[0].collapseButtonText,expandText:annotations[0].expandButtonText,isShowingAllAnnotations:isShowingAllAnnotations,onClick:function handleToggleAllAnnotations(){setIsShowingAllAnnotations(!isShowingAllAnnotations)},tabIndex:annotations.length,width:drawableWidth}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+showMoreButtonOffset+")",children:positions.map((function(position){var line=position.line,y=position.y,row=position.row,index=position.index,annotation=annotations[index];if(Object(shouldHideAnnotation.a)({row:row,isShowingAllAnnotations:isShowingAllAnnotations,rowCount:rowCount}))return null;var hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{size:drawableHeight-showMoreButtonOffset,x:line.x,y:y+Annotations_constants.b}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:line.x,y:y})]},"annotation"+index+annotation.startKey)}))})]})}try{Annotations_Annotations.displayName="Annotations",Annotations_Annotations.__docgenInfo={description:"",displayName:"Annotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},axisLabelWidth:{defaultValue:null,description:"",name:"axisLabelWidth",required:!0,type:{name:"number"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},labelFormatter:{defaultValue:null,description:"",name:"labelFormatter",required:!0,type:{name:"LabelFormatter"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},onHeightChange:{defaultValue:null,description:"",name:"onHeightChange",required:!0,type:{name:"(height: number) => void"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear | ScaleBand"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/Annotations.tsx#Annotations"]={docgenInfo:Annotations_Annotations.__docgenInfo,name:"Annotations",path:"packages/polaris-viz/src/components/Annotations/Annotations.tsx#Annotations"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return YAxisAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),isValueWithinDomain=__webpack_require__("./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),toConsumableArray=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js")),toConsumableArray_default=__webpack_require__.n(toConsumableArray),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts");var useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useEstimateStringWidth=__webpack_require__("./packages/polaris-viz/src/hooks/useEstimateStringWidth.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AnnotationYAxisLabel(_ref){var axis=_ref.axis,label=_ref.label,x=_ref.x,y=_ref.y,selectedTheme=Object(useTheme.a)(),width=Object(useEstimateStringWidth.a)(""+label,10),xOffset="y2"===axis?0:width;return Object(jsx_runtime.jsx)("text",{width:width,height:Annotations_constants.a,y:y,dominantBaseline:"middle",fontSize:10,x:x-xOffset,fill:selectedTheme.annotations.axisLabelColor,children:label})}try{AnnotationYAxisLabel.displayName="AnnotationYAxisLabel",AnnotationYAxisLabel.__docgenInfo={description:"",displayName:"AnnotationYAxisLabel",props:{axis:{defaultValue:null,description:"",name:"axis",required:!0,type:{name:"OptionalDualAxisYAxis"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string | number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationYAxisLabel/AnnotationYAxisLabel.tsx#AnnotationYAxisLabel"]={docgenInfo:AnnotationYAxisLabel.__docgenInfo,name:"AnnotationYAxisLabel",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationYAxisLabel/AnnotationYAxisLabel.tsx#AnnotationYAxisLabel"})}catch(__react_docgen_typescript_loader_error){}var AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.scss"),Annotations_default=__webpack_require__.n(Annotations);function YAxisAnnotations(_ref){var _ref$axis=_ref.axis,axis=void 0===_ref$axis?"y":_ref$axis,annotationsLookupTable=_ref.annotationsLookupTable,drawableWidth=_ref.drawableWidth,ticks=_ref.ticks,yScale=_ref.yScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),ref=_useState4[0],setRef=_useState4[1],annotations=Object(react.useMemo)((function(){return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return Object(isValueWithinDomain.a)(Number(annotation.startKey),yScale.domain())?null==annotation||null==annotation.axis||annotation.axis!==axis?null:annotation:null})).filter(Boolean)}}),[annotationsLookupTable,yScale,axis]).annotations,_useYAxisAnnotationPo=function useYAxisAnnotationPositions(_ref){var annotations=_ref.annotations,axis=_ref.axis,drawableWidth=_ref.drawableWidth,ticks=_ref.ticks,yScale=_ref.yScale,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var _yScale,rawY=null!=(_yScale=yScale(Number(annotation.startKey)))?_yScale:0,textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),y=Object(clamp.a)({amount:rawY-Annotations_constants.b/2,min:0,max:1/0}),x="y2"===axis?0:drawableWidth-width;return{index:dataIndex,line:{x:0,y:rawY,width:"y2"===axis?drawableWidth:drawableWidth-(drawableWidth-x)},showYAxisLabel:!0,row:1,width:width,x:x,y:y}}));return positions=positions.sort((function(one,two){return one.y-two.y})),ticks.forEach((function(_ref2){var yOffset=_ref2.yOffset;positions.forEach((function(current){var top=current.line.y-constants.Y/2,bottom=top+constants.Y;yOffset>top&&yOffsetnext.line.y&&(next.showYAxisLabel=!1);var top=current.y,bottom=current.y+Annotations_constants.b;current.row===next.row&&next.y>top&&next.y"}},axis:{defaultValue:{value:"y"},description:"",name:"axis",required:!1,type:{name:"OptionalDualAxisYAxis"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx#YAxisAnnotations"]={docgenInfo:YAxisAnnotations.__docgenInfo,name:"YAxisAnnotations",path:"packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx#YAxisAnnotations"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationContent}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__),react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react-dom/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./packages/polaris-viz-core/src/utilities/changeColorOpacity.ts"),_constants__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss"),_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","parentRef"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;idrawableWidth&&(xPosition=drawableWidth-width),Object(react_dom__WEBPACK_IMPORTED_MODULE_13__.createPortal)(Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(Wrapper,{height:"100%",width:"100%",style:{pointerEvents:"none",overflow:"visible"},x:Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__.a)({amount:xPosition,min:0,max:drawableWidth}),y:y,parentRef:parentRef,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("div",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Container,"data-block-tooltip-events":!0,onMouseLeave:onMouseLeave,ref:setRef,style:{width:"fit-content",maxWidth:Math.min(drawableWidth,350),background:Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_16__.a)(selectedTheme.tooltip.backgroundColor,isFirefox?1:_constants__WEBPACK_IMPORTED_MODULE_17__.l)},id:"annotation-content-"+index,role:"dialog",children:[null!=title&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("p",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Title,style:{color:selectedTheme.tooltip.textColor},role:"heading","aria-level":2,children:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("p",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Content,style:{color:selectedTheme.tooltip.textColor},"data-is-annotation-content":!0,children:[content,null!=linkUrl&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("a",{href:linkUrl,className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Link,tabIndex:tabIndex,style:{color:selectedTheme.annotations.linkColor},children:linkText})]})]})}),null!=parentRef?parentRef:document.body)}function Wrapper(_ref2){var children=_ref2.children,parentRef=_ref2.parentRef,theRest=_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10___default()(_ref2,_excluded),Tag=parentRef?"foreignObject":"div";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(Tag,_objectSpread(_objectSpread({},theRest),{},{children:children}))}try{AnnotationContent.displayName="AnnotationContent",AnnotationContent.__docgenInfo={description:"",displayName:"AnnotationContent",props:{annotation:{defaultValue:null,description:"",name:"annotation",required:!0,type:{name:"Annotation"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!0,type:{name:"() => void"}},parentRef:{defaultValue:null,description:"",name:"parentRef",required:!0,type:{name:"SVGElement"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"AnnotationPosition"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx#AnnotationContent"]={docgenInfo:AnnotationContent.__docgenInfo,name:"AnnotationContent",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx#AnnotationContent"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationLabel}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_Labels__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Labels/SingleTextLine.tsx"),_constants__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss"),_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");function AnnotationLabel(_ref){var ariaLabel=_ref.ariaLabel,hasContent=_ref.hasContent,index=_ref.index,isVisible=_ref.isVisible,label=_ref.label,position=_ref.position,setActiveIndex=_ref.setActiveIndex,tabIndex=_ref.tabIndex,selectedTheme=Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_1__.a)(),isFirefox=Object(_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_3__.a)().isFirefox,x=position.x,y=position.y,width=position.width,formattedAriaLabel=ariaLabel+": "+label;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("g",{transform:"translate("+x+","+y+")",opacity:isVisible?1:0,"aria-hidden":!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("foreignObject",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,style:{overflow:"visible"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{className:_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default.a.Blur,style:{borderRadius:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2}})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("rect",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,fill:selectedTheme.annotations.backgroundColor,ry:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2,opacity:isFirefox?1:selectedTheme.annotations.pillOpacity}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_Labels__WEBPACK_IMPORTED_MODULE_4__.a,{ariaHidden:!0,color:selectedTheme.annotations.textColor,text:label,targetWidth:width-2*_constants__WEBPACK_IMPORTED_MODULE_5__.c+1,y:_constants__WEBPACK_IMPORTED_MODULE_5__.b-_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_2__.Y-1,x:_constants__WEBPACK_IMPORTED_MODULE_5__.c}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[hasContent&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("line",{x1:_constants__WEBPACK_IMPORTED_MODULE_5__.c,x2:width-_constants__WEBPACK_IMPORTED_MODULE_5__.c,y1:_constants__WEBPACK_IMPORTED_MODULE_5__.b-3,y2:_constants__WEBPACK_IMPORTED_MODULE_5__.b-3,stroke:selectedTheme.annotations.textColor,strokeDasharray:"1, 3",strokeWidth:1}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("foreignObject",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,style:{overflow:"visible"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button",{"aria-describedby":"annotation-content-"+index,"aria-label":formattedAriaLabel,className:_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default.a.Button,onMouseEnter:function onMouseEnter(){return setActiveIndex(index)},onFocus:function onFocus(){return setActiveIndex(index)},tabIndex:tabIndex,style:{borderRadius:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2},children:label})})]})]})}try{AnnotationLabel.displayName="AnnotationLabel",AnnotationLabel.__docgenInfo={description:"",displayName:"AnnotationLabel",props:{ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!0,type:{name:"string"}},hasContent:{defaultValue:null,description:"",name:"hasContent",required:!0,type:{name:"boolean"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"AnnotationPosition"}},setActiveIndex:{defaultValue:null,description:"",name:"setActiveIndex",required:!0,type:{name:"Dispatch>"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx#AnnotationLabel"]={docgenInfo:AnnotationLabel.__docgenInfo,name:"AnnotationLabel",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx#AnnotationLabel"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationLine}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss"),_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i void"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},collapseText:{defaultValue:{value:"Collapse annotations"},description:"",name:"collapseText",required:!1,type:{name:"string"}},expandText:{defaultValue:{value:"Expand annotations"},description:"",name:"expandText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx#ShowMoreAnnotationsButton"]={docgenInfo:ShowMoreAnnotationsButton_ShowMoreAnnotationsButton.__docgenInfo,name:"ShowMoreAnnotationsButton",path:"packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx#ShowMoreAnnotationsButton"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/constants.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return PILL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"c",(function(){return PILL_PADDING})),__webpack_require__.d(__webpack_exports__,"d",(function(){return PILL_ROW_GAP})),__webpack_require__.d(__webpack_exports__,"e",(function(){return PILL_X_MIN})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SHOW_MORE_BUTTON_OFFSET})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANNOTATION_Y_AXIS_LABEL_HEIGHT}));var PILL_HEIGHT=20,PILL_PADDING=10,PILL_ROW_GAP=8,PILL_X_MIN=-10,SHOW_MORE_BUTTON_OFFSET=27,ANNOTATION_Y_AXIS_LABEL_HEIGHT=11.5},"./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useShowMoreAnnotationsButton}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_utilities_isShowMoreAnnotationsButtonVisible__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),_constants__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts");function useShowMoreAnnotationsButton(_ref){var isShowingAllAnnotations=_ref.isShowingAllAnnotations,positions=_ref.positions,rowCount=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(positions.map((function(_ref2){return _ref2.row}))))+1}),[positions]),showMoreButtonOffset=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return isShowingAllAnnotations&&Object(_utilities_isShowMoreAnnotationsButtonVisible__WEBPACK_IMPORTED_MODULE_5__.a)(rowCount)?_constants__WEBPACK_IMPORTED_MODULE_6__.f:0}),[rowCount,isShowingAllAnnotations]),totalRowHeight=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return positions.reduce((function(total,_ref3){var y=_ref3.y,row=_ref3.row;return!isShowingAllAnnotations&&row>_constants__WEBPACK_IMPORTED_MODULE_4__.d?total:y>total?y:total}),0)+_constants__WEBPACK_IMPORTED_MODULE_6__.b+_constants__WEBPACK_IMPORTED_MODULE_6__.d+showMoreButtonOffset}),[isShowingAllAnnotations,showMoreButtonOffset,positions]);return{rowCount:rowCount,totalRowHeight:totalRowHeight}}try{useShowMoreAnnotationsButton.displayName="useShowMoreAnnotationsButton",useShowMoreAnnotationsButton.__docgenInfo={description:"",displayName:"useShowMoreAnnotationsButton",props:{isShowingAllAnnotations:{defaultValue:null,description:"",name:"isShowingAllAnnotations",required:!0,type:{name:"boolean"}},positions:{defaultValue:null,description:"",name:"positions",required:!0,type:{name:"AnnotationPosition[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx#useShowMoreAnnotationsButton"]={docgenInfo:useShowMoreAnnotationsButton.__docgenInfo,name:"useShowMoreAnnotationsButton",path:"packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx#useShowMoreAnnotationsButton"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/utilities/checkAvailableAnnotations.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkAvailableAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");function checkAvailableAnnotations(annotationsLookupTable){var values=Object.values(annotationsLookupTable);return{hasXAxisAnnotations:values.some((function(_ref){return"x"===_ref.axis})),hasYAxisAnnotations:values.some((function(_ref2){return _ref2.axis.includes("y")}))}}},"./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkForHorizontalSpace}));__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__);function checkForHorizontalSpace(_ref){var positions=_ref.positions,totalRows=_ref.totalRows,checkAgain=!1;_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(Array.from({length:totalRows})).forEach((function(_,rowIndex){var currentRow=rowIndex+1;positions.filter((function(_ref2){return _ref2.row===currentRow})).forEach((function(current,index,filtered){var nextRow=currentRow+1,next=filtered[index+1];if(null!=next){var left=current.x,right=current.x+current.width;current.row===next.row&&next.x>left&&next.x>"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}},ticks:{defaultValue:null,description:"",name:"ticks",required:!0,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChartXAxisLabels/HorizontalBarChartXAxisLabels.tsx#HorizontalBarChartXAxisLabels"]={docgenInfo:HorizontalBarChartXAxisLabels.__docgenInfo,name:"HorizontalBarChartXAxisLabels",path:"packages/polaris-viz/src/components/HorizontalBarChartXAxisLabels/HorizontalBarChartXAxisLabels.tsx#HorizontalBarChartXAxisLabels"})}catch(__react_docgen_typescript_loader_error){}var useLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts"),LegendContainer=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx"),GradientDefs=__webpack_require__("./packages/polaris-viz/src/components/shared/GradientDefs/GradientDefs.tsx"),HorizontalGroup=__webpack_require__("./packages/polaris-viz/src/components/shared/HorizontalGroup/HorizontalGroup.tsx"),useColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useHorizontalSeriesColors=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalSeriesColors.ts"),useDataForHorizontalChart=__webpack_require__("./packages/polaris-viz/src/hooks/useDataForHorizontalChart.ts"),useHorizontalStackedValues=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalStackedValues.ts"),useHorizontalXScale=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalXScale.ts"),useHorizontalBarSizes=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalBarSizes.ts"),useChartContext=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"));function useBarChartTooltipContent(_ref){var data=_ref.data,renderTooltipContent=_ref.renderTooltipContent,seriesColors=_ref.seriesColors,seriesNameFormatter=_ref.seriesNameFormatter,theme=Object(useChartContext.a)().theme;return Object(react.useCallback)((function(activeIndex){if(-1===activeIndex)return null;var tooltipData=[{shape:"Bar",data:[]}];return data.forEach((function(_ref2,index){var name=_ref2.name,seriesData=_ref2.data,color=_ref2.color,value=seriesData[activeIndex].value;tooltipData[0].data.push({key:""+seriesNameFormatter(null!=name?name:""),value:value,color:null!=color?color:seriesColors[index]})})),renderTooltipContent({data:tooltipData,activeIndex:activeIndex,title:""+data[0].data[activeIndex].key,dataSeries:data,theme:theme})}),[data,seriesColors,theme,renderTooltipContent,seriesNameFormatter])}var useHorizontalTransitions=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalTransitions.ts"),src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts");var eventPoint=__webpack_require__("./packages/polaris-viz/src/utilities/eventPoint.ts"),TooltipWrapper=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/TooltipWrapper.tsx"),TooltipWrapper_constants=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/constants.ts"),VerticalGridLines_VerticalGridLines=function VerticalGridLines(_ref){var chartHeight=_ref.chartHeight,ticks=_ref.ticks,xScale=_ref.xScale,stroke=_ref.stroke;return Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+constants.H+")","aria-hidden":"true",children:ticks.map((function(value,index){return 0===value?null:Object(jsx_runtime.jsx)("line",{y1:0,y2:chartHeight-constants.H,stroke:stroke,transform:"translate("+xScale(value)+",0)"},index)}))})};try{VerticalGridLines_VerticalGridLines.displayName="VerticalGridLines",VerticalGridLines_VerticalGridLines.__docgenInfo={description:"",displayName:"VerticalGridLines",props:{chartHeight:{defaultValue:null,description:"",name:"chartHeight",required:!0,type:{name:"number"}},stroke:{defaultValue:null,description:"",name:"stroke",required:!0,type:{name:"string"}},ticks:{defaultValue:null,description:"",name:"ticks",required:!0,type:{name:"number[]"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/VerticalGridLines/VerticalGridLines.tsx#VerticalGridLines"]={docgenInfo:VerticalGridLines_VerticalGridLines.__docgenInfo,name:"VerticalGridLines",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/VerticalGridLines/VerticalGridLines.tsx#VerticalGridLines"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var isValueWithinDomain=__webpack_require__("./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),ShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx"),AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),isShowMoreAnnotationsButtonVisible=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),shouldHideAnnotation=__webpack_require__("./packages/polaris-viz/src/utilities/shouldHideAnnotation.ts"),estimateStringWidth=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts")),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),checkForHorizontalSpace=__webpack_require__("./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts"),useShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx");function HorizontalBarChartXAnnotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(!1),_useState4=slicedToArray_default()(_useState3,2),isShowingAllAnnotations=_useState4[0],setIsShowingAllAnnotations=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),ref=_useState6[0],setRef=_useState6[1],annotations=Object(react.useMemo)((function(){return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return Object(isValueWithinDomain.a)(Number(annotation.startKey),xScale.domain())?null==annotation||null==annotation.axis||"y"===annotation.axis?null:annotation:null})).filter(Boolean)}}),[annotationsLookupTable,xScale]).annotations,_useHorizontalBarChar=function useHorizontalBarChartXAnnotationPositions(_ref){var annotations=_ref.annotations,drawableWidth=_ref.drawableWidth,isShowingAllAnnotations=_ref.isShowingAllAnnotations,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var xPosition=xScale(Number(annotation.startKey)),textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),x=Object(clamp.a)({amount:xPosition-width/2,min:Annotations_constants.e,max:1/0}),right=x+width;return right>drawableWidth&&(x-=right-drawableWidth),{index:dataIndex,line:{x:xPosition,y:0},row:1,width:width,x:x,y:0}}));positions=positions.sort((function(one,two){return one.x-two.x})),Object(checkForHorizontalSpace.a)({positions:positions,totalRows:1}),positions.forEach((function(current){var row=current.row-1;current.y=row*Annotations_constants.b+row*Annotations_constants.d}));var hiddenAnnotationsCount=positions.filter((function(_ref2){return _ref2.row>=src_constants.d})).length;return{positions:positions,hiddenAnnotationsCount:hiddenAnnotationsCount}}),[annotations,textWidths,xScale,drawableWidth]),positions=_useMemo.positions,hiddenAnnotationsCount=_useMemo.hiddenAnnotationsCount,_useShowMoreAnnotatio=Object(useShowMoreAnnotationsButton.a)({isShowingAllAnnotations:isShowingAllAnnotations,positions:positions}),rowCount=_useShowMoreAnnotatio.rowCount,totalRowHeight=_useShowMoreAnnotatio.totalRowHeight;return Object(react.useEffect)((function(){onHeightChange(totalRowHeight)}),[onHeightChange,totalRowHeight]),{positions:positions,rowCount:rowCount,hiddenAnnotationsCount:isShowingAllAnnotations?0:hiddenAnnotationsCount}}({annotations:annotations,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale}),hiddenAnnotationsCount=_useHorizontalBarChar.hiddenAnnotationsCount,positions=_useHorizontalBarChar.positions,rowCount=_useHorizontalBarChar.rowCount,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}});var isShowMoreButtonVisible=Object(isShowMoreAnnotationsButtonVisible.a)(rowCount),showMoreButtonOffset=isShowMoreButtonVisible?Annotations_constants.f:0;return Object(jsx_runtime.jsxs)("g",{ref:setRef,tabIndex:-1,children:[isShowMoreButtonVisible&&Object(jsx_runtime.jsx)(ShowMoreAnnotationsButton.a,{annotationsCount:hiddenAnnotationsCount,collapseText:annotations[0].collapseButtonText,expandText:annotations[0].expandButtonText,isShowingAllAnnotations:isShowingAllAnnotations,onClick:function handleToggleAllAnnotations(){setIsShowingAllAnnotations(!isShowingAllAnnotations)},tabIndex:annotations.length,width:drawableWidth}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+showMoreButtonOffset+")",children:positions.map((function(position){var line=position.line,y=position.y,row=position.row,index=position.index,annotation=annotations[index];if(Object(shouldHideAnnotation.a)({row:row,isShowingAllAnnotations:isShowingAllAnnotations,rowCount:rowCount}))return null;var hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{size:drawableHeight-showMoreButtonOffset,x:line.x,y:y+Annotations_constants.b}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:line.x,y:y})]},"annotation"+index+annotation.startKey)}))})]})}try{HorizontalBarChartXAnnotations.displayName="HorizontalBarChartXAnnotations",HorizontalBarChartXAnnotations.__docgenInfo={description:"",displayName:"HorizontalBarChartXAnnotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},onHeightChange:{defaultValue:null,description:"",name:"onHeightChange",required:!0,type:{name:"(height: number) => void"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartXAnnotations/HorizontalBarChartXAnnotations.tsx#HorizontalBarChartXAnnotations"]={docgenInfo:HorizontalBarChartXAnnotations.__docgenInfo,name:"HorizontalBarChartXAnnotations",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartXAnnotations/HorizontalBarChartXAnnotations.tsx#HorizontalBarChartXAnnotations"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var Y_OFFSET=constants.Y/2;function HorizontalBarChartYAnnotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,drawableWidth=_ref.drawableWidth,groupHeight=_ref.groupHeight,labels=_ref.labels,zeroPosition=_ref.zeroPosition,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),ref=_useState4[0],setRef=_useState4[1],_useMemo=Object(react.useMemo)((function(){var dataIndexes={};return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return labels.includes(key)&&null!=annotation&&"x"!==annotation.axis?(dataIndexes[key]=labels.indexOf(key),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,labels]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useHorizontalBarChar=function useHorizontalBarChartYAnnotationsPositions(_ref){var annotations=_ref.annotations,dataIndexes=_ref.dataIndexes,groupHeight=_ref.groupHeight,drawableWidth=_ref.drawableWidth,zeroPosition=_ref.zeroPosition,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]);return{positions:Object(react.useMemo)((function(){return{positions:annotations.map((function(annotation,dataIndex){var rawY=dataIndexes[annotation.startKey]*groupHeight+Y_OFFSET,textWidth=textWidths[dataIndex],labelWidth=Object(estimateStringWidth.a)(""+annotation.startKey,characterWidths),width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),y=Object(clamp.a)({amount:rawY-Annotations_constants.b/2,min:0,max:1/0});return{index:dataIndex,line:{x:zeroPosition+labelWidth+5,y:rawY},row:1,width:width,x:drawableWidth-width,y:y}}))}}),[annotations,dataIndexes,groupHeight,textWidths,drawableWidth,characterWidths,zeroPosition]).positions}}({annotations:annotations,dataIndexes:dataIndexes,drawableWidth:drawableWidth,groupHeight:groupHeight,zeroPosition:zeroPosition}),positions=_useHorizontalBarChar.positions,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};return Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}}),Object(jsx_runtime.jsx)("g",{ref:setRef,tabIndex:-1,children:Object(jsx_runtime.jsx)("g",{transform:"translate(0, 0)",children:positions.map((function(position){var index=position.index,annotation=annotations[index],line=position.line,x=position.x,y=position.y,hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{direction:"horizontal",hasCaret:!1,size:drawableWidth-(drawableWidth-x),x:line.x,y:line.y}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:drawableWidth-(drawableWidth-x),y:y})]},"annotation"+index+annotation.startKey)}))})})}try{HorizontalBarChartYAnnotations.displayName="HorizontalBarChartYAnnotations",HorizontalBarChartYAnnotations.__docgenInfo={description:"",displayName:"HorizontalBarChartYAnnotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},groupHeight:{defaultValue:null,description:"",name:"groupHeight",required:!0,type:{name:"number"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},zeroPosition:{defaultValue:null,description:"",name:"zeroPosition",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartYAnnotations/HorizontalBarChartYAnnotations.tsx#HorizontalBarChartYAnnotations"]={docgenInfo:HorizontalBarChartYAnnotations.__docgenInfo,name:"HorizontalBarChartYAnnotations",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartYAnnotations/HorizontalBarChartYAnnotations.tsx#HorizontalBarChartYAnnotations"})}catch(__react_docgen_typescript_loader_error){}var utilities=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/utilities.ts");function getAlteredHorizontalBarPosition(props){return props.currentX<0?function getNegativeOffset(props){var bandwidth=props.bandwidth,currentX=props.currentX,currentY=props.currentY,tooltipDimensions=props.tooltipDimensions,flippedX=-1*currentX,yOffset=(bandwidth-tooltipDimensions.height)/2,y=currentY-tooltipDimensions.height;if(flippedX-tooltipDimensions.width<0)return{x:flippedX,y:y<0?0:y};return{x:flippedX-tooltipDimensions.width-utilities.a,y:currentY+constants.H+yOffset}}(props):function getPositiveOffset(props){var bandwidth=props.bandwidth,currentX=props.currentX,currentY=props.currentY,tooltipDimensions=props.tooltipDimensions,chartBounds=props.chartBounds,isOutside=function isOutsideBounds(_ref){var x=_ref.x,y=_ref.y,tooltipDimensions=_ref.tooltipDimensions,chartBounds=_ref.chartBounds,right=x+utilities.a+tooltipDimensions.width,bottom=y+tooltipDimensions.height;return{left:x<=0,right:right>chartBounds.width,bottom:bottom>chartBounds.height,top:y<=0}}({x:currentX,y:currentY,tooltipDimensions:tooltipDimensions,chartBounds:chartBounds});if(isOutside.top&&isOutside.right)return{x:chartBounds.width-tooltipDimensions.width,y:0};if(isOutside.top&&!isOutside.right)return{x:currentX+utilities.a,y:0};if(!isOutside.right&&!isOutside.bottom){var yOffset=(bandwidth-tooltipDimensions.height)/2;return{x:currentX+utilities.a,y:currentY+constants.H+yOffset}}if(isOutside.right){var x=currentX-tooltipDimensions.width,y=currentY-tooltipDimensions.height+constants.H-utilities.a;return y<0?{x:x,y:bandwidth+constants.H+utilities.a}:{x:x,y:y}}if(isOutside.bottom)return{x:currentX+utilities.a,y:chartBounds.height-tooltipDimensions.height-constants.H};return{x:currentX,y:currentY}}(props)}function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,seriesNameFormatter=_ref.seriesNameFormatter,showLegend=_ref.showLegend,type=_ref.type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions;Object(useColorVisionEvents.a)({enabled:data.length>1});var selectedTheme=Object(useTheme.a)(),id=Object(react.useMemo)((function(){return Object(uniqueId.a)("HorizontalBarChart")}),[]),isStacked="stacked"===type,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),svgRef=_useState2[0],setSvgRef=_useState2[1],_useState3=Object(react.useState)(constants.Y),_useState4=slicedToArray_default()(_useState3,2),xAxisHeight=_useState4[0],setXAxisHeight=_useState4[1],_useState5=Object(react.useState)(0),_useState6=slicedToArray_default()(_useState5,2),annotationsHeight=_useState6[0],setAnnotationsHeight=_useState6[1],_useHorizontalSeriesC=Object(useHorizontalSeriesColors.a)(data),longestSeriesCount=_useHorizontalSeriesC.longestSeriesCount,seriesColors=_useHorizontalSeriesC.seriesColors,_useLegend=Object(useLegend.a)({data:[{shape:"Bar",series:data}],dimensions:dimensions,showLegend:showLegend,colors:seriesColors,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,_useDataForHorizontal=Object(useDataForHorizontalChart.a)({data:data,isSimple:!1,isStacked:isStacked,labelFormatter:xAxisOptions.labelFormatter}),allNumbers=_useDataForHorizontal.allNumbers,longestLabel=_useDataForHorizontal.longestLabel,areAllNegative=_useDataForHorizontal.areAllNegative,highestValueForSeries=Object(react.useMemo)((function(){var groups=function formatDataIntoGroups(data){var groups=[];return data.forEach((function(_ref){_ref.data.forEach((function(_ref2,dataIndex){var value=_ref2.value;null!=value&&(groups[dataIndex]?groups[dataIndex].push(value):groups[dataIndex]=[value])}))})),groups}(data);return groups.map((function(numbers){var values=numbers.map((function(value){return value})).filter(Boolean);return 0===values.length?0:areAllNegative?Math.min.apply(Math,toConsumableArray_default()(values)):Math.max.apply(Math,toConsumableArray_default()(values))}))}),[data,areAllNegative]),_useHorizontalStacked=Object(useHorizontalStackedValues.a)({isStacked:isStacked,data:data}),stackedValues=_useHorizontalStacked.stackedValues,stackedMin=_useHorizontalStacked.stackedMin,stackedMax=_useHorizontalStacked.stackedMax,chartYPosition=constants.r.Top+annotationsHeight,drawableHeight=height-xAxisHeight-chartYPosition,_useHorizontalXScale=Object(useHorizontalXScale.a)({allNumbers:allNumbers,stackedMin:stackedMin,stackedMax:stackedMax,isStacked:isStacked,maxWidth:width-longestLabel.negative-longestLabel.positive,labelFormatter:xAxisOptions.labelFormatter,longestLabel:longestLabel}),xScale=_useHorizontalXScale.xScale,ticks=_useHorizontalXScale.ticks,ticksFormatted=_useHorizontalXScale.ticksFormatted,drawableWidth=_useHorizontalXScale.drawableWidth,chartXPosition=_useHorizontalXScale.chartXPosition,_useHorizontalBarSize=Object(useHorizontalBarSizes.a)({chartDimensions:{width:drawableWidth,height:drawableHeight},isSimple:xAxisOptions.hide,isStacked:isStacked,seriesLength:longestSeriesCount,singleBarCount:data.length,xAxisHeight:xAxisHeight}),barHeight=_useHorizontalBarSize.barHeight,chartHeight=_useHorizontalBarSize.chartHeight,groupBarsAreaHeight=_useHorizontalBarSize.groupBarsAreaHeight,groupHeight=_useHorizontalBarSize.groupHeight,annotationsDrawableHeight=chartYPosition+chartHeight+src_constants.a,getTooltipMarkup=useBarChartTooltipContent({data:data,seriesColors:seriesColors,renderTooltipContent:renderTooltipContent,seriesNameFormatter:seriesNameFormatter}),transitions=Object(useHorizontalTransitions.a)({series:data,groupHeight:groupHeight,chartXPosition:chartXPosition}).transitions,zeroPosition=longestLabel.negative+xScale(0),labelWidth=drawableWidth/ticks.length,chartBounds={width:width,height:height,x:chartXPosition,y:0},_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations,unformattedLabels=Object(useFormattedLabels.a)({data:data,labelFormatter:yAxisOptions.labelFormatter}).unformattedLabels,getAriaLabel=Object(useAriaLabel.a)(data,{xAxisLabelFormatter:xAxisOptions.labelFormatter,yAxisLabelFormatter:yAxisOptions.labelFormatter});return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{setRef:setSvgRef,width:width,height:height,children:[!0===xAxisOptions.hide?null:Object(jsx_runtime.jsxs)("g",{transform:"translate("+chartXPosition+", "+chartYPosition+")",children:[Object(jsx_runtime.jsx)(VerticalGridLines_VerticalGridLines,{chartHeight:chartHeight+constants.K,stroke:selectedTheme.grid.color,ticks:ticks,xScale:xScale}),Object(jsx_runtime.jsx)(HorizontalBarChartXAxisLabels,{allowLineWrap:xAxisOptions.allowLineWrap,chartX:-labelWidth/2,chartY:drawableHeight,labels:ticksFormatted,labelWidth:labelWidth,onHeightChange:setXAxisHeight,ticks:ticks,xScale:xScale})]}),Object(jsx_runtime.jsx)(GradientDefs.a,{direction:"horizontal",gradientUnits:isStacked?"objectBoundingBox":"userSpaceOnUse",id:id,seriesColors:seriesColors,size:isStacked?"100%":width+"px"}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+chartYPosition+")",children:transitions((function(style,item,_transition,index){var _item$key,_ref2=style,opacity=_ref2.opacity,transform=_ref2.transform,name=null!=(_item$key=item.key)?_item$key:"",ariaLabel=getAriaLabel({seriesIndex:item.index,key:item.key});return Object(jsx_runtime.jsx)(react_spring_web_esm.animated.g,{style:{opacity:opacity,transform:transform},children:Object(jsx_runtime.jsx)(HorizontalGroup.a,{areAllNegative:areAllNegative,ariaLabel:ariaLabel,barHeight:barHeight,containerWidth:width,data:data,groupHeight:groupHeight,id:id,index:index,isSimple:!1,isStacked:isStacked,name:name,stackedValues:stackedValues,xAxisOptions:xAxisOptions,xScale:xScale,yAxisOptions:yAxisOptions,zeroPosition:zeroPosition})},"group-"+name)}))}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+", 0)",children:Object(jsx_runtime.jsx)(HorizontalBarChartXAnnotations,{annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+", "+chartYPosition+")",children:Object(jsx_runtime.jsx)(HorizontalBarChartYAnnotations,{annotationsLookupTable:annotationsLookupTable,drawableWidth:drawableWidth,groupHeight:groupHeight,labels:unformattedLabels,zeroPosition:zeroPosition})})]}),0!==highestValueForSeries.length&&Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:groupBarsAreaHeight,chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getAlteredPosition:getAlteredHorizontalBarPosition,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref3){var event=_ref3.event,index=_ref3.index;if("mouse"===_ref3.eventType&&event){var point=Object(eventPoint.a)(event);if(null==point)return TooltipWrapper_constants.b;var currentPoint=point.svgY-0,currentIndex=Math.floor(currentPoint/groupHeight);return currentIndex<0||currentIndex>longestSeriesCount-1?TooltipWrapper_constants.b:formatPositionForTooltip(currentIndex)}if(null!=index)return formatPositionForTooltip(index);return TooltipWrapper_constants.b},margin:constants.r,parentRef:svgRef}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,dimensions:dimensions,enableHideOverflow:!0,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,renderHiddenLegendLabel:renderHiddenLegendLabel})]});function formatPositionForTooltip(index){if(isStacked)return{x:stackedValues[index].reduce((function(prev,cur){var _cur=slicedToArray_default()(cur,2),start=_cur[0],end=_cur[1];return start<0?prev:prev+(xScale(end)-xScale(start))}),xScale(0)),y:groupHeight*index,activeIndex:index};var highestValue=highestValueForSeries[index],x=chartXPosition+xScale(highestValue);return{x:highestValue<0?-x:x,y:groupHeight*index,activeIndex:index}}}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"ChartType"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/HorizontalBarChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function HorizontalBarChart(_ref){var _ref$annotationsLooku=_ref.annotationsLookupTable,annotationsLookupTable=void 0===_ref$annotationsLooku?{}:_ref$annotationsLooku,data=_ref.data,dimensions=_ref.dimensions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,seriesNameFormatter=_ref.seriesNameFormatter,showLegend=_ref.showLegend,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions;return Object(jsx_runtime.jsx)(Chart,{dimensions:dimensions,annotationsLookupTable:annotationsLookupTable,data:data,renderTooltipContent:renderTooltipContent,seriesNameFormatter:seriesNameFormatter,showLegend:showLegend,type:type,xAxisOptions:xAxisOptions,yAxisOptions:yAxisOptions,renderLegendContent:renderLegendContent,renderHiddenLegendLabel:renderHiddenLegendLabel})}try{HorizontalBarChart.displayName="HorizontalBarChart",HorizontalBarChart.__docgenInfo={description:"",displayName:"HorizontalBarChart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"ChartType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/HorizontalBarChart.tsx#HorizontalBarChart"]={docgenInfo:HorizontalBarChart.__docgenInfo,name:"HorizontalBarChart",path:"packages/polaris-viz/src/components/HorizontalBarChart/HorizontalBarChart.tsx#HorizontalBarChart"})}catch(__react_docgen_typescript_loader_error){}var useThemeSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts"),useYScale=(__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useYScale.ts")),useChartPositions=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartPositions.ts"),none=__webpack_require__("./node_modules/d3-shape/src/order/none.js"),diverging=__webpack_require__("./node_modules/d3-shape/src/offset/diverging.js"),useIndexForLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useIndexForLabels.ts"),Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.tsx"),YAxisAnnotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx"),getVerticalBarChartTooltipPosition=__webpack_require__("./packages/polaris-viz/src/utilities/getVerticalBarChartTooltipPosition.ts"),XAxis=__webpack_require__("./packages/polaris-viz/src/components/XAxis/XAxis.tsx"),TooltipWrapper_types=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/types.ts"),getStackedValues=__webpack_require__("./packages/polaris-viz/src/utilities/getStackedValues.ts"),getStackedMinMax=__webpack_require__("./packages/polaris-viz/src/utilities/getStackedMinMax.ts"),YAxis=__webpack_require__("./packages/polaris-viz/src/components/YAxis/YAxis.tsx"),HorizontalGridLines=__webpack_require__("./packages/polaris-viz/src/components/HorizontalGridLines/HorizontalGridLines.tsx"),useReducedLabelIndexes=__webpack_require__("./packages/polaris-viz/src/hooks/useReducedLabelIndexes.ts"),VerticalBarGroup=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBarGroup/VerticalBarGroup.tsx"),useVerticalBarChart=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/hooks/useVerticalBarChart.ts");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i1,dimensions:dimensions});var yScaleMax,selectedTheme=Object(useTheme.a)(),characterWidths=Object(useChartContext.a)().characterWidths,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),svgRef=_useState2[0],setSvgRef=_useState2[1],id=Object(react.useMemo)((function(){return Object(uniqueId.a)("VerticalBarChart")}),[]),_useState3=Object(react.useState)(constants.Y),_useState4=slicedToArray_default()(_useState3,2),xAxisHeight=_useState4[0],setXAxisHeight=_useState4[1],_useState5=Object(react.useState)(0),_useState6=slicedToArray_default()(_useState5,2),annotationsHeight=_useState6[0],setAnnotationsHeight=_useState6[1],_useLegend=Object(useLegend.a)({data:[{shape:"Bar",series:data}],dimensions:dimensions,showLegend:showLegend,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,emptyState=0===data.length,indexForLabels=Object(useIndexForLabels.a)(data),_useFormattedLabels=Object(useFormattedLabels.a)({data:[data[indexForLabels]],labelFormatter:xAxisOptions.labelFormatter}),formattedLabels=_useFormattedLabels.formattedLabels,unformattedLabels=_useFormattedLabels.unformattedLabels,isStacked="stacked"===type,stackedValues=isStacked?Object(getStackedValues.a)({series:data,labels:formattedLabels,order:none.a,offset:diverging.a}):null,reducedLabelIndexes=Object(useReducedLabelIndexes.a)({dataLength:data[0]?data[0].data.length:0}),_getStackedMinMax=Object(getStackedMinMax.a)({stackedValues:stackedValues,data:data,integersOnly:yAxisOptions.integersOnly}),min=_getStackedMinMax.min,max=_getStackedMinMax.max;null===yAxisOptions.maxYOverride?yScaleMax=max:yScaleMax=data.every((function(series){return series.data.every((function(point){return 0===point.value}))}))?0:max;if(!isFinite(yScaleMax)||!isFinite(min))throw new Error("min and max must be finite numbers.");var yScaleOptions={formatYAxisLabel:yAxisOptions.labelFormatter,integersOnly:yAxisOptions.integersOnly,maxYOverride:yAxisOptions.maxYOverride,max:yScaleMax,min:min},initialTicks=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:height,verticalOverflow:selectedTheme.grid.verticalOverflow})).ticks,yAxisLabelWidth=Object(react.useMemo)((function(){return Math.max.apply(Math,toConsumableArray_default()(initialTicks.map((function(_ref2){var formattedValue=_ref2.formattedValue;return Object(estimateStringWidth.a)(formattedValue,characterWidths)}))))}),[characterWidths,initialTicks]),_useChartPositions=Object(useChartPositions.a)({annotationsHeight:annotationsHeight,height:height,width:width,xAxisHeight:xAxisHeight,yAxisWidth:yAxisLabelWidth}),drawableWidth=_useChartPositions.drawableWidth,drawableHeight=_useChartPositions.drawableHeight,chartXPosition=_useChartPositions.chartXPosition,chartYPosition=_useChartPositions.chartYPosition,xAxisBounds=_useChartPositions.xAxisBounds,yAxisBounds=_useChartPositions.yAxisBounds,annotationsDrawableHeight=chartYPosition+drawableHeight+src_constants.a,chartBounds={width:width,height:height,x:chartXPosition,y:chartYPosition},hideXAxis=xAxisOptions.hide||selectedTheme.xAxis.hide,_useVerticalBarChart=Object(useVerticalBarChart.a)({data:data,drawableWidth:drawableWidth,labels:formattedLabels}),sortedData=_useVerticalBarChart.sortedData,areAllNegative=_useVerticalBarChart.areAllNegative,xScale=_useVerticalBarChart.xScale,gapWidth=_useVerticalBarChart.gapWidth,_useYScale2=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:drawableHeight,verticalOverflow:selectedTheme.grid.verticalOverflow})),ticks=_useYScale2.ticks,yScale=_useYScale2.yScale,barColors=data.map((function(_ref3){return _ref3.color})),getTooltipMarkup=useBarChartTooltipContent({renderTooltipContent:renderTooltipContent,data:data,seriesColors:barColors,seriesNameFormatter:seriesNameFormatter}),_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations,xAxisLabelHalf=xScale.bandwidth()/2;return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{height:height,width:width,emptyStateText:emptyStateText,emptyState:emptyState,setRef:setSvgRef,children:[hideXAxis?null:Object(jsx_runtime.jsx)(XAxis.a,{allowLineWrap:xAxisOptions.allowLineWrap,labels:formattedLabels,labelWidth:xScale.bandwidth(),onHeightChange:setXAxisHeight,reducedLabelIndexes:reducedLabelIndexes,x:xAxisBounds.x,xScale:xScale,y:xAxisBounds.y}),Object(jsx_runtime.jsx)(GradientDefs.a,{direction:"vertical",gradientUnits:isStacked?"objectBoundingBox":"userSpaceOnUse",id:id,seriesColors:barColors,size:isStacked?"100%":width+"px"}),selectedTheme.grid.showHorizontalLines?Object(jsx_runtime.jsx)(HorizontalGridLines.a,{ticks:ticks,transform:{x:selectedTheme.grid.horizontalOverflow?0:chartXPosition,y:chartYPosition},width:selectedTheme.grid.horizontalOverflow?width:drawableWidth}):null,Object(jsx_runtime.jsx)(YAxis.a,{ticks:ticks,textAlign:"right",width:yAxisLabelWidth,x:yAxisBounds.x,y:yAxisBounds.y}),Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(VerticalBarGroup.a,{colors:barColors,data:data,drawableHeight:drawableHeight,gapWidth:gapWidth,id:id,labels:formattedLabels,sortedData:sortedData,stackedValues:stackedValues,xScale:xScale,yAxisOptions:yAxisOptions,yScale:yScale,areAllNegative:areAllNegative})}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+(chartXPosition+xAxisLabelHalf)+",0)",tabIndex:-1,children:Object(jsx_runtime.jsx)(Annotations.a,{annotationsLookupTable:annotationsLookupTable,axisLabelWidth:xScale.bandwidth(),drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,labels:unformattedLabels,labelFormatter:xAxisOptions.labelFormatter,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",tabIndex:-1,children:Object(jsx_runtime.jsx)(YAxisAnnotations.a,{annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:ticks,yScale:yScale})})]}),sortedData.length>0&&Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:xScale.bandwidth(),chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref4){var event=_ref4.event,index=_ref4.index,eventType=_ref4.eventType;return Object(getVerticalBarChartTooltipPosition.a)({tooltipPosition:{event:event,index:index,eventType:eventType},chartXPosition:chartXPosition,formatPositionForTooltip:formatPositionForTooltip,maxIndex:sortedData.length-1,step:xScale.step(),yMin:constants.r.Top,yMax:drawableHeight+Number(constants.r.Bottom)+xAxisHeight})},margin:_objectSpread(_objectSpread({},constants.r),{},{Top:chartYPosition}),parentRef:svgRef,chartDimensions:dimensions,usePortal:!0}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,enableHideOverflow:!0,dimensions:dimensions,renderHiddenLegendLabel:renderHiddenLegendLabel})]});function formatPositionForTooltip(index){var _xScale,_dimensions$x,_dimensions$y;if(null==index)return TooltipWrapper_constants.b;var xPosition=null!=(_xScale=xScale(""+index))?_xScale:0,sortedDataPos=sortedData[index].map((function(num){return Math.abs(null!=num?num:0)})),highestValuePos="stacked"===type?sortedData[index].reduce(sumPositiveData,0):Math.max.apply(Math,toConsumableArray_default()(sortedDataPos)),x=xPosition+chartXPosition,y=yScale(highestValuePos)+chartYPosition;return{x:x+(null!=(_dimensions$x=null==dimensions?void 0:dimensions.x)?_dimensions$x:0),y:Math.abs(y)+(null!=(_dimensions$y=null==dimensions?void 0:dimensions.y)?_dimensions$y:0),position:{horizontal:TooltipWrapper_types.a.Center,vertical:areAllNegative?TooltipWrapper_types.b.Below:TooltipWrapper_types.b.Above},activeIndex:index}}}function sumPositiveData(prevValue,currValue){return currValue<0?prevValue:prevValue+currValue}try{Chart_Chart.displayName="Chart",Chart_Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"ChartType"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/VerticalBarChart/Chart.tsx#Chart"]={docgenInfo:Chart_Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/VerticalBarChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function VerticalBarChart_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function VerticalBarChart(_ref){var _ref$annotationsLooku=_ref.annotationsLookupTable,annotationsLookupTable=void 0===_ref$annotationsLooku?{}:_ref$annotationsLooku,data=_ref.data,dimensions=_ref.dimensions,emptyStateText=_ref.emptyStateText,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,showLegend=_ref.showLegend,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,seriesNameFormatter=_ref.seriesNameFormatter,selectedTheme=Object(useTheme.a)(),seriesColors=Object(useThemeSeriesColors.a)(data,selectedTheme),seriesWithDefaults=data.map((function(series,index){return function VerticalBarChart_objectSpread(target){for(var i=1;i ReactNode"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},barOptions:{defaultValue:null,description:"",name:"barOptions",required:!1,type:{name:"{ isStacked: boolean; }"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"ChartType"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/VerticalBarChart/VerticalBarChart.tsx#VerticalBarChart"]={docgenInfo:VerticalBarChart.__docgenInfo,name:"VerticalBarChart",path:"packages/polaris-viz/src/components/VerticalBarChart/VerticalBarChart.tsx#VerticalBarChart"})}catch(__react_docgen_typescript_loader_error){}var ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),fillMissingDataPoints=__webpack_require__("./packages/polaris-viz/src/utilities/fillMissingDataPoints.ts");function BarChart_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function BarChart_objectSpread(target){for(var i=1;i1&&void 0!==arguments[1]?arguments[1]:"DataSeries";if(null==data[0].data)return!1;var firstSetLength=data[0].data.length,hasMismatchedData=data.some((function(series){return series.data.length!==firstSetLength}));return hasMismatchedData?(console.warn("The "+type+"[] provided does not have equal series values.",data),!0):void 0}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=getPrototypeOf_default()(Derived);if(hasNativeReflectConstruct){var NewTarget=getPrototypeOf_default()(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return possibleConstructorReturn_default()(this,result)}}var ChartErrorBoundary_ChartErrorBoundary=function(_Component){inherits_default()(ChartErrorBoundary,_Component);var _super=_createSuper(ChartErrorBoundary);function ChartErrorBoundary(props){var _this;return classCallCheck_default()(this,ChartErrorBoundary),(_this=_super.call(this,props)).state={hasError:!1},_this.onError=function(error,errorInfo){checkForMismatchedData(_this.props.data),_this.props.onError?_this.props.onError(error,errorInfo):console.error({error:error,errorInfo:errorInfo})},_this}return createClass_default()(ChartErrorBoundary,[{key:"componentDidCatch",value:function componentDidCatch(error,errorInfo){this.onError(error,errorInfo)}},{key:"render",value:function render(){return this.state.hasError?Object(jsx_runtime.jsx)(ChartSkeleton.a,{type:this.props.type,state:types.a.Error,dimensions:this.props.dimensions}):this.props.children}}],[{key:"getDerivedStateFromError",value:function getDerivedStateFromError(_){return{hasError:!0}}}]),ChartErrorBoundary}(react.Component);try{ChartErrorBoundary_ChartErrorBoundary.displayName="ChartErrorBoundary",ChartErrorBoundary_ChartErrorBoundary.__docgenInfo={description:"",displayName:"ChartErrorBoundary",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!0,type:{name:"Dimensions"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"SkeletonType"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartErrorBoundary/ChartErrorBoundary.tsx#ChartErrorBoundary"]={docgenInfo:ChartErrorBoundary_ChartErrorBoundary.__docgenInfo,name:"ChartErrorBoundary",path:"packages/polaris-viz/src/components/ChartErrorBoundary/ChartErrorBoundary.tsx#ChartErrorBoundary"})}catch(__react_docgen_typescript_loader_error){}var useResizeObserver=__webpack_require__("./packages/polaris-viz/src/hooks/useResizeObserver.ts"),useBrowserCheck=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"));var ChartDimensions=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss"),ChartDimensions_default=__webpack_require__.n(ChartDimensions);function ChartDimensions_ChartDimensions(_ref){var children=_ref.children,data=_ref.data,onIsPrintingChange=_ref.onIsPrintingChange,scrollContainer=_ref.scrollContainer,_ref$sparkChart=_ref.sparkChart,sparkChart=void 0!==_ref$sparkChart&&_ref$sparkChart,_ref$skeletonType=_ref.skeletonType,skeletonType=void 0===_ref$skeletonType?"Default":_ref$skeletonType,onError=_ref.onError,chartContainer=Object(useTheme.a)().chartContainer,onErrorProvider=Object(usePolarisVizContext.a)().onError,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),chartDimensions=_useState2[0],setChartDimensions=_useState2[1],_useResizeObserver=Object(useResizeObserver.a)(),ref=_useResizeObserver.ref,setRef=_useResizeObserver.setRef,entry=_useResizeObserver.entry,previousEntry=Object(usePrevious.a)(entry);!function usePrintResizing(_ref){var ref=_ref.ref,setChartDimensions=_ref.setChartDimensions,onIsPrintingChange=_ref.onIsPrintingChange,_useState=Object(react.useState)(!1),_useState2=slicedToArray_default()(_useState,2),isPrinting=_useState2[0],setIsPrinting=_useState2[1],_useBrowserCheck=Object(useBrowserCheck.a)(),isFirefox=_useBrowserCheck.isFirefox,isSafari=_useBrowserCheck.isSafari;return Object(react.useLayoutEffect)((function(){var isServer="undefined"==typeof window;function handlePrint(){if(null!=ref){var _getComputedStyle=getComputedStyle(ref),paddingRight=_getComputedStyle.paddingRight,paddingLeft=_getComputedStyle.paddingLeft,paddingTop=_getComputedStyle.paddingTop,paddingBottom=_getComputedStyle.paddingBottom,width=ref.clientWidth-parseInt(paddingLeft,10)-parseInt(paddingRight,10),height=ref.clientHeight-parseInt(paddingTop,10)-parseInt(paddingBottom,10);setChartDimensions({width:width,height:height}),setIsPrinting((function(isPrinting){var newIsPrinting=!isPrinting;return onIsPrintingChange(newIsPrinting),newIsPrinting}))}}var printSafari=function printSafari(){setTimeout((function(){handlePrint()}))},addEventListener="function"==typeof window.matchMedia("print").addEventListener,addListener="function"==typeof window.matchMedia("print").addListener,notSafariOrServer=!isSafari&&!isServer,safariNotServer=isSafari&&!isServer;return isFirefox&&(window.addEventListener("beforeprint",handlePrint),window.addEventListener("afterprint",handlePrint)),notSafariOrServer&&(addEventListener?window.matchMedia("print").addEventListener("change",handlePrint):addListener&&window.matchMedia("print").addListener(printSafari)),safariNotServer&&(addEventListener?window.matchMedia("print").addEventListener("change",printSafari):addListener&&window.matchMedia("print").addListener(printSafari)),function(){isFirefox&&(window.removeEventListener("beforeprint",handlePrint),window.removeEventListener("afterprint",handlePrint)),notSafariOrServer&&(addEventListener?window.matchMedia("print").removeEventListener("change",handlePrint):addListener&&window.matchMedia("print").removeListener(printSafari)),safariNotServer&&(addEventListener?window.matchMedia("print").removeEventListener("change",printSafari):addListener&&window.matchMedia("print").removeListener(printSafari))}}),[onIsPrintingChange,setChartDimensions,ref,isFirefox,isSafari]),{isPrinting:isPrinting}}({ref:ref,setChartDimensions:setChartDimensions,onIsPrintingChange:onIsPrintingChange});var updateDimensions=Object(react.useCallback)((function(){if(((null==previousEntry?void 0:previousEntry.contentRect.width)!==(null==entry?void 0:entry.contentRect.width)||(null==previousEntry?void 0:previousEntry.contentRect.height)!==(null==entry?void 0:entry.contentRect.height))&&null!=entry){var _entry$contentRect=entry.contentRect,width=_entry$contentRect.width,height=_entry$contentRect.height,_entry$target$getBoun=entry.target.getBoundingClientRect(),x=_entry$target$getBoun.x,y=_entry$target$getBoun.y,scrollY=null==scrollContainer?window.scrollY:scrollContainer.scrollTop;setChartDimensions({width:width,height:height,x:x,y:y+scrollY})}}),[entry,null==previousEntry?void 0:previousEntry.contentRect,scrollContainer]),debouncedUpdateDimensions=Object(index_module.a)((function(){updateDimensions()}),100);return Object(react.useLayoutEffect)((function(){updateDimensions(),null===chartDimensions&&setChartDimensions({width:0,height:sparkChart?chartContainer.sparkChartMinHeight:chartContainer.minHeight,x:0,y:0});var isServer="undefined"==typeof window;return isServer||window.addEventListener("resize",debouncedUpdateDimensions),function(){isServer||window.removeEventListener("resize",debouncedUpdateDimensions)}}),[entry,updateDimensions,debouncedUpdateDimensions,chartDimensions,chartContainer.minHeight,sparkChart,chartContainer.sparkChartMinHeight]),Object(jsx_runtime.jsx)("div",{className:ChartDimensions_default.a.ChartDimensions,ref:setRef,style:{minHeight:sparkChart?chartContainer.sparkChartMinHeight:chartContainer.minHeight},children:hasValidDimensions(chartDimensions)?Object(jsx_runtime.jsx)(ChartErrorBoundary_ChartErrorBoundary,{type:null!=skeletonType?skeletonType:"Default",dimensions:chartDimensions,data:data,onError:null!=onError?onError:onErrorProvider,children:Object(jsx_runtime.jsx)("div",{className:ChartDimensions_default.a.Chart,style:{height:chartDimensions.height,width:chartDimensions.width},children:Object(react.cloneElement)(children,{dimensions:chartDimensions})})}):null})}function hasValidDimensions(chartDimensions){return null!=chartDimensions&&(chartDimensions.width>0&&chartDimensions.height>0)}try{ChartDimensions_ChartDimensions.displayName="ChartDimensions",ChartDimensions_ChartDimensions.__docgenInfo={description:"",displayName:"ChartDimensions",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},onIsPrintingChange:{defaultValue:null,description:"",name:"onIsPrintingChange",required:!0,type:{name:"Dispatch>"}},scrollContainer:{defaultValue:null,description:"",name:"scrollContainer",required:!1,type:{name:"Element"}},sparkChart:{defaultValue:{value:"false"},description:"",name:"sparkChart",required:!1,type:{name:"boolean"}},skeletonType:{defaultValue:{value:"Default"},description:"",name:"skeletonType",required:!1,type:{name:"SkeletonType"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.tsx#ChartDimensions"]={docgenInfo:ChartDimensions_ChartDimensions.__docgenInfo,name:"ChartDimensions",path:"packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.tsx#ChartDimensions"})}catch(__react_docgen_typescript_loader_error){}var ChartContainer_ChartContainer_ChartContainer=function ChartContainer(props){var _props$id,id=null!=(_props$id=props.id)?_props$id:Object(uniqueId.a)("chart"),prefersReducedMotion=function usePrefersReducedMotion(){return{prefersReducedMotion:"undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}}().prefersReducedMotion,_useState=Object(react.useState)(!1),_useState2=slicedToArray_default()(_useState,2),isPrinting=_useState2[0],setIsPrinting=_useState2[1],dataTooBigToAnimate=Object(react.useMemo)((function(){return Object(isLargeDataSet.a)(props.data,props.type)}),[props.data,props.type]),value=Object(react.useMemo)((function(){var shouldAnimate=props.isAnimated&&!prefersReducedMotion&&!dataTooBigToAnimate,printFriendlyTheme=isPrinting?"Print":props.theme;return{shouldAnimate:shouldAnimate,id:id,characterWidths:character_widths,characterWidthOffsets:character_width_offsets,theme:printFriendlyTheme,isPerformanceImpacted:dataTooBigToAnimate,scrollContainer:props.scrollContainer}}),[id,isPrinting,prefersReducedMotion,props.isAnimated,props.theme,dataTooBigToAnimate,props.scrollContainer]),_useTheme=Object(useTheme.a)(value.theme),chartContainer=_useTheme.chartContainer,padding=_useTheme.grid.verticalOverflow||null!=chartContainer.padding?chartContainer.padding:"3px 0 0 0";return Object(jsx_runtime.jsx)(ChartContext.a.Provider,{value:value,children:Object(jsx_runtime.jsx)("div",{className:ChartContainer_default.a.ChartContainer,style:{background:chartContainer.backgroundColor,padding:padding,borderRadius:chartContainer.borderRadius},id:Object(getChartId.a)(value.id),children:Object(jsx_runtime.jsx)(ChartDimensions_ChartDimensions,{data:props.data,onError:props.onError,onIsPrintingChange:setIsPrinting,skeletonType:props.skeletonType,sparkChart:props.sparkChart,children:props.children})})})};try{ChartContainer_ChartContainer_ChartContainer.displayName="ChartContainer",ChartContainer_ChartContainer_ChartContainer.__docgenInfo={description:"",displayName:"ChartContainer",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},isAnimated:{defaultValue:null,description:"",name:"isAnimated",required:!0,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}},scrollContainer:{defaultValue:null,description:"",name:"scrollContainer",required:!1,type:{name:"Element"}},sparkChart:{defaultValue:null,description:"",name:"sparkChart",required:!1,type:{name:"boolean"}},skeletonType:{defaultValue:null,description:"",name:"skeletonType",required:!1,type:{name:"SkeletonType"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"InternalChartType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx#ChartContainer"]={docgenInfo:ChartContainer_ChartContainer_ChartContainer.__docgenInfo,name:"ChartContainer",path:"packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx#ChartContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartElements/ChartElements.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartElements/ChartElements.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartElements/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartElements_ChartElements}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),ChartElements=__webpack_require__("./packages/polaris-viz/src/components/ChartElements/ChartElements.scss"),ChartElements_default=__webpack_require__.n(ChartElements),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i>"}},role:{defaultValue:{value:"list"},description:"",name:"role",required:!1,type:{name:"AriaRole"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},emptyState:{defaultValue:{value:"false"},description:"",name:"emptyState",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartElements/ChartSVG.tsx#ChartSVG"]={docgenInfo:ChartSVG.__docgenInfo,name:"ChartSVG",path:"packages/polaris-viz/src/components/ChartElements/ChartSVG.tsx#ChartSVG"})}catch(__react_docgen_typescript_loader_error){}var ChartElements_ChartElements={Div:ChartDiv,Svg:ChartSVG}},"./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartSkeleton_ChartSkeleton}));var types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),defineProperty=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js")),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),react=__webpack_require__("./node_modules/react/index.js"),react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),Arc=__webpack_require__("./packages/polaris-viz/src/components/Arc/Arc.tsx"),DonutSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/components/DonutSkeleton/DonutSkeleton.scss"),DonutSkeleton_default=__webpack_require__.n(DonutSkeleton),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i0?divisibleBy*(quotient+1):divisibleBy*(quotient-1);return Math.abs(number-n1)Math.abs(cur.max-cur.min)?prev:cur})).index;var indexWithNegative=axes.findIndex((function(_ref3){return _ref3.valuesRange===AxisValueRange.SomeNegative}));return-1===indexWithNegative?0:indexWithNegative}({axes:axes,doBothChartsContainMixedValues:doBothChartsContainMixedValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart}),primaryAxis=axes[0===sourceOfTruthIndex?0:1],secondaryAxis=axes[0===sourceOfTruthIndex?1:0],initialYScaleValues=function getInitialYScaleValues(_ref){var drawableHeight=_ref.drawableHeight,primaryAxis=_ref.primaryAxis;return _ref.shouldPlaceZeroInMiddleOfChart?{drawableHeight:drawableHeight,max:primaryAxis.max,min:-primaryAxis.max}:{drawableHeight:drawableHeight,max:primaryAxis.max,min:primaryAxis.min}}({drawableHeight:drawableHeight,primaryAxis:primaryAxis,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart}),_useYScale=Object(useYScale.a)(_objectSpread(_objectSpread({},initialYScaleValues),{},{formatYAxisLabel:primaryAxis.yAxisOptions.labelFormatter,integersOnly:primaryAxis.yAxisOptions.integersOnly})),ticks=_useYScale.ticks,yScale=_useYScale.yScale,ticksLength=ticks.length-1,zeroIndex=function getZeroIndex(_ref){var doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticks=_ref.ticks,ticksLength=ticks.length-1;return shouldPlaceZeroInMiddleOfChart?Math.floor(ticksLength/2):doesOneChartContainAllNegativeValues?ticksLength:ticks.findIndex((function(_ref2){return 0===_ref2.value}))}({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticks:ticks}),ticksBetweenZeroAndMax=function getTicksBetweenZeroAndMax(_ref){var doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticksLength=_ref.ticksLength,zeroIndex=_ref.zeroIndex;return!shouldPlaceZeroInMiddleOfChart&&doesOneChartContainAllNegativeValues?ticksLength:ticksLength-zeroIndex}({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksLength:ticksLength,zeroIndex:zeroIndex}),secondaryMaxforTicks=Math.abs(doesOneChartContainAllNegativeValues?secondaryAxis.min:secondaryAxis.max);secondaryMaxforTicks=getClosestDivisibleNumber(secondaryMaxforTicks,ticksBetweenZeroAndMax);var tickHeight=Math.abs(secondaryMaxforTicks/ticksBetweenZeroAndMax),intialSecondaryTicks=ticks.map((function(tick,index){var alteredIndex=index-zeroIndex,formattedValue=function roundToDecimals(number,decimals){return parseFloat(number.toFixed(decimals))}(tickHeight*alteredIndex,2);return{value:tickHeight*alteredIndex,formattedValue:secondaryAxis.yAxisOptions.labelFormatter(""+formattedValue),yOffset:yScale(tick.value)}}));return{areAllValuesNegative:areAllValuesNegative,doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues:doBothChartsContainMixedValues,primaryTicks:0===sourceOfTruthIndex?ticks:intialSecondaryTicks,primaryAxis:primaryAxis,secondaryTicks:0===sourceOfTruthIndex?intialSecondaryTicks:ticks,secondaryAxis:secondaryAxis,yScale:yScale,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax:ticksBetweenZeroAndMax}}var useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts");function getLongestTickWidth(ticks,characterWidths){return ticks.reduce((function(previous,_ref){var formattedValue=_ref.formattedValue,width=Object(estimateStringWidth.a)(formattedValue,characterWidths);return width>previous?width:previous}),0)}function useDualAxisScale(_ref){var doBothChartsContainMixedValues=_ref.doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,drawableHeight=_ref.drawableHeight,primaryAxis=_ref.primaryAxis,secondaryAxis=_ref.secondaryAxis,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax=_ref.ticksBetweenZeroAndMax,yScale=_ref.yScale,_getSecondaryDataForM=function getSecondaryDataForMixedData(_ref){var shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues=_ref.doBothChartsContainMixedValues,drawableHeight=_ref.drawableHeight,secondaryAxis=_ref.secondaryAxis,yScale=_ref.yScale;if(shouldPlaceZeroInMiddleOfChart){var min=-secondaryAxis.max,max=secondaryAxis.max;return secondaryAxis.valuesRange===AxisValueRange.AllNegative&&(min=secondaryAxis.min,max=-secondaryAxis.min),{secondaryDrawableHeight:drawableHeight,secondaryMin:min,secondaryMax:max}}return doesOneChartContainAllNegativeValues?{secondaryDrawableHeight:drawableHeight,secondaryMin:secondaryAxis.min,secondaryMax:secondaryAxis.max}:doBothChartsContainMixedValues?{secondaryDrawableHeight:drawableHeight,secondaryMin:-secondaryAxis.max,secondaryMax:secondaryAxis.max}:{secondaryDrawableHeight:yScale(0),secondaryMax:secondaryAxis.max,secondaryMin:secondaryAxis.min}}({doBothChartsContainMixedValues:doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,drawableHeight:drawableHeight,secondaryAxis:secondaryAxis,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,yScale:yScale}),secondaryDrawableHeight=_getSecondaryDataForM.secondaryDrawableHeight,secondaryMax=_getSecondaryDataForM.secondaryMax,secondaryMin=_getSecondaryDataForM.secondaryMin,secondaryYScale=Object(useYScale.a)({drawableHeight:secondaryDrawableHeight,formatYAxisLabel:secondaryAxis.yAxisOptions.labelFormatter,integersOnly:secondaryAxis.yAxisOptions.integersOnly,max:getClosestDivisibleNumber(secondaryMax,ticksBetweenZeroAndMax),min:secondaryMin,shouldRoundUp:!1}).yScale;return{barYScale:"Bar"===primaryAxis.shape?yScale:secondaryYScale,lineYScale:"Bar"===primaryAxis.shape?secondaryYScale:yScale,primaryYScale:yScale,secondaryYScale:secondaryYScale}}var linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),fast_deep_equal=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal_default=__webpack_require__.n(fast_deep_equal),useFormattedLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useFormattedLabels.ts");function useXScale(_ref){var drawableWidth=_ref.drawableWidth,labels=function useGetLabelsFromDataGroups(_ref){var data=_ref.data,xAxisOptions=_ref.xAxisOptions,firstLabels=Object(useFormattedLabels.a)({data:data[0].series,labelFormatter:xAxisOptions.labelFormatter}).formattedLabels,secondLabels=Object(useFormattedLabels.a)({data:data[1].series,labelFormatter:xAxisOptions.labelFormatter}).formattedLabels;if(fast_deep_equal_default()(firstLabels,secondLabels))return firstLabels;var firstKeysMatch=firstLabels[0]===secondLabels[0];return firstLabels.length!==secondLabels.length?firstKeysMatch?firstLabels.length>secondLabels.length?firstLabels:secondLabels:(src_constants.m&&console.warn("Data groups do not have matching keys. Labels will not be rendered"),[]):firstKeysMatch?firstLabels:[]}({data:_ref.data,xAxisOptions:_ref.xAxisOptions}),labelsLength=labels.length;return{xScale:Object(react.useMemo)((function(){return Object(linear.a)().range([0,drawableWidth]).domain([0,labelsLength])}),[drawableWidth,labelsLength]),labels:labels}}var useEstimateStringWidth=__webpack_require__("./packages/polaris-viz/src/hooks/useEstimateStringWidth.ts"),SingleTextLine=__webpack_require__("./packages/polaris-viz/src/components/Labels/SingleTextLine.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AxisLabel(_ref){var height=_ref.height,name=_ref.name,axis=_ref.axis,x=_ref.x,y=_ref.y,stringWidth=Object(useEstimateStringWidth.a)(name),selectedTheme=Object(useTheme.a)(),rotate="primary"===axis?-90:90,yCenter=height/2,halfStringSize=stringWidth/2,yOffset="primary"===axis?yCenter:yCenter-stringWidth,xOffset="primary"===axis?0:constants.Y;return Object(jsx_runtime.jsxs)("g",{transform:"translate("+(x+xOffset)+","+(y+yOffset+halfStringSize)+") rotate("+rotate+")",children:[Object(jsx_runtime.jsx)("rect",{width:stringWidth,height:constants.Y,fill:selectedTheme.chartContainer.backgroundColor}),Object(jsx_runtime.jsx)(SingleTextLine.a,{color:selectedTheme.yAxis.labelColor,targetWidth:Math.max(stringWidth,height),text:name,x:0,y:0})]})}try{AxisLabel.displayName="AxisLabel",AxisLabel.__docgenInfo={description:"",displayName:"AxisLabel",props:{axis:{defaultValue:null,description:"",name:"axis",required:!0,type:{name:'"primary" | "secondary"'}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/AxisLabel/AxisLabel.tsx#AxisLabel"]={docgenInfo:AxisLabel.__docgenInfo,name:"AxisLabel",path:"packages/polaris-viz/src/components/ComboChart/components/AxisLabel/AxisLabel.tsx#AxisLabel"})}catch(__react_docgen_typescript_loader_error){}var uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),useVerticalBarChart=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/hooks/useVerticalBarChart.ts"),VerticalBarGroup=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBarGroup/VerticalBarGroup.tsx");function ComboBarChart(_ref){var colors=_ref.colors,data=_ref.data,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,indexOffset=_ref.indexOffset,labels=_ref.labels,yScale=_ref.yScale,id=Object(react.useMemo)((function(){return Object(uniqueId.a)("ComboBarChart")}),[]),yAxisOptionsWithDefaults=Object(getAxisOptions.b)(data.yAxisOptions),_useVerticalBarChart=Object(useVerticalBarChart.a)({data:data.series,drawableWidth:drawableWidth,labels:labels}),sortedData=_useVerticalBarChart.sortedData,xScale=_useVerticalBarChart.xScale,gapWidth=_useVerticalBarChart.gapWidth;return Object(jsx_runtime.jsx)(VerticalBarGroup.a,{colors:colors,data:data.series,drawableHeight:drawableHeight,gapWidth:gapWidth,id:id,indexOffset:indexOffset,labels:labels,sortedData:sortedData,stackedValues:null,xScale:xScale,yAxisOptions:yAxisOptionsWithDefaults,yScale:yScale})}try{ComboBarChart.displayName="ComboBarChart",ComboBarChart.__docgenInfo={description:"",displayName:"ComboBarChart",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"Color[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},indexOffset:{defaultValue:null,description:"",name:"indexOffset",required:!0,type:{name:"number"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/ComboBarChart/ComboBarChart.tsx#ComboBarChart"]={docgenInfo:ComboBarChart.__docgenInfo,name:"ComboBarChart",path:"packages/polaris-viz/src/components/ComboChart/components/ComboBarChart/ComboBarChart.tsx#ComboBarChart"})}catch(__react_docgen_typescript_loader_error){}var LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),useWatchColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useWatchColorVisionEvents.tsx"),PointsAndCrosshair=__webpack_require__("./packages/polaris-viz/src/components/LineChart/components/PointsAndCrosshair/PointsAndCrosshair.tsx"),useFormatData=__webpack_require__("./packages/polaris-viz/src/components/LineChart/hooks/useFormatData.ts"),getLineChartDataWithDefaults=__webpack_require__("./packages/polaris-viz/src/utilities/getLineChartDataWithDefaults.ts");function ComboLineChart(_ref){var activeIndex=_ref.activeIndex,colors=_ref.colors,data=_ref.data,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,indexOffset=_ref.indexOffset,theme=_ref.theme,xScale=_ref.xScale,yScale=_ref.yScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeLineIndex=_useState2[0],setActiveLineIndex=_useState2[1];Object(useWatchColorVisionEvents.a)({type:constants.q,onIndexChange:function onIndexChange(_ref2){var detail=_ref2.detail;return setActiveLineIndex(detail.index)}});var dataWithDefaults=Object(getLineChartDataWithDefaults.a)(data.series,colors),longestSeriesIndex=Object(useFormatData.a)(dataWithDefaults).longestSeriesIndex;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[dataWithDefaults.map((function(singleSeries,index){return Object(jsx_runtime.jsx)(LineSeries.a,{activeLineIndex:activeLineIndex,data:singleSeries,index:index+indexOffset,svgDimensions:{height:drawableHeight,width:drawableWidth},theme:theme,xScale:xScale,yScale:yScale,type:"default"},name+"-"+index)})),Object(jsx_runtime.jsx)(PointsAndCrosshair.a,{activeIndex:activeIndex,data:dataWithDefaults,drawableHeight:drawableHeight,emptyState:!1,longestSeriesIndex:longestSeriesIndex,theme:theme,tooltipId:"none",xScale:xScale,yScale:yScale})]})}try{ComboLineChart.displayName="ComboLineChart",ComboLineChart.__docgenInfo={description:"",displayName:"ComboLineChart",props:{activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"Color[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},indexOffset:{defaultValue:null,description:"",name:"indexOffset",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"any"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/ComboLineChart/ComboLineChart.tsx#ComboLineChart"]={docgenInfo:ComboLineChart.__docgenInfo,name:"ComboLineChart",path:"packages/polaris-viz/src/components/ComboChart/components/ComboLineChart/ComboLineChart.tsx#ComboLineChart"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.slice.js");function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderTooltipContent=_ref.renderTooltipContent,showLegend=_ref.showLegend,theme=_ref.theme,xAxisOptions=_ref.xAxisOptions,renderLegendContent=_ref.renderLegendContent,seriesNameFormatter=_ref.seriesNameFormatter,selectedTheme=Object(useTheme.a)(theme);Object(useColorVisionEvents.a)();var colors=function useThemeSeriesColorsForDataGroup(data,selectedTheme){var series=flattenDataGroupToDataSeries(data);return Object(useThemeSeriesColors.a)(series,selectedTheme)}(data,selectedTheme),_useState=Object(react.useState)(constants.Y),_useState2=slicedToArray_default()(_useState,2),xAxisHeight=_useState2[0],setXAxisHeight=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),svgRef=_useState4[0],setSvgRef=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),activeIndex=_useState6[0],setActiveIndex=_useState6[1],_useState7=Object(react.useState)(0),_useState8=slicedToArray_default()(_useState7,2),annotationsHeight=_useState8[0],setAnnotationsHeight=_useState8[1],_useLegend=Object(useLegend.a)({colors:colors,data:data,dimensions:dimensions,showLegend:showLegend,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,_useChartPositions=Object(useChartPositions.a)({annotationsHeight:annotationsHeight,height:height,width:width,xAxisHeight:xAxisHeight,yAxisWidth:0}),drawableHeight=_useChartPositions.drawableHeight,chartYPosition=_useChartPositions.chartYPosition,xAxisBounds=_useChartPositions.xAxisBounds,yAxisBounds=_useChartPositions.yAxisBounds,annotationsDrawableHeight=chartYPosition+drawableHeight+src_constants.a,_useDualAxisTicks=useDualAxisTicks({data:data,drawableHeight:drawableHeight}),doBothChartsContainMixedValues=_useDualAxisTicks.doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues=_useDualAxisTicks.doesOneChartContainAllNegativeValues,primaryTicks=_useDualAxisTicks.primaryTicks,primaryAxis=_useDualAxisTicks.primaryAxis,secondaryTicks=_useDualAxisTicks.secondaryTicks,secondaryAxis=_useDualAxisTicks.secondaryAxis,shouldPlaceZeroInMiddleOfChart=_useDualAxisTicks.shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax=_useDualAxisTicks.ticksBetweenZeroAndMax,yScale=_useDualAxisTicks.yScale,_useDualAxisTicksWidt=function useDualAxisTicksWidth(leftTicks,rightTicks){var characterWidths=Object(useChartContext.a)().characterWidths;return Object(react.useMemo)((function(){return{leftTickWidth:getLongestTickWidth(leftTicks,characterWidths),rightTickWidth:getLongestTickWidth(rightTicks,characterWidths)}}),[leftTicks,rightTicks,characterWidths])}(primaryTicks,secondaryTicks),leftTickWidth=_useDualAxisTicksWidt.leftTickWidth,rightTickWidth=_useDualAxisTicksWidt.rightTickWidth,_useDualAxisScale=useDualAxisScale({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues:doBothChartsContainMixedValues,drawableHeight:annotationsDrawableHeight,primaryAxis:primaryAxis,secondaryAxis:secondaryAxis,yScale:yScale,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax:ticksBetweenZeroAndMax}),barYScale=_useDualAxisScale.barYScale,lineYScale=_useDualAxisScale.lineYScale,primaryYScale=_useDualAxisScale.primaryYScale,secondaryYScale=_useDualAxisScale.secondaryYScale,_useComboChartPositio=function useComboChartPositions(_ref){var leftTickWidth=_ref.leftTickWidth,primaryAxis=_ref.primaryAxis,rightTickWidth=_ref.rightTickWidth,secondaryAxis=_ref.secondaryAxis,width=_ref.width,horizontalMargin=Object(useTheme.a)().grid.horizontalMargin,primaryLabelWidth=null==primaryAxis.name?0:2*constants.Y,secondaryLabelWidth=null==secondaryAxis.name?0:constants.Y,primaryLabelXPosition=horizontalMargin,leftYAxisXPosition=primaryLabelXPosition+primaryLabelWidth,chartXPosition=horizontalMargin+(primaryLabelWidth+leftTickWidth+constants.pb),drawableWidth=width-chartXPosition-(constants.pb+rightTickWidth+secondaryLabelWidth)-horizontalMargin-secondaryLabelWidth,rightAxisXPosition=chartXPosition+drawableWidth+constants.pb;return{chartXPosition:chartXPosition,drawableWidth:drawableWidth,leftAxis:{x:leftYAxisXPosition,labelX:primaryLabelXPosition},rightAxis:{x:rightAxisXPosition,labelX:rightAxisXPosition+rightTickWidth+secondaryLabelWidth}}}({leftTickWidth:leftTickWidth,primaryAxis:primaryAxis,rightTickWidth:rightTickWidth,secondaryAxis:secondaryAxis,width:width}),chartXPosition=_useComboChartPositio.chartXPosition,drawableWidth=_useComboChartPositio.drawableWidth,leftAxis=_useComboChartPositio.leftAxis,rightAxis=_useComboChartPositio.rightAxis,_useSplitDataForChart=function useSplitDataForCharts(data,colors){return Object(react.useMemo)((function(){var barChartDataIndex=data.findIndex((function(_ref){return"Bar"===_ref.shape})),barChartData=data[barChartDataIndex],lineChartData=data[0===barChartDataIndex?1:0],firstLength=data[0].series.length,chartColors=[colors.slice(0,firstLength),colors.slice(firstLength)];return{barChartData:barChartData,lineChartData:lineChartData,barChartColors:chartColors[barChartDataIndex],lineChartColors:chartColors[0===barChartDataIndex?1:0],barChartIndexOffset:0===barChartDataIndex?0:firstLength,lineChartIndexOffset:0!==barChartDataIndex?0:firstLength}}),[colors,data])}(data,colors),barChartData=_useSplitDataForChart.barChartData,barChartColors=_useSplitDataForChart.barChartColors,lineChartColors=_useSplitDataForChart.lineChartColors,lineChartData=_useSplitDataForChart.lineChartData,barChartIndexOffset=_useSplitDataForChart.barChartIndexOffset,lineChartIndexOffset=_useSplitDataForChart.lineChartIndexOffset,_useXScale=useXScale({drawableWidth:drawableWidth,data:data,xAxisOptions:xAxisOptions}),xScale=_useXScale.xScale,labels=_useXScale.labels,reducedLabelIndexes=Object(useReducedLabelIndexes.a)({dataLength:labels.length}),labelWidth=drawableWidth/labels.length,chartBounds={width:width,height:height,x:chartXPosition,y:chartYPosition},getTooltipMarkup=function useComboChartTooltipContent(_ref){var data=_ref.data,renderTooltipContent=_ref.renderTooltipContent,seriesColors=_ref.seriesColors,seriesNameFormatter=_ref.seriesNameFormatter,theme=Object(useChartContext.a)().theme;return Object(react.useCallback)((function(activeIndex){if(-1===activeIndex)return null;var tooltipData=[],index=0;return data.forEach((function(_ref2){var shape=_ref2.shape,name=_ref2.name,series=_ref2.series,yAxisOptions=_ref2.yAxisOptions,yAxisOptionsWithDefaults=Object(getAxisOptions.b)(yAxisOptions),data={shape:shape,name:name,data:[]};series.forEach((function(_ref3){var name=_ref3.name,seriesData=_ref3.data,color=_ref3.color,isComparison=_ref3.isComparison,value=seriesData[activeIndex].value;data.data.push({key:""+seriesNameFormatter(null!=name?name:""),value:yAxisOptionsWithDefaults.labelFormatter(value),color:null!=color?color:seriesColors[index],isComparison:isComparison}),index++})),tooltipData.push(data)})),renderTooltipContent({data:tooltipData,activeIndex:activeIndex,title:""+data[0].series[0].data[activeIndex].key,dataSeries:flattenDataGroupToDataSeries(data),theme:theme})}),[data,seriesColors,renderTooltipContent,theme,seriesNameFormatter])}({renderTooltipContent:renderTooltipContent,data:data,seriesColors:colors,seriesNameFormatter:seriesNameFormatter}),_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations;return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{width:width,setRef:setSvgRef,height:height,children:[selectedTheme.grid.showHorizontalLines?Object(jsx_runtime.jsx)(HorizontalGridLines.a,{ticks:primaryTicks,transform:{x:selectedTheme.grid.horizontalOverflow?0:chartXPosition,y:chartYPosition},width:selectedTheme.grid.horizontalOverflow?width:drawableWidth}):null,Object(jsx_runtime.jsx)(XAxis.a,{allowLineWrap:xAxisOptions.allowLineWrap,labels:labels,labelWidth:labelWidth,onHeightChange:setXAxisHeight,reducedLabelIndexes:reducedLabelIndexes,x:chartXPosition,xScale:xScale,y:xAxisBounds.y}),null!=primaryAxis.name&&Object(jsx_runtime.jsx)(AxisLabel,{axis:"primary",height:drawableHeight,name:primaryAxis.name,x:leftAxis.labelX,y:yAxisBounds.y}),Object(jsx_runtime.jsx)(YAxis.a,{ticks:primaryTicks,textAlign:"right",width:leftTickWidth,x:leftAxis.x,y:yAxisBounds.y}),Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(ComboBarChart,{indexOffset:barChartIndexOffset,colors:barChartColors,data:barChartData,drawableHeight:drawableHeight,drawableWidth:drawableWidth,labels:labels,yScale:barYScale})}),Object(jsx_runtime.jsx)("g",{transform:"translate("+(chartXPosition+drawableWidth/labels.length/2)+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(ComboLineChart,{activeIndex:activeIndex,colors:lineChartColors,data:lineChartData,drawableHeight:drawableHeight,drawableWidth:drawableWidth,indexOffset:lineChartIndexOffset,theme:theme,xScale:xScale,yScale:lineYScale})}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+",0)",tabIndex:-1,children:Object(jsx_runtime.jsx)(Annotations.a,{annotationsLookupTable:annotationsLookupTable,axisLabelWidth:labelWidth,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,labels:labels,labelFormatter:xAxisOptions.labelFormatter,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)(react.Fragment,{children:Object(jsx_runtime.jsxs)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",tabIndex:-1,children:[Object(jsx_runtime.jsx)(YAxisAnnotations.a,{axis:"y1",annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:primaryTicks,yScale:primaryYScale}),Object(jsx_runtime.jsx)(YAxisAnnotations.a,{axis:"y2",annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:secondaryTicks,yScale:secondaryYScale})]})}),Object(jsx_runtime.jsx)(YAxis.a,{ticks:secondaryTicks,textAlign:"left",width:rightTickWidth,x:rightAxis.x,y:yAxisBounds.y}),null!=secondaryAxis.name&&Object(jsx_runtime.jsx)(AxisLabel,{axis:"secondary",height:drawableHeight,name:secondaryAxis.name,x:rightAxis.labelX,y:yAxisBounds.y})]}),Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:labelWidth,chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref2){var event=_ref2.event,index=_ref2.index,eventType=_ref2.eventType;return Object(getVerticalBarChartTooltipPosition.a)({tooltipPosition:{event:event,index:index,eventType:eventType},chartXPosition:chartXPosition,formatPositionForTooltip:formatPositionForTooltip,maxIndex:labels.length-1,step:labelWidth,yMin:constants.r.Top,yMax:drawableHeight+Number(constants.r.Bottom)+xAxisHeight})},margin:constants.r,onIndexChange:function onIndexChange(index){return setActiveIndex(index)},parentRef:svgRef}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent})]});function formatPositionForTooltip(index){var _xScale;if(null==index)return TooltipWrapper_constants.b;var sortedData=Object(sortBarChartData.a)(labels,barChartData.series),xPosition=null!=(_xScale=xScale(index))?_xScale:0,sortedDataPos=sortedData[index].map((function(num){return Math.abs(null!=num?num:0)})),highestValuePos=Math.max.apply(Math,toConsumableArray_default()(sortedDataPos)),x=xPosition+chartXPosition,y=barYScale(highestValuePos)+constants.r.Top;return{x:x,y:Math.abs(y),position:{horizontal:TooltipWrapper_types.a.Left,vertical:TooltipWrapper_types.b.Above},activeIndex:index}}}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"Dimensions"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/ComboChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function formatDataForTooltip_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function formatDataForTooltip_objectSpread(target){for(var i=1;i"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},opacity:{defaultValue:{value:"1"},description:"",name:"opacity",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Crosshair/Crosshair.tsx#Crosshair"]={docgenInfo:Crosshair.__docgenInfo,name:"Crosshair",path:"packages/polaris-viz/src/components/Crosshair/Crosshair.tsx#Crosshair"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AnalyticsExperiences\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AnalyticsExperiences.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AnalyticsExperiences.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AnalyticsExperiences\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableNativeCharts\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AvailableNativeCharts.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AvailableNativeCharts.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableNativeCharts\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableWebCharts\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AvailableWebCharts.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AvailableWebCharts.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableWebCharts\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Behavior\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Behavior.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Behavior.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Behavior\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:BuildingBlocks\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./BuildingBlocks.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/BuildingBlocks.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:BuildingBlocks\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CharacterWidthsFile\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CharacterWidthsFile.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CharacterWidthsFile.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CharacterWidthsFile\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CodeOfConduct\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CodeOfConduct.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CodeOfConduct.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CodeOfConduct\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Context\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Context.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Context.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Context\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Contributing\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Contributing.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Contributing.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Contributing\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CreatingReleases\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CreatingReleases.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CreatingReleases.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CreatingReleases\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CustomizingThemes\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CustomizingThemes.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CustomizingThemes.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CustomizingThemes\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Data\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Data.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Data.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Data\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:DefaultThemes\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./DefaultThemes.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/DefaultThemes.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:DefaultThemes\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Definitions\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Definitions.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Definitions.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Definitions\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:FormattingValues\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./FormattingValues.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/FormattingValues.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:FormattingValues\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithNative\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./GettingStartedWithNative.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithNative.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithNative\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithWeb\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./GettingStartedWithWeb.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithWeb.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithWeb\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Labels\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Labels.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Labels.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Labels\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Legends\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Legends.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Legends.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Legends\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:LocalDevelopment\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./LocalDevelopment.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/LocalDevelopment.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:LocalDevelopment\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Principles\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Principles.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Principles.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Principles\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Readme\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Readme.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Readme.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Readme\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Sandbox\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Sandbox.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Sandbox.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Sandbox\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:ThemeDefinition\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./ThemeDefinition.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/ThemeDefinition.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:ThemeDefinition\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:UsageWithShopifyQL\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./UsageWithShopifyQL.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/UsageWithShopifyQL.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:UsageWithShopifyQL\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:WritingStories\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./WritingStories.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/WritingStories.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:WritingStories\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:arc\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./arc.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/arc.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:arc\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:bar\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./bar.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/bar.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:bar\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:chartConainer\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./chartConainer.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/chartConainer.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:chartConainer\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:createThemeUtility\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createThemeUtility.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/createThemeUtility.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:createThemeUtility\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:crosshair\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./crosshair.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/crosshair.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:crosshair\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:grid\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./grid.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/grid.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:grid\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:legend\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./legend.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/legend.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:legend\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:line\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./line.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/line.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:line\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:polaris-viz-core\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./polaris-viz-core.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/polaris-viz-core.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:polaris-viz-core\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:seriesColors\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./seriesColors.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/seriesColors.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:seriesColors\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:tooltip\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./tooltip.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/tooltip.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:tooltip\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:xaxis\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./xaxis.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/xaxis.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:xaxis\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:yaxis\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./yaxis.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/yaxis.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:yaxis\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories/AnalyticsExperiences.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n### ShopifyQL\n\nThe querying language built specifically for communication between systems serving data and systems querying data, inside and outside of Shopify. A request for data, formatted using ShopifyQL, is called a query or code snippet.\n\nMost queries are created by Shopify to power the metrics and analytics experiences that appear across the admin. Some queries can be merchant-generated from within notebooks.\n\nThe following is an example of a ShopifyQL query. This query is requesting the metric `total_sales` from the sales data table and asking that it’s displayed by day, over the past 30 days. The requested data can then be displayed in a variety of forms, such as a data table or a chart.\n\n```tsx\nFROM sales\nSHOW total_sales\nBY month OVER day\nSINCE -30d UNTIL today\n\n```\n\n### In-context analytics experiences\n\nSurface metrics within the operational spaces of the admin (e.g. Orders, Products, Customers). They should include only the most relevant metrics for the operational workflows that merchants do in those spaces and should help merchants more efficiently make data-informed decisions while doing day-to-day tasks.\n\n\"A\n\n### Report experiences\n\nMore comprehensive representations of a data set that typically include a data visualization (chart) and data table. The information contained in a report can be somewhat modified, for example adding a filter, but to make significant changes the merchant must edit the underlying query in a notebook.\n\nReports are accessed through the Analytics section, but in-context metrics also directly connect to relevant reports, so merchants can more deeply explore and analyze their data when necessary.\n\n\"Line\n\n\n### Notebook experiences\n\nAllow a merchant to create or modify existing ShopifyQL queries. Notebooks are an exploratory tool that can generate a visualization or a data table, using ShopifyQL. In a notebook, the merchant can edit an existing query from a Shopify-generated report or create a new query entirely.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Analytics Experiences",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/AvailableNativeCharts.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/MobileComponents/MobileComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz-native/Available Charts",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/AvailableWebCharts.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/WebComponents/WebComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz/Available Charts",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Behavior.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\nWhen interacting with a line chart, a dot will appear on the line(s) for the data point(s) closest to the mouse. When moving the mouse around the chart, the dots animate, following the path of each line until they snap into the next position on top of a data point. This helps guide the eye in tandem with the user’s intent, and differentiate parts of the line that actually have data points from parts that are just interpolations between one data point and the next.\n\n\"Animation\n\n### Empty/Loading state\n\nWhen a vertical chart first appears on the screen, the initial animation starts from zero on the y-axis. The shape that represent the data, for example bars of lines, then grow from the zero line to their final position\n\n\"Bar\n\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Behavior",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/BuildingBlocks.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n
\n\n##### Complexity\n\nWidgets can be of varying complexities based on the queries that generated them. They also differ in interactivity and behaviour, as well as where they are published.\n\n##### Content\n\nA widget can include some or all of the following elements:\n\n\"A\n\n- **Title** \\- the name of the metric being displayed in the widget\n- **Value** \\- the numeric value that communicates the metric\n- **Trend indicator** \\- an arrow and value indicating whether the metric has increased or decreased compared to the previous time period\n- **Timestamp** \\- the window of time widget’s data is from (when there’s no other indication of time present)\n- **Chart** \\- a visual representation of the metric being displayed (e.g. sparkline)\n- **Dimension** \\- a concept used to slice the main metric in a specific way, for example, total sales by sales channel\n\n\n##### Types\n\nThere are two main tiers of widgets that have been defined in the analytics system. Level 1 (L1) is the simplest in complexity, both in terms of the information contained in the widget, and in how it’s displayed. Level 1 widgets have limited interactivity.\n\nA level 1 widget can be as simple as only a title and a fact, or as complex as a title, fact, one low-cardinality dimension, change indicator, and simple chart.\n\n\"Level\n\nLevel 2 (L2) is the most complex type of widget, both in terms of the data it displays and how it’s displayed, both visually and including their more complex functionalities and interactions.\n\n\"Line\n\nA chart, or visualization, is the representation of data in a visual form, typically presented in the form of a chart or a table. Different metrics and analytics experiences require varying visualizations, so we provide a range of charts to ensure the best visualization for every situation.\n\n***\n\n### Sparklines and sparkbars\n\nMetrics that show time-series data include a sparkline or sparkbar to visually highlight the data trend.\n\n\"A\n\n**Sparklines** are most often used to communicate progress toward a cumulative number, but can also be used to show change over time. For example, a sparkline would work well to show total sales growth over the course of a day.\n\n**Sparkbars** are best used to indicate non-cumulative values at specific points in time, where the merchant is more interested in seeing the metric at regular intervals. For example, a sparkbar would work well to show how many online store sessions a merchant’s website got during each day of the month.\n\n***\n\n### Line chart | Time series\n\n\"Line\n\nThe line chart is best used to display discrete data: a series of data points over time, where the time intervals are uniform and equally spaced (e.g. one data point per hour). It shows how the data is trending over time.\n\nBest for:\n\n- Showing discrete data, like sales or orders, over regular time intervals\n- Seeing data changes, like growing sales, over time\n\n***\n\n### Vertical bars | Categorical\n\n\"Vertical\n\nThe vertical bar chart is best used to present categorical data, which is data that can be put into groups. For example, you could group data by product, geographical location, or sales channel.\n\nCategorical data is best for communicating discrete values for each grouping, like showing the total number of each product that has been ordered in the example above. Other common examples of categorical data are age, education level, and language.\n\n***\n\n### Vertical bars | Distribution\n\n\"Vertical\n\nThe distribution vertical bar chart’s goal is to approximate the distribution of a metric, and is best used to demonstrate the spread of a metric’s values, making it easy to see outliers, gaps, or areas of concentration. For example, this chart shows the distribution of the merchant’s fulfillment times, and highlights the median time to fulfill their orders.\n\n***\n\n### Data tables\n\nData displayed in a tabular form through rows and columns. For example, the web traffic of an online store displayed in the data table below. Data tables are most often seen in notebooks and reports.\n\n\"Table\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Building Blocks",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CharacterWidthsFile.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Character Widths File",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CodeOfConduct.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone, regardless of age, body\nsize, visible or invisible disability, ethnicity, sex characteristics, gender\nidentity and expression, level of experience, education, socio-economic status,\nnationality, personal appearance, race, religion, or sexual identity\nand orientation.\n\nWe pledge to act and interact in ways that contribute to an open, welcoming,\ndiverse, inclusive, and healthy community.\n\n## Our Standards\n\nExamples of behavior that contributes to a positive environment for our\ncommunity include:\n\n- Demonstrating empathy and kindness toward other people\n- Being respectful of differing opinions, viewpoints, and experiences\n- Giving and gracefully accepting constructive feedback\n- Accepting responsibility and apologizing to those affected by our mistakes,\n and learning from the experience\n- Focusing on what is best not just for us as individuals, but for the\n overall community\n\nExamples of unacceptable behavior include:\n\n- The use of sexualized language or imagery, and sexual attention or\n advances of any kind\n- Trolling, insulting or derogatory comments, and personal or political attacks\n- Public or private harassment\n- Publishing others' private information, such as a physical or email\n address, without their explicit permission\n- Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Enforcement Responsibilities\n\nCommunity leaders are responsible for clarifying and enforcing our standards of\nacceptable behavior and will take appropriate and fair corrective action in\nresponse to any behavior that they deem inappropriate, threatening, offensive,\nor harmful.\n\nCommunity leaders have the right and responsibility to remove, edit, or reject\ncomments, commits, code, wiki edits, issues, and other contributions that are\nnot aligned to this Code of Conduct, and will communicate reasons for moderation\ndecisions when appropriate.\n\n## Scope\n\nThis Code of Conduct applies within all community spaces, and also applies when\nan individual is officially representing the community in public spaces.\nExamples of representing our community include using an official e-mail address,\nposting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported to the community leaders responsible for enforcement at opensource@shopify.com.\nAll complaints will be reviewed and investigated promptly and fairly.\n\nAll community leaders are obligated to respect the privacy and security of the\nreporter of any incident.\n\n## Enforcement Guidelines\n\nCommunity leaders will follow these Community Impact Guidelines in determining\nthe consequences for any action they deem in violation of this Code of Conduct:\n\n### 1. Correction\n\n**Community Impact**: Use of inappropriate language or other behavior deemed\nunprofessional or unwelcome in the community.\n\n**Consequence**: A private, written warning from community leaders, providing\nclarity around the nature of the violation and an explanation of why the\nbehavior was inappropriate. A public apology may be requested.\n\n### 2. Warning\n\n**Community Impact**: A violation through a single incident or series\nof actions.\n\n**Consequence**: A warning with consequences for continued behavior. No\ninteraction with the people involved, including unsolicited interaction with\nthose enforcing the Code of Conduct, for a specified period of time. This\nincludes avoiding interactions in community spaces as well as external channels\nlike social media. Violating these terms may lead to a temporary or\npermanent ban.\n\n### 3. Temporary Ban\n\n**Community Impact**: A serious violation of community standards, including\nsustained inappropriate behavior.\n\n**Consequence**: A temporary ban from any sort of interaction or public\ncommunication with the community for a specified period of time. No public or\nprivate interaction with the people involved, including unsolicited interaction\nwith those enforcing the Code of Conduct, is allowed during this period.\nViolating these terms may lead to a permanent ban.\n\n### 4. Permanent Ban\n\n**Community Impact**: Demonstrating a pattern of violation of community\nstandards, including sustained inappropriate behavior, harassment of an\nindividual, or aggression toward or disparagement of classes of individuals.\n\n**Consequence**: A permanent ban from any sort of public interaction within\nthe community.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage],\nversion 2.0, available at\n[https://www.contributor-covenant.org/version/2/0/code_of_conduct.html][v2.0].\n\nCommunity Impact Guidelines were inspired by\n[Mozilla's code of conduct enforcement ladder][mozilla coc].\n\nFor answers to common questions about this code of conduct, see the FAQ at\n[https://www.contributor-covenant.org/faq][faq]. Translations are available\nat [https://www.contributor-covenant.org/translations][translations].\n\n[homepage]: https://www.contributor-covenant.org\n[v2.0]: https://www.contributor-covenant.org/version/2/0/code_of_conduct.html\n[mozilla coc]: https://github.com/mozilla/diversity\n[faq]: https://www.contributor-covenant.org/faq\n[translations]: https://www.contributor-covenant.org/translations\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Code of Conduct",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Context.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(ShopifyQL), and is comprised of building blocks that combine to create analytics experiences. The contents of this guide will help you to understand these building blocks and how to use them as you’re building analytics experiences in the Shopify admin.\n\n\n\"Graph\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Context",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Contributing.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n# 🀝 Contributing\n\n
\n
\n\n## Code of conduct\n\nWe expect all participants to read our [code of conduct](https://polaris-viz.shopify.com/?path=/docs/contributing-code-of-conduct--page) to understand which actions are and aren’t tolerated.\n\n
\n
\n
\n\n## Development\n\x3c!-- TODO UPDATE LINK --\x3e\n\nπŸ‘©πŸΎβ€πŸ’» For local development instructions, head to the [Contributing/Local Development](http://polaris-viz.shopify.com/?path=/story/contributing-local-development--page) section\n\n
\n
\n
\n\n## Semantic versioning\n\nPolaris Viz follows [semantic versioning](https://semver.org/).\n\nEvery significant change is documented in the [CHANGELOG](/CHANGELOG.md).\n\n
\n
\n
\n\n## Contributor License Agreement (CLA)\n\nEach contributor is required to [sign a CLA](https://cla.shopify.com/). This process is automated as part of your first pull request and is only required once. If any contributor has not signed or does not have an associated GitHub account, the CLA check will fail and the pull request is unable to be merged.\n\n
\n
\n
\n\n## Bugs\n\n### Where to find known issues\n\nWe track all of our issues and bugs in GitHub. If you are planning to work on an issue, avoid ones which already have an assignee.\n\n### Reporting new issues\n\nTo reduce duplicates, look through open issues before filing one. The best way to get your bug fixed is to provide a reduced test case with a story example.\n\n\n
\n
\n
\n\n## Feature requests\n\nBefore requesting a feature, search our issues. If it doesn't already exist, open an issue to start a discussion.\n\n
\n
\n
\n\n## Proposing a change\n\nIf you intend to build a new component, change a public API, make design improvements, or any other non-trivial changes, we recommend filing an issue so we can reach an agreement on the proposal before you put in time and effort.\n\nIf you’re fixing a bug, it’s okay to submit a pull request right away. We still recommend you file an issue detailing what you’re fixing in case we don’t accept that specific fix, but want to keep track of the issue.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/README",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CreatingReleases.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Creating Releases",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CustomizingThemes.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("Divider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Themes/Customizing",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{mdxType:"Title"},"✨ Customizing themes"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If you want to apply a different visual identity to your charts, start by wrapping your app with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider"),":"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-jsx"},"import {PolarisVizProvider} from '@shopify/polaris-viz';\n\nexport const YourTopLevelComponent = () => {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider")," allows you to:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",{parentName:"li"},"Overwite the default styles of all charts in your application")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",{parentName:"li"},"Define multiple themes that can be used by each instance of your charts"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Divider,{mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h3",mdxType:"Title"},"Overwriting the theme"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If you only have one style for all charts, overwrite the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," ","theme and those changes will be applied to all charts that are children of"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider"),", even if you don't explicitly pass anything to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"theme")," prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"import {PolarisVizProvider, BarChart} from '@shopify/polaris-viz';\n\nexport const YourTopLevelComponent = () => {\n return (\n \n {/* πŸ‘‡ Because the \"Light\" theme's backgroundColor is\n overwritten; all charts inside will have a\n darkblue background color */}\n \n \n );\n};\n\nexport const App = () => {\n return (\n <>\n {/* πŸ‘‡ and are rendered as\n children of above, so both\n will have darkblue background */}\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",color:"white",display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:"10px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{Light:{chartContainer:{backgroundColor:"darkblue"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:1,mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.f,{mdxType:"SampleLineChart"}),codeSample:"",mdxType:"ComponentContainer"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Divider,{mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h3",mdxType:"Title"},"Creating multiple themes"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can also define multiple extra themes in the themes object. Each top level key in this object will be used as a theme name, that later on you can pass to individual charts."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"In this example, the first chart uses a theme named ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"AngryRed")," and the second ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"HappyGreen")," πŸ‘‡"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"\n \n \n\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",color:"white",display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:"10px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{AngryRed:{seriesColors:{single:["black"]},chartContainer:{backgroundColor:"#ff0025"}},HappyGreen:{seriesColors:{single:["black"]},chartContainer:{backgroundColor:"#00ff64"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{theme:"AngryRed",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"250px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{theme:"AngryRed",mdxType:"SampleSparkLineChart"})),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{theme:"HappyGreen",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"250px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{theme:"HappyGreen",mdxType:"SampleSparkLineChart"})),codeSample:"",mdxType:"ComponentContainer"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"To learn more about what properties you can change through a",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Theme"),", check the πŸ‘‰",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Theme Definition",mdxType:"LinkTo"},"Theme definition page")))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Customizing",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Data.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_utilities__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/BarChart/BarChart.tsx"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return `${x} years old`\n }\n }}\n yAxisOptions={{\n labelFormatter: (y) => {\n return `${y} cm`\n }\n }}\n data={SHARK_SPECIES_GROWTH}\n />\n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:_utilities__WEBPACK_IMPORTED_MODULE_4__.a,mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n {\n return `${x} years old`\n }\n }}\n yAxisOptions={{\n labelFormatter: (y) => {\n return `${y} cm`\n }\n }}\n data={SHARK_SPECIES_GROWTH}\n />\n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:_utilities__WEBPACK_IMPORTED_MODULE_4__.a,mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"DataSeries.color")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Can be used to overwrite the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Theme Definition",mdxType:"LinkTo"},"theme's series color"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Examples:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we use the same data set used above but set ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"color: 'lime'")," to the first series:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{cols:2,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],color:"lime"},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],color:"lime"},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"DataSeries.isComparison")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison")," is set to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"true")," a chart will use the default styles of comparison series - gray bars and gray dashed lines."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Examples:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we use the same data set used above but set ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison: true")," to the first series:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{cols:2,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],isComparison:!0},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],isComparison:!0},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h2",mdxType:"Title"},"Filling Data"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"When providing multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," objects, we will fill all the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"Series")," so that all arrays contain the same keys. The filled ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"Series")," will contain ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"null")," as a value."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Suppose we have the following data arrays, we will fill the data arrays to ensure all keys are present in each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," object"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",{parentName:"p"},"Input")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'Canada',\n data: [\n {key: 'Dogs', value: 23.43},\n {key: 'Cats', value: 6.64},\n ],\n },\n {\n name: 'United States',\n data: [\n {key: 'Lizards', value: 350.13},\n {key: 'Turtles', value: 223.43},\n ],\n },\n {\n name: 'China',\n data: [\n {key: 'Snakes', value: 0},\n {key: 'Eagles', value: 0},\n ],\n },\n]\n",mdxType:"Source"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",{parentName:"p"},"Output")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'Canada',\n data: [\n {key: 'Dogs', value: 23.43},\n {key: 'Cats', value: 6.64},\n {key: 'Lizards', value: null},\n {key: 'Turtles', value: null},\n {key: 'Snakes', value: null},\n {key: 'Eagles', value: null},\n ],\n },\n {\n name: 'United States',\n data: [\n {key: 'Dogs', value: null},\n {key: 'Cats', value: null},\n {key: 'Lizards', value: 350.13},\n {key: 'Turtles', value: 223.43},\n {key: 'Snakes', value: null},\n {key: 'Eagles', value: null},\n ],\n },\n {\n name: 'China',\n data: [\n {key: 'Dogs', value: null},\n {key: 'Cats', value: null},\n {key: 'Lizards', value: null},\n {key: 'Turtles', value: null},\n {key: 'Snakes', value: 0},\n {key: 'Eagles', value: 0},\n ],\n },\n]\n",mdxType:"Source"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},"Linear Data"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"This approach assumes that linear charts (",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},""),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"")," & ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},""),") will have matching keys for each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"When creating the chart labels, we use the keys from the longest ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries"),". The keys from other ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," objects are ignored."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a user provides different keys, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," will be combined, resulting in a longer set of data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The exception to this rule is when a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," is provided with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison: true"),". In that case, we will not fill the data because comparison data can have different dates for each key and can also include data of different sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'This Year',\n data: [\n {key: 'January', value: 10},\n {key: 'February', value: 20},\n {key: 'March', value: 30},\n {key: 'April', value: 10},\n {key: 'May', value: 20},\n {key: 'June', value: 30},\n ],\n },\n {\n name: 'Last Year',\n data: [\n {key: 'January', value: 0},\n {key: 'February', value: 5},\n {key: 'March', value: 10},\n {key: 'April', value: 0},\n {key: 'May', value: 5},\n {key: 'June', value: 10},\n {key: 'July', value: 10},\n {key: 'August', value: 10},\n {key: 'September', value: 10},\n {key: 'October', value: 10},\n {key: 'November', value: 10},\n {key: 'December', value: 10},\n ],\n isComparison: true\n }\n]\n",mdxType:"Source"}))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Data Structure",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/DefaultThemes.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{title:"Light Theme",description:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"The library also comes with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," theme that can be applied to all charts"),theme:"Light",chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:2,theme:"Light",mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{title:"Print Theme",description:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"Gets automatically applied to all charts when printing. Based on the"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," theme but with reduced gradients to optimize for printing"),theme:"Light",chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:2,theme:"Print",mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can read more about customizing or creating your own themes in πŸ‘‰",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Customizing",mdxType:"LinkTo"},"Theme customization page"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h2",mdxType:"Title"},"πŸ–¨ Print Support"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"We aim to make the components printable in all evergreen browsers."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"However, Firefox"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("a",{target:"_blank",href:"https://bugzilla.mozilla.org/show_bug.cgi?id=774398"},"does not respond super well to print"),". In fact, the print preview does not rerender the page. Even the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"onbeforeprint")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"onafterprint")," events do not fire in time. This can cause charts not to scale properly to the print page. For this reason, the print theme will also not work properly on Firefox."))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Default Themes",parameters:{viewMode:"docs"},component:_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Definitions.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n
\n\n### Analytics experiences\n\n***\n\n##### Dashboard\n\n   A dynamic data display containing a variety of metrics to answer a specific set of business questions (e.g. overall health of business, order fulfillment) in the form of dynamic visualizations. Used primarily to support monitoring of key performance indicators, such as total sales or number of fulfilled orders. A dashboard can be the size of an entire page or can be part of other pages within the admin (e.g. orders index).\n\n##### Notebook\n\n   An interface where users can edit or write and execute code that queries Shopify data, visualize the results, and share insights.\n\n##### Report\n\n   A representation of data that has been queried so as to answer a specific question or inform on a general topic area. Reports typically include a chart and data table, with one primary dimension, one primary metric, and may include several supporting metrics. The content of a report can be manipulated by altering the date range, time grouping, or filtering the data.\n\n
\n
\n\n#### Building blocks\n\n***\n\n##### Chart\n\n   A graphic representation of data, usually in the form of points of sequential data forming a line or a series of bars.\n\n##### Query\n\n   A question aboutβ€”or request forβ€”data, formatted using a formally defined syntax. For Shopify data, queries are formatted using ShopifyQL and can be edited or written from within a notebook.\n\n##### Table\n\n   Data displayed in a tabular form through rows and columns.\n\n##### Widget\n\n   A ShopifyQL query and its visual output that may contain a title, short description, a chart, a trend, and other functionalities.\n\n
\n
\n\n#### Merchant analytical processes\n\n***\n\n##### Monitoring\n\n   Regularly checking specific information for a deviation from expectation in order to identify and prioritize time-sensitive tasks that could impact the business. Monitoring is most often supported by in-context analytics.\n\n##### Evaluation\n\n   Regularly checking specific information at set intervals for an expected behavior in order to assess the result of the action taken for achieving a specific objective. Monitoring is most often supported by in-context analytics.\n\n##### Investigation\n\n   Conducting a deep dive into more specific information, after observing a deviation from expectation, in order to understand the cause(s) of the deviation that could impact the business. Investigation is typically supported by the reports connected to in-context analytics and the reports available in the Analytics section.\n\n##### Exploration\n\n   Merchant-driven exploration of the data in ways that are not preconfigured by Shopify and/or to answer questions that can’t be sufficiently answered by the default metrics and reports available. This is most often done by creation of one or many unique ShopifyQL queries and notebooks.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Definitions",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/FormattingValues.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_LineChart__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Formatting Values",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"Title"},"🏭 Formatting Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"All charts that display values as text offer options to customize the way you can format them."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{noLine:!0,mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Axis Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can pass in a custom function to format the values on the axis."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{cols:1,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{codeSample:"\n {\n return `${value} pickles`;\n },\n }}\n xAxisOptions={{\n labelFormatter: (value) => {\n return `${new Date(value).toLocaleDateString('en-US', {\n dateStyle: 'medium',\n })}`;\n },\n }}\n data={[\n {\n name: 'Sales',\n data: [\n {value: 13, key: '2022-01-02'},\n {value: 42, key: '2022-01-03'},\n ],\n },\n ]}\n showLegend={false}\n/>\n ",theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"100%",display:"block",position:"absolute",height:"140px",paddingTop:"20px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{[_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x]:{chartContainer:{borderRadius:"0",padding:"0",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_LineChart__WEBPACK_IMPORTED_MODULE_7__.a,{theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,yAxisOptions:{labelFormatter:value=>`${value} pickles`},xAxisOptions:{labelFormatter:value=>`${new Date(value).toLocaleDateString("en-US",{dateStyle:"medium"})}`},data:[{name:"Sales",data:[{value:13,key:"2020-01-02"},{value:42,key:"2020-01-03"}]}],showLegend:!1,mdxType:"LineChart"}))),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{noLine:!0,mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Tooltip Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can also pass in a custom functions to format all the information displayed in the default tooltip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{cols:1,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{codeSample:"\n {\n return `πŸ—“ ${new Date(value).toLocaleDateString('en-US', {\n dateStyle: 'long',\n })}`;\n },\n keyFormatter: (value) => {\n return `${value.toLowerCase()} `;\n },\n valueFormatter: (value) => {\n return `${value} πŸ₯’ `;\n },\n }}\n data={[\n {\n name: 'Sales',\n data: [\n {value: 13, key: '2022-01-02'},\n {value: 42, key: '2022-01-03'},\n ],\n },\n ]}\n showLegend={false}\n/>\n ",theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"100%",display:"block",position:"absolute",height:"140px",paddingTop:"20px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{[DEFAULT_THEME]:{chartContainer:{borderRadius:"0",padding:"0",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_LineChart__WEBPACK_IMPORTED_MODULE_7__.a,{theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,tooltipOptions:{titleFormatter:value=>`πŸ—“ ${new Date(value).toLocaleDateString("en-US",{dateStyle:"long"})}`,keyFormatter:value=>`${value.toLowerCase()} `,valueFormatter:value=>`${value} πŸ₯’ `},data:[{name:"Sales",data:[{value:13,key:"2020-01-02"},{value:42,key:"2020-01-03"}]}],showLegend:!1,mdxType:"LineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Formatting Values",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithNative.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Peer dependencies"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Polaris Viz Native has peer dependencies on:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"li"},"react@^16.8.0 || ^17.0.0")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"li"},"react-native@>=0.58"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You are responsible for providing these packages in your project. By requiring these packages as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"peerDependencies")," we can be sure there won't be duplicate packages included due to version mismatches."))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz-native/Getting Started",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithWeb.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"CSS Styles"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If your app is set up to consume esnext builds, import components where you want\nto use them and the styles will automatically be applied."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If your app is not set up for esnext, import the styles where you import components from the library:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"import '@shopify/polaris-viz/build/esm/styles.css';\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Peer dependencies"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Polaris Viz has ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"react@^16.8.6")," as a peer dependency."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You are responsible for providing this package in your project. By requiring this package as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"peerDependencies")," we can be sure there won't be duplicate packages included due to version mismatches."))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz/Getting Started",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Labels.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Labels",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"Title"},"🏷 Labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"A label consists of a container and a text element. This text element can either be a single line, or up to 3 lines of text from the string."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Basic truncation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a string is not wider than its container, it will display fully."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a string is wider than its container, it will break and truncate up to 3 lines. After the third line we use end-line truncation to display"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"…")," at the end of the string."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a single word in the string is wider than the container, we use end-word truncation to display ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"…")," at the end of the word, allowing the other words to display fully."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Diagonal labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{width:500,mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a container becomes smaller than ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"45px"),", we display the labels diagonally up to a max width of ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"100px"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Diagonal labels will only display a single line and use end-line truncation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Vertical labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{width:400,mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a container becomes smaller than ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"14px"),", we display the labels vertically up to a max width of ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"80px"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Vertical labels will only display a single line and use end-line truncation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Skipping labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"Large data sets")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"For charts with large data sets that would result in the labels being too small to visually render, we will attempt to skip labels until we can render labels horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we can not render labels horizontally, we will skip labels and render them diagonally or vertically, depending on container width"))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Labels",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Legends.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Legends",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{mdxType:"Title"},"πŸ““ Legends"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The more data series in a chart, the more colors and shapes it has. This makes it more challenging to parse the information quickly. By adding interactive legends we can highlight individual series to allow users to parse information in another way and help distinguish between series for people with color vision deficiencies."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.d,{mdxType:"SampleLegendChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Legends respond to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"hover")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"focus")," events to highlight the corresponding series on the chart."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Guidelines"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",null,"Legends are not available on SparkCharts."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",null,"Legends should always be used on charts with more than one series.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h3",mdxType:"Title"},"How are Legends Generated?"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Legend ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"title")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"color")," are generated from the root",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"name")," properties from the provided ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Data Structure",mdxType:"LinkTo"},"DataSeries"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.e,{mdxType:"SampleLegendContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-tsx"},"const DATA = [\n {\n name: 'Breakfast',\n data: [...]\n },\n {\n name: 'Lunch',\n color: 'green',\n data: [...]\n },\n {\n name: 'Dinner',\n data: [...]\n },\n];\n")))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Legends",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/LocalDevelopment.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n## πŸ‘¨πŸ½β€πŸ’» Local Development\n\nTo get started developing locally:\n\n- Clone the repo: `git clone https://github.com/Shopify/polaris-viz.git`\n- Install all dependencies: `yarn install`\n- Start Storybook locally: `yarn storybook`\n- Commit your changes as you would usually. Make sure to describe your edits or additions in the package's corresponding CHANGELOG.md.\n\n> ⚠️ If you don't have [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) installed on your computer, install it first by running `npm install --global yarn`\n\n### Scripts\n\n**NoteπŸ—’οΈ** These are the most common scripts. See the `package.json` for a full list of all available scripts.\n\n- **`yarn build`:**\nCleans all `build` directories and rebuilds all packages\n\n- **`yarn type-check`:**\nWill type check all packages\n\n- **`yarn test`:**\nWill start the jest test runner\n\n- **`yarn dev`:**\nBuilds all libraries and automatically rebuilds on code change. This can be combined with the [Sandbox](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page) to get near live updates.\n\n- **`yarn storybook`:**\nRuns storybook locally\n\n- **`yarn lint`:**\nLints all files\n\n- **`yarn version-bump`:**\nCreates a new release and a tag. Does not push to github. Save to use for testing without pushing.\n\n
\n\n### Dependency management\n\nDue to the monorepo setup Polaris Viz now has an additional `package.json` in the root on top of the individual `package.json` files of the libraries.\n\nAdd new dependencies to whichever library requires them. For example: When adding a new dependency to `@shopify/polaris-viz` run `yarn add @some/library` (or `yarn add @some/library --dev` respectively) as you usually would while in the `packages/polaris-viz` directory.\n\nThe root `package.json` merely contains `devDependencies` that are needed to build all libraries successfully when running `yarn build`. Any runtime libraries need to be added to the individual packages.\n\n### Developing in React Native\n\nTo test `@shopify/polaris-viz-native` code please use our [Sandbox](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page).\n\n
\n\n## πŸ—‚ Folder Structure\n\n
\n\n### `/packages`\n\nIn the packages folder you'll find the source code of the libraries that get published to NPM:\n\n- `/packages/polaris-viz` => `@shopify/polaris-viz`\n- `/packages/polaris-viz-native` => `@shopify/polaris-viz-native`\n- `/packages/polaris-viz-core` => `@shopify/polaris-viz-core`\n\n`@shopify/polaris-viz-core` contains platform agnostic code shared by both `@shopify/polaris-viz` and `@shopify/polaris-viz-native`\n\nThis monorepo is managed with Shopify's [Loom](https://www.npmjs.com/package/@shopify/loom) for building and testing and [Lerna](https://github.com/lerna/lerna) for the publishing workflow. To learn more about how to create releases please see our [Creating Releases page](http://polaris-viz.shopify.com/?path=/docs/contributing-creating-releases--page).\n\n\n
\n\n### `*/**/stories/`\n\nWe use [Storybook](https://storybook.js.org/) to document and develop our components. Story files are located in `/stories/` folders in each package `/src/` folder.\n\nIf you add a new prop to an existing component or create a new chart component or a new subcomponent that are used throughout the repo, ensure any new states are covered by stories.\n\nFor complex props, like callback functions, consider adding a select to stories with a few different predefined options.\n\n\n
\n\n### `/sandbox`\n\nThe sandbox folder contains an [Expo](https://docs.expo.dev/) app pre-configured so you can test the build of each library in a web browser, an iOS simulator or an Android simulator. Read more about how to use it on the [Sandbox page](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page).\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Local Development",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Principles.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;iTimely\nMerchants need data at the right time and in the right place to make great decisions, and users need timely access to data relevant to their role. We provide easy-to-find, relevant data across the admin, where and when it’s needed.\n\n

Connected

\nAnalytics experiences across the admin should be connected, guiding merchants to answer their unique business questions. They should enable merchants to easily transition from monitoring, to investigating, to building their own data explorations.\n\n

Approachable

\nAnalytics should strike a balance between technical accuracy and approachability. The ultimate goal is to be helpful and ensure merchants quickly understand what the data is trying to communicate. We add contextual elements when necessary to help merchants better understand and leverage their data (e.g. legends, tool-tips, labels).\n\n

Consistent

\nThough data visualizations show up on multiple surfaces and in varying contexts, there's a visual identity that unifies them. An analytics object is easily identifiable through its design language and unique behavior.\n\n

Delightful

\nThe elements and behavior in our experiences generate meaningful delight for our users. Animations and colors support storytelling and help users understand the underlying dataβ€”thoughtful details in how we present the information provide an overall enjoyable experience that also imparts valuable meaning and takes accessibility into account.\n\n

Scalable

\nAt Shopify, merchants’ businesses, and therefore their data, are dynamic. Our charts need to accommodate this variety, scaling gracefully to adapt to a broad range of data points, from two to two thousand. The visualizations we provide should always look good regardless of the volume of data.\n\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Principles",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Readme.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),utilities=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),Divider=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),WebComponents=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/WebComponents/WebComponents.tsx"),MobileComponents=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/MobileComponents/MobileComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;iPolaris viz

\n\n**Polaris Viz** is Shopify\'s data visualization system. It\'s what powers many of our data heavy experiences, including [ShopifyQL Notebooks](https://shopify.engineering/shopify-commerce-data-querying-language-shopifyql).\n\nIt is composed of two consumer-facing libraries:\n\n
\n\n- `polaris-viz`\n![version badge](https://img.shields.io/npm/v/@shopify/polaris-viz)\n![size badge](https://img.shields.io/bundlephobia/minzip/@shopify/polaris-viz)\n\n a collection of React components built for **web**\n\n
\n\n- `polaris-viz-native`\n![version badge](https://img.shields.io/npm/v/@shopify/polaris-viz-native)\n![size badge](https://img.shields.io/bundlephobia/minzip/@shopify/polaris-viz-native)\n\n a collection of React Native components optimized for **mobile experiences**\n\n
\n\nBoth libraries use the same [Data Structure](https://polaris-viz.shopify.com/?path=/docs/shared-data-structure--page), [Utility functions](https://polaris-viz.shopify.com/?path=/docs/shared-utilities-accessibility-color-vision-events--page), [Themes](https://polaris-viz.shopify.com/?path=/docs/shared-themes-default-themes--page) and SubComponents. _All things shared_ between `@shopify/polaris-viz` and `@shopify/polaris-viz-native` are documented in the Storybook\'s `Shared` folder\n\n\n- [πŸ““ Docs & Examples](https://polaris-viz.shopify.com/)\n- [πŸ–₯ Getting Started with Polaris Viz](https://polaris-viz.shopify.com/?path=/docs/polaris-viz-getting-started--page)\n- [πŸ“± Getting Started with Polaris Viz **Native**](https://polaris-viz.shopify.com/?path=/docs/polaris-viz-native-getting-started--page)\n\n\n
\n
\n
\n\nOur libraries are structured to favor charts that prioritize accessibility and motion design. The goal is to help users create clear and meaningful analytics experiences.\n\nWe want to do the heavy lifting of developing charts, so our partners can focus on telling amazing data stories and not re-inventing the wheel.\n\n
\n
\n
\n\n\n

🀝 Contributing

\n\n\n\nWant to help us build the future of data viz?\nThe system is currently in active development and we are working on expanding its features and available charts.\n\nPull requests are welcome! See the [contribution docs](https://github.com/Shopify/polaris-viz/blob/master/CONTRIBUTING.md) for more information and to learn how to set up your development environment.\n\n\n
\n
\n
\n\n

πŸ“ƒ Licenses

\n\n\n Source code is under a [custom license](https://github.com/Shopify/polaris-viz/blob/main/LICENSE.md) based on MIT. The license restricts Polaris Viz usage to applications that integrate or interoperate with Shopify software or services, with additional restrictions for external, stand-alone applications.\n'),mdxType:"Description"}),Object(esm.b)(Divider.a,{mdxType:"Divider"}),Object(esm.b)(Title.a,{type:"h2",mdxType:"Title"}," πŸ–₯ Available React Charts"),Object(esm.b)(WebComponents.a,{mdxType:"WebComponents"}),Object(esm.b)(Divider.a,{mdxType:"Divider"}),Object(esm.b)(Title.a,{type:"h2",mdxType:"Title"}," πŸ“± Available React Native Charts"),Object(esm.b)(MobileComponents.a,{mdxType:"MobileComponents"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Intro",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Sandbox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n
\n\n## Start using the Sandbox\n\n1. `yarn install`\n2. `yarn dev`\n3. Open second terminal\n4. `yarn sandbox`\n6. Hit `i` for `iOS` or `a` for android. You can also scan the QR Code to open the app on your phone (with the [expo app](https://expo.dev/)).\n\n
\n\n⚠️ Expo offers you a `web` option. This displays React Native components in the browser, which are not the same as the Polaris Viz web components.\n\n
\n
\n
\n\n### Additional Context on building with the sandbox\n\nIf you notice file updates are not being picked up, abort the `yarn sandbox` command using `CTRL+C` and then run `yarn sandbox -c`. This will clear the metro cache.\n\nAny file changes within the libraries will automatically trigger the metro bundler to rebuild. However, because `demo-rn` consumes the libraries `build` folders you will also need to rebuild the packages themselves. A `dev` command has been added to the root `package.json`. `yarn dev` will automatically rebuild `polaris-viz-core` and `polaris-viz-native` as soon as any `tsx` or `ts` files are changed (with the exception of `.d.ts`).\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Sandbox",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/ThemeDefinition.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Intro",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/UsageWithShopifyQL.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),utilities=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"ShopifyQL",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/WritingStories.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(Component, {\n name: ['Matt', 'Rita', 'Logan'],\n color: ['red', 'blue', 'green'],\n})\n```\n\nThe following snippet would generate 18 stories with each combination of `name` and `color` provided. This is extremely useful when you want to ensure a component with many different options has a visual test.\n\n[Full Example](https://github.com/Shopify/polaris-viz/blob/main/packages/polaris-viz/src/components/Legend/stories/Legend.chromatic.stories.tsx)\n\n## Adding new stories\n\nWhen adding new stories run the `yarn add:story` command. This launches an interactive CLI that walks you through adding a story, or starting a new `/stories` folder for a chart or a component.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Writing Stories",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/arc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),ts_dedent__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i0)return-1;if(path1.length>0&&0===path2.length)return 1;var _path=toArray_default()(path1),path1Head=_path[0],path1Tail=_path.slice(1),_path2=toArray_default()(path2),path2Head=_path2[0],path2Tail=_path2.slice(1);if(!order){var comp=function compareAlphabetical(a,b){return a.localeCompare(b,{numeric:!0})}(path1Head,path2Head);return 0===comp?compareStoryPaths(null,path1Tail,path2Tail):comp}if(path1Head===path2Head){var key=path1Head;return hasKey(order,key)?compareStoryPaths(order[key],path1Tail,path2Tail):compareStoryPaths(null,path1Tail,path2Tail)}if(hasKey(order,path1Head)||hasKey(order,path2Head)){if(hasKey(order,path1Head)&&!hasKey(order,path2Head))return-1;if(!hasKey(order,path1Head)&&hasKey(order,path2Head))return 1;var orderKeys=Object.keys(order);return orderKeys.indexOf(path1Head)*:last-child{grid-column:span 2}",""]),exports.locals={SimpleBarSkeleton:"SimpleBarSkeleton-SimpleBarSkeleton_bZyJz",Item:"SimpleBarSkeleton-Item_1J9r0"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartSkeleton/components/SimpleNormalizedSkeleton/SimpleNormalizedSkeleton.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SimpleNormalizedSkeleton-Legend_2IRUK{height:50px;display:flex;gap:5%;max-width:60%;margin:14px 0}.SimpleNormalizedSkeleton-LegendItem_2ybw3{width:100%;display:block;display:grid;grid-template-columns:16px 1fr;grid-template-rows:16px;grid-gap:10px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:first-child{width:16px;height:16px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:nth-child(2){height:16px}.SimpleNormalizedSkeleton-LegendItem_2ybw3>*:nth-child(3){grid-column:2;height:16px;width:80%}.SimpleNormalizedSkeleton-LegendItemComponent_12wGc{border-radius:2px;height:16px;width:100%}",""]),exports.locals={Legend:"SimpleNormalizedSkeleton-Legend_2IRUK",LegendItem:"SimpleNormalizedSkeleton-LegendItem_2ybw3",LegendItemComponent:"SimpleNormalizedSkeleton-LegendItemComponent_12wGc"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Crosshair/Crosshair.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Crosshair-Crosshair_ixZSt{pointer-events:none}",""]),exports.locals={Crosshair:"Crosshair-Crosshair_ixZSt"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Banner-Banner_1bebM{padding:8px 15px;border-radius:5px;box-shadow:-2px 2px 9px 0 rgba(0,0,0,.3);line-height:1.5;font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}.Banner-Banner_1bebM::before{content:"⚠️";margin-right:5px}.Banner-Banner_1bebM code{color:rgba(255,255,255,.7);font-size:16px;border:1px solid #444;padding:2px 5px;border-radius:3px}.Banner-Alert_2q4Rv{background:linear-gradient(157deg, #3e241c 0%, #2e2e2e 40%);border:1px solid #484848;color:#fff}.Banner-Alert_2q4Rv::before{margin-right:5px;color:#fb5300}.Banner-Info_35r-M{background:linear-gradient(157deg, #3e3a1c 0%, #2e2e2e 40%);border:1px solid #484848;color:#fff}.Banner-Info_35r-M::before{color:#fbd200}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Banner:"Banner-Banner_1bebM",Alert:"Banner-Alert_2q4Rv",Info:"Banner-Info_35r-M"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".ComponentContainer-Container_2Ix76{background:#1f1f25;border-radius:8px;padding-bottom:10px;color:#fff;display:inline-table}.ComponentContainer-CardTop_1g7DA{border-radius:8px 8px 0 0;padding:20px;background:#3d3d3e;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:background .3s,box-shadow .3s;margin-top:-1px;min-height:89px}.ComponentContainer-CardTop_1g7DA button{background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;outline:none;text-align:inherit;font-size:inherit;cursor:pointer}.ComponentContainer-HasLink_1PZ33:hover{background:#444;box-shadow:0 0 4px rgba(0,0,0,.1),0 8px 40px rgba(0,0,0,.2)}.ComponentContainer-HasLink_1PZ33 a{text-decoration:none;color:#fff}.ComponentContainer-Heading_Z97yg{margin-top:0}.ComponentContainer-Paragraph_gVHx8{margin:0;line-height:1.5}.ComponentContainer-Link_osKwg{text-decoration:none;color:#fff}.ComponentContainer-CenterChartContainer_3cvlD{position:relative;display:grid;justify-content:center;align-content:center;width:100%;height:250px}.ComponentContainer-ChartContainer_3hhUa{position:relative;width:100%;height:250px}.ComponentContainer-ChartContainer_3hhUa>*{position:absolute;left:10px;top:15px;width:calc(100% - 20px);height:calc(100% - 20px)}.ComponentContainer-CodeSample_2rjnE{padding-top:20px;display:block}.ComponentContainer-CodeSample_2rjnE>*{margin:0 !important}.ComponentContainer-CodeSampleOnly_6qXij{padding-top:0}.ComponentContainer-CodeSampleOnly_6qXij>*{margin:0 !important}",""]),exports.locals={Container:"ComponentContainer-Container_2Ix76",CardTop:"ComponentContainer-CardTop_1g7DA",HasLink:"ComponentContainer-HasLink_1PZ33",Heading:"ComponentContainer-Heading_Z97yg",Paragraph:"ComponentContainer-Paragraph_gVHx8",Link:"ComponentContainer-Link_osKwg",CenterChartContainer:"ComponentContainer-CenterChartContainer_3cvlD",ChartContainer:"ComponentContainer-ChartContainer_3hhUa",CodeSample:"ComponentContainer-CodeSample_2rjnE",CodeSampleOnly:"ComponentContainer-CodeSampleOnly_6qXij"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.PropertyTable-PropertyTable_1-Jia{font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;margin:16px 0;font-size:14px;line-height:24px;padding:0;border-collapse:collapse}.PropertyTable-PropertyTable_1-Jia tr{border-top:1px solid rgba(255,255,255,.1);margin:0;padding:0}.PropertyTable-PropertyTable_1-Jia tr:nth-of-type(2n){background-color:#444}.PropertyTable-PropertyTable_1-Jia tr td{border:1px solid rgba(255,255,255,.1);color:#fff;margin:0;padding:6px 13px}.PropertyTable-PropertyTable_1-Jia th{font-weight:bold;color:#fff;border:1px solid rgba(255,255,255,.1);margin:0;padding:6px 13px}.PropertyTable-PropertyTable_1-Jia code{font-family:"Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;padding-left:2px;padding-right:2px;vertical-align:baseline;color:inherit;line-height:1;margin:0 2px;padding:3px 5px;border-radius:3px;font-size:13px;border:1px solid #444;color:rgba(255,255,255,.7);background-color:rgba(0,0,0,.1);white-space:pre}.PropertyTable-typeArray_NQjAC{white-space:pre-wrap;min-width:90px}',""]),exports.locals={PropertyTable:"PropertyTable-PropertyTable_1-Jia",typeArray:"PropertyTable-typeArray_NQjAC"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Title-TitleAnchor_1KtuV{text-decoration:none}.Title-TitleAnchor_1KtuV:hover>*::after{content:" πŸ”—";font-size:13px;position:absolute;left:-17px;top:2px}.Title-h1_3_mCK,.Title-h2_2i6k2,.Title-h3_1gEuh,.Title-h4_bDQ0k{position:relative;color:#fff}.Title-h1_3_mCK>code,.Title-h2_2i6k2>code,.Title-h3_1gEuh>code,.Title-h4_bDQ0k>code{font-weight:200}.Title-h1_3_mCK,.Title-h1_3_mCK>code{font-size:32px}.Title-h2_2i6k2,.Title-h2_2i6k2>code{font-size:26px}.Title-h3_1gEuh,.Title-h3_1gEuh>code{font-size:22px}.Title-h4_bDQ0k,.Title-h4_bDQ0k>code{font-size:18px}',""]),exports.locals={TitleAnchor:"Title-TitleAnchor_1KtuV",h1:"Title-h1_3_mCK",h2:"Title-h2_2i6k2",h3:"Title-h3_1gEuh",h4:"Title-h4_bDQ0k"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/DonutChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".DonutChart-Donut_1QnxO{position:relative;display:flex;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}.DonutChart-DonutWrapper_uMp-4{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.DonutChart-ContentWrapper_EbAbk{position:absolute;justify-content:center;display:flex;flex-flow:column nowrap;align-items:center;pointer-events:none;width:100%;height:100%}.DonutChart-ContentValue_aD1Kb{line-height:24px;font-weight:700;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin:0;font-variant-numeric:tabular-nums}.DonutChart-ComparisonMetric_-hXc_{font-size:16px}.DonutChart-DonutChart_1x34r{outline:none;overflow:visible}.DonutChart-DonutChart_1x34r:focus,.DonutChart-DonutChart_1x34r:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Donut:"DonutChart-Donut_1QnxO",DonutWrapper:"DonutChart-DonutWrapper_uMp-4",ContentWrapper:"DonutChart-ContentWrapper_EbAbk",ContentValue:"DonutChart-ContentValue_aD1Kb",ComparisonMetric:"DonutChart-ComparisonMetric_-hXc_",DonutChart:"DonutChart-DonutChart_1x34r"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/components/LegendValues/LegendValues.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendValues-Table_3jmFm{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed}",""]),exports.locals={Table:"LegendValues-Table_3jmFm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/DonutChart/components/LegendValues/components/LegendValueItem/LegendValueItem.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendValueItem-ColorPreview_3SmUj{width:12px}.LegendValueItem-Name_2QuaD{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:20px}.LegendValueItem-alignLeft_2i1fT{text-align:left}.LegendValueItem-alignRight_Nl1FG{text-align:right}",""]),exports.locals={ColorPreview:"LegendValueItem-ColorPreview_3SmUj",Name:"LegendValueItem-Name_2QuaD",alignLeft:"LegendValueItem-alignLeft_2i1fT",alignRight:"LegendValueItem-alignRight_Nl1FG"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/FunnelChart/components/Label.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.Label-Label_1fJYt{text-align:center;padding-top:6px;display:flex;justify-content:center;align-items:center}.Label-Label_1fJYt>span{padding:0 4px;border-radius:"4px";border-radius:4px}.Label-Label_1fJYt>span:empty{display:none}.Label-YAxis_2tzn6{overflow:visible}',""]),exports.locals={Label:"Label-Label_1fJYt",YAxis:"Label-YAxis_2tzn6"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.LegendItem-Legend_38Tzr{padding:6px 0;outline:none;border:none;border-radius:2px;display:flex}.LegendItem-Legend_38Tzr:focus,.LegendItem-Legend_38Tzr:focus-visible{outline:2px solid #4b92e5;outline-offset:2px}.LegendItem-Legend_38Tzr:focus{outline:none}.LegendItem-Legend_38Tzr:focus-visible{outline:2px solid #4b92e5;outline-offset:2px}.LegendItem-TextContainer_2U0Ts{display:flex;flex-direction:column;text-align:left;gap:3px;line-height:16px;margin:-2px 0;font-size:11px;font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;white-space:nowrap;min-width:0}.LegendItem-Text_1P97A{overflow:hidden;text-overflow:ellipsis}.LegendItem-IconContainer_2Y40c{display:flex;align-items:center;justify-items:center}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Legend:"LegendItem-Legend_38Tzr",TextContainer:"LegendItem-TextContainer_2U0Ts",Text:"LegendItem-Text_1P97A",IconContainer:"LegendItem-IconContainer_2Y40c"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LegendContainer/LegendContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LegendContainer-Container_W3qOE{display:flex;gap:10px}",""]),exports.locals={Container:"LegendContainer-Container_W3qOE"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HiddenLegendTooltip-MoreText_1wLRD{display:flex;white-space:nowrap;align-items:center;background:none;border:none;border-radius:2px;font-size:11px}.HiddenLegendTooltip-Tooltip_1-N6p{position:absolute;display:flex;flex-direction:column;padding:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;box-shadow:0 0 2px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.1)}",""]),exports.locals={MoreText:"HiddenLegendTooltip-MoreText_1wLRD",Tooltip:"HiddenLegendTooltip-Tooltip_1-N6p"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/components/CustomLegend/CustomLegend.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".CustomLegend-Container_3r0R5{display:flex;gap:10px;flex-wrap:wrap;list-style:none}",""]),exports.locals={Container:"CustomLegend-Container_3r0R5"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/components/SeriesIcon/SeriesIcon.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SeriesIcon-IconContainer_1tm05{display:flex;align-items:center;justify-items:center;height:12px;width:20px}",""]),exports.locals={IconContainer:"SeriesIcon-IconContainer_1tm05"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartPredictive/utilities/Styles.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Styles-Icon_2gg4A{display:flex;align-items:center;justify-content:center;margin-right:4px}",""]),exports.locals={Icon:"Styles-Icon_2gg4A"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LineChartRelational/components/CustomLegend/CustomLegend.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".CustomLegend-Container_3jEyv{display:flex;gap:10px;flex-wrap:wrap;list-style:none}",""]),exports.locals={Container:"CustomLegend-Container_3jEyv"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/LinePreview/LinePreview.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".LinePreview-Container_10c6i{display:flex}.LinePreview-SVG_3x-g-{display:block;overflow:visible}",""]),exports.locals={Container:"LinePreview-Container_10c6i",SVG:"LinePreview-SVG_3x-g-"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Point/Point.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Point-Point_3Efsm{outline:none;pointer-events:none}.Point-Point_3Efsm:focus,.Point-Point_3Efsm:focus-visible{outline:none !important}.Point-VisuallyHidden_yRNuO{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Point:"Point-Point_3Efsm",VisuallyHidden:"Point-VisuallyHidden_yRNuO"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'.SimpleNormalizedChart-Container_2rOEx{font-family:Inter,-apple-system,"system-ui","San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:11px;display:flex;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}.SimpleNormalizedChart-VerticalContainer_2mcIj{height:100%}.SimpleNormalizedChart-VerticalContainerRightLabel_pisCF{flex-direction:row-reverse;justify-content:flex-end}.SimpleNormalizedChart-HorizontalContainer_JR2Fn{flex-direction:column;justify-content:normal}.SimpleNormalizedChart-HorizontalContainerBottomLabel_2b8Sh{flex-direction:column-reverse}.SimpleNormalizedChart-BarContainer_1f80Z{display:flex}.SimpleNormalizedChart-VerticalBarContainer_18ilp{flex-direction:column-reverse}.SimpleNormalizedChart-HorizontalBarContainer_2U7K7{flex-direction:row}.SimpleNormalizedChart-VerticalLabelContainer_3ciRo{margin:0 20px;padding:0}.SimpleNormalizedChart-HorizontalLabelContainer_1GTcy{padding:0;display:flex}.SimpleNormalizedChart-HorizontalLabelContainerGrid_PHzmC{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, max-content))}.SimpleNormalizedChart-LabelContainerEndJustify_38w3M{justify-content:end;justify-items:end}',""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Container:"SimpleNormalizedChart-Container_2rOEx",VerticalContainer:"SimpleNormalizedChart-VerticalContainer_2mcIj",VerticalContainerRightLabel:"SimpleNormalizedChart-VerticalContainerRightLabel_pisCF",HorizontalContainer:"SimpleNormalizedChart-HorizontalContainer_JR2Fn",HorizontalContainerBottomLabel:"SimpleNormalizedChart-HorizontalContainerBottomLabel_2b8Sh",BarContainer:"SimpleNormalizedChart-BarContainer_1f80Z",VerticalBarContainer:"SimpleNormalizedChart-VerticalBarContainer_18ilp",HorizontalBarContainer:"SimpleNormalizedChart-HorizontalBarContainer_2U7K7",VerticalLabelContainer:"SimpleNormalizedChart-VerticalLabelContainer_3ciRo",HorizontalLabelContainer:"SimpleNormalizedChart-HorizontalLabelContainer_1GTcy",HorizontalLabelContainerGrid:"SimpleNormalizedChart-HorizontalLabelContainerGrid_PHzmC",LabelContainerEndJustify:"SimpleNormalizedChart-LabelContainerEndJustify_38w3M"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarLabel/BarLabel.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarLabel-Container_gaqZj{position:relative;display:flex;align-items:baseline}.BarLabel-ContainerDefaultLabel_-9dKK{margin-bottom:32px}.BarLabel-ContaineBottomLabel_25NeW{margin-top:20px}.BarLabel-LabelColor_HGtU7{margin:1px;border-radius:3px;height:10px;width:10px}.BarLabel-Label_1r9ZF{flex:1 1;margin:0 8px;word-break:break-word;max-width:120px;line-height:18px}.BarLabel-FormattedVerticalLabel_Ba9LJ{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal}.BarLabel-FormattedHorizontalLabel_2TDhI{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.BarLabel-ValueContainer_2ubEN{margin-top:4px;display:flex}.BarLabel-ValueHorizontalContainer_2Rml6{position:absolute;top:16px;margin-top:4px;display:flex}.BarLabel-Value_yDRCy{margin-right:8px;font-weight:650}",""]),exports.locals={Container:"BarLabel-Container_gaqZj",ContainerDefaultLabel:"BarLabel-ContainerDefaultLabel_-9dKK",ContaineBottomLabel:"BarLabel-ContaineBottomLabel_25NeW",LabelColor:"BarLabel-LabelColor_HGtU7",Label:"BarLabel-Label_1r9ZF",FormattedVerticalLabel:"BarLabel-FormattedVerticalLabel_Ba9LJ",FormattedHorizontalLabel:"BarLabel-FormattedHorizontalLabel_2TDhI",ValueContainer:"BarLabel-ValueContainer_2ubEN",ValueHorizontalContainer:"BarLabel-ValueHorizontalContainer_2Rml6",Value:"BarLabel-Value_yDRCy"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarSegment/BarSegment.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarSegment-Segment_17H8z{outline:none;margin:1px 2px 2px 1px}.BarSegment-Segment_17H8z:focus,.BarSegment-Segment_17H8z:focus-visible{outline:none !important}.BarSegment-Segment_17H8z:last-of-type{margin:1px}.BarSegment-horizontal-RoundedCorners_2YAhG:first-of-type{border-radius:2px 0 0 2px}.BarSegment-horizontal-RoundedCorners_2YAhG:last-of-type{border-radius:0 2px 2px 0}.BarSegment-vertical-RoundedCorners_2UwYd:first-of-type{border-radius:0 0 2px 2px}.BarSegment-vertical-RoundedCorners_2UwYd:last-of-type{border-radius:2px 2px 0 0}.BarSegment-RoundedCorners_3Crn6{border-radius:2px}.BarSegment-horizontal-small_2Q-96{height:16px}.BarSegment-horizontal-medium_1TDby{height:36px}.BarSegment-horizontal-large_2K4Ez{height:56px}.BarSegment-vertical-small_2LJg8{width:16px}.BarSegment-vertical-medium_2n7zY{width:36px}.BarSegment-vertical-large_16p3C{width:56px}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Segment:"BarSegment-Segment_17H8z","horizontal-RoundedCorners":"BarSegment-horizontal-RoundedCorners_2YAhG","vertical-RoundedCorners":"BarSegment-vertical-RoundedCorners_2UwYd",RoundedCorners:"BarSegment-RoundedCorners_3Crn6","horizontal-small":"BarSegment-horizontal-small_2Q-96","horizontal-medium":"BarSegment-horizontal-medium_1TDby","horizontal-large":"BarSegment-horizontal-large_2K4Ez","vertical-small":"BarSegment-vertical-small_2LJg8","vertical-medium":"BarSegment-vertical-medium_2n7zY","vertical-large":"BarSegment-vertical-large_16p3C"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SkipLink/SkipLink.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SkipLink-SkipLink_2RInj{position:absolute;top:1px;left:1px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);border-radius:.4rem;color:#212b36;border:1px solid #babfc3;padding:8px 16px;opacity:0;pointer-events:none;text-decoration:none}.SkipLink-SkipLink_2RInj:focus{pointer-events:all;opacity:1}",""]),exports.locals={SkipLink:"SkipLink-SkipLink_2RInj"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SparkBarChart/SparkBarChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SparkBarChart-VisuallyHidden_1RNnM{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}.SparkBarChart-ComparisonLine_7xLwx{stroke-linecap:round}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"SparkBarChart-VisuallyHidden_1RNnM",ComparisonLine:"SparkBarChart-ComparisonLine_7xLwx"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SparkLineChart-VisuallyHidden_3c-Hm{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"SparkLineChart-VisuallyHidden_3c-Hm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/SquareColorPreview/SquareColorPreview.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".SquareColorPreview-ColorPreview_1ICti{border-radius:2px;display:block;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",ColorPreview:"SquareColorPreview-ColorPreview_1ICti"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/StackedAreaChart/Chart.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{.Chart-Group_1e04v{-webkit-clip-path:none;clip-path:none}}",""]),exports.locals={Group:"Chart-Group_1e04v"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/StackedAreaChart/components/Area/Area.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Area-Group_2dxzy{outline:none}.Area-Group_2dxzy:focus,.Area-Group_2dxzy:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"Area-Group_2dxzy"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipContentContainer/TooltipContentContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipContentContainer-Container_3nR5u{padding:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;min-width:180px;box-shadow:0 0 2px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px}",""]),exports.locals={Container:"TooltipContentContainer-Container_3nR5u"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipRow/TooltipRow.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipRow-Row_1HQHE{line-height:16px;font-size:11px;gap:8px;display:flex;align-items:center}.TooltipRow-Value_TP_nJ{margin-left:auto;text-align:right;white-space:nowrap}.TooltipRow-Truncate_1Hpr7{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Row:"TooltipRow-Row_1HQHE",Value:"TooltipRow-Value_TP_nJ",Truncate:"TooltipRow-Truncate_1Hpr7"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipSeries/TooltipSeries.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipSeries-Series_1XOPm{gap:4px;display:flex;flex-direction:column}",""]),exports.locals={Series:"TooltipSeries-Series_1XOPm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipSeriesName/TooltipSeriesName.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipSeriesName-AxisTitle_2p7Zb{line-height:16px;margin:0}",""]),exports.locals={AxisTitle:"TooltipSeriesName-AxisTitle_2p7Zb"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipContent/components/TooltipTitle/TooltipTitle.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipTitle-Title_FgQ0A{font-size:12px;font-weight:500;line-height:20px;margin:0}",""]),exports.locals={Title:"TooltipTitle-Title_FgQ0A"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TooltipWrapper/components/TooltipAnimatedContainer.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".TooltipAnimatedContainer-Container_2jSrb{position:absolute;pointer-events:none;z-index:520;max-width:70%}",""]),exports.locals={Container:"TooltipAnimatedContainer-Container_2jSrb"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/TrendIndicator/components/Svg/Svg.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Svg-SVG_3Ub-S{display:block;font-feature-settings:normal;outline:none}.Svg-SVG_3Ub-S:focus,.Svg-SVG_3Ub-S:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",SVG:"Svg-SVG_3Ub-S"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/BarGroup/BarGroup.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".BarGroup-BarGroup_3UNSN,.BarGroup-Bar_bmWxA{outline:none}.BarGroup-BarGroup_3UNSN:focus,.BarGroup-BarGroup_3UNSN:focus-visible,.BarGroup-Bar_bmWxA:focus,.BarGroup-Bar_bmWxA:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",BarGroup:"BarGroup-BarGroup_3UNSN",Bar:"BarGroup-Bar_bmWxA"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/StackedBarGroups/StackedBarGroups.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".StackedBarGroups-Group_1Rxsc{outline:none}.StackedBarGroups-Group_1Rxsc:focus,.StackedBarGroups-Group_1Rxsc:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"StackedBarGroups-Group_1Rxsc"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/StackedBarGroups/components/Stack/Stack.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Stack-Bar_39tTU{outline:none}.Stack-Bar_39tTU:focus,.Stack-Bar_39tTU:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"Stack-Bar_39tTU"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBar/VerticalBar.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".VerticalBar-Bar_2h27B{outline:none;transition:fill 300 ease}.VerticalBar-Bar_2h27B:focus,.VerticalBar-Bar_2h27B:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"VerticalBar-Bar_2h27B"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/VisuallyHiddenRows/VisuallyHiddenRows.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".VisuallyHiddenRows-VisuallyHidden_1zThx{position:absolute !important;top:0;clip:rect(1px, 1px, 1px, 1px) !important;overflow:hidden !important;height:1px !important;width:1px !important;padding:0 !important;border:0 !important;opacity:0}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",VisuallyHidden:"VisuallyHiddenRows-VisuallyHidden_1zThx"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/Bar/Bar.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Bar-Bar_1W_rW{outline:none;transition:fill 300 ease}.Bar-Bar_1W_rW:focus,.Bar-Bar_1W_rW:focus-visible{outline:none !important}@media print{.Bar-Group_1X_A_{transform:none !important}}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"Bar-Bar_1W_rW",Group:"Bar-Group_1X_A_"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/GroupLabel/GroupLabel.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".GroupLabel-Label_1h_-X{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Label:"GroupLabel-Label_1h_-X"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/HorizontalBars/HorizontalBars.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HorizontalBars-Bar_3KT-K{outline:none}.HorizontalBars-Bar_3KT-K:focus,.HorizontalBars-Bar_3KT-K:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Bar:"HorizontalBars-Bar_3KT-K"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/shared/HorizontalGroup/HorizontalGroup.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".HorizontalGroup-Group_3gtvm{outline:none}.HorizontalGroup-Group_3gtvm:focus,.HorizontalGroup-Group_3gtvm:focus-visible{outline:none !important}",""]),exports.locals={colorWhite:"#fff",colorBlack:"#000",colorDarkComparison:"rgba(144,176,223,.8)",colorLightComparison:"#6793cc",colorGray00:"#fff",colorGray10:"#f6f6f7",colorGray20:"#eeeeef",colorGray30:"#dadadd",colorGray40:"#cbcbcf",colorGray50:"#bdbdc2",colorGray60:"#b0b0b6",colorGray70:"#9d9da5",colorGray80:"#909099",colorGray90:"#82828c",colorGray100:"#70707b",colorGray110:"#5e5e69",colorGray120:"#545460",colorGray130:"#4b4b57",colorGray140:"#43434e",colorGray150:"#2e2e36",colorGray160:"#1f1f25",colorIndigo00:"#f7f5ff",colorIndigo10:"#efecff",colorIndigo20:"#e4deff",colorIndigo30:"#d4cbff",colorIndigo40:"#c5b7fe",colorIndigo50:"#b6a3fe",colorIndigo60:"#a78ffd",colorIndigo70:"#997afc",colorIndigo80:"#8c63fb",colorIndigo90:"#7f4afa",colorIndigo100:"#7329f9",colorIndigo110:"#6511e2",colorIndigo120:"#540dbf",colorIndigo130:"#44089e",colorIndigo140:"#34057d",colorIndigo150:"#25035e",colorIndigo160:"#16013e",colorBlue00:"#f3f7ff",colorBlue10:"#e6eefe",colorBlue20:"#d6e3fd",colorBlue30:"#bdd2fb",colorBlue40:"#a3c2f7",colorBlue50:"#88b1f2",colorBlue60:"#6ba2ec",colorBlue70:"#4b92e5",colorBlue80:"#4282cd",colorBlue90:"#3672bb",colorBlue100:"#2b62a9",colorBlue110:"#215297",colorBlue120:"#174385",colorBlue130:"#0e3572",colorBlue140:"#06275f",colorBlue150:"#021a4c",colorBlue160:"#000d36",colorTeal00:"#f0f8fb",colorTeal10:"#e0f1f8",colorTeal20:"#c8e7f4",colorTeal30:"#9edaef",colorTeal40:"#79cce5",colorTeal50:"#69bbd3",colorTeal60:"#5baac1",colorTeal70:"#4c9aaf",colorTeal80:"#3f899e",colorTeal90:"#33798c",colorTeal100:"#286a7b",colorTeal110:"#1d5a69",colorTeal120:"#144b59",colorTeal130:"#0b3d48",colorTeal140:"#042f38",colorTeal150:"#012129",colorTeal160:"#001419",colorMagenta00:"#fcf4fa",colorMagenta10:"#f9e9f5",colorMagenta20:"#f5dbef",colorMagenta30:"#f0c4e6",colorMagenta40:"#eaaedd",colorMagenta50:"#e596d4",colorMagenta60:"#e07dcc",colorMagenta70:"#da62c4",colorMagenta80:"#c654b1",colorMagenta90:"#b1489e",colorMagenta100:"#9c3c8b",colorMagenta110:"#873178",colorMagenta120:"#722665",colorMagenta130:"#5e1c53",colorMagenta140:"#4a1341",colorMagenta150:"#370b30",colorMagenta160:"#23041e",colorPurple00:"#f9f5ff",colorPurple10:"#f3eafe",colorPurple20:"#ebdcfd",colorPurple30:"#e0c8fa",colorPurple40:"#d4b3f6",colorPurple50:"#c89ef1",colorPurple60:"#bd8aea",colorPurple70:"#b176e2",colorPurple80:"#a85de0",colorPurple90:"#9f41dc",colorPurple100:"#8c35c4",colorPurple110:"#7a29ab",colorPurple120:"#671e93",colorPurple130:"#55147a",colorPurple140:"#430b62",colorPurple150:"#32054a",colorPurple160:"#200132",colorOrange00:"#fcf5f3",colorOrange10:"#f9ebe6",colorOrange20:"#f5ddd4",colorOrange30:"#f1c9b8",colorOrange40:"#eeb498",colorOrange50:"#ec9d71",colorOrange60:"#df8b55",colorOrange70:"#ca7d4a",colorOrange80:"#b66e3f",colorOrange90:"#a26134",colorOrange100:"#8e532a",colorOrange110:"#7a4621",colorOrange120:"#673a17",colorOrange130:"#552d0d",colorOrange140:"#432205",colorOrange150:"#311701",colorOrange160:"#1f0c00",colorYellow00:"#fff6df",colorYellow10:"#fcedc2",colorYellow20:"#fae275",colorYellow30:"#e6d25f",colorYellow40:"#d1c256",colorYellow50:"#bdb24e",colorYellow60:"#aaa246",colorYellow70:"#97933e",colorYellow80:"#858337",colorYellow90:"#74742c",colorYellow100:"#636522",colorYellow110:"#535718",colorYellow120:"#444810",colorYellow130:"#363a08",colorYellow140:"#2a2d03",colorYellow150:"#1d1f01",colorYellow160:"#111200",Group:"HorizontalGroup-Group_3gtvm"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/hooks/ColorVisionA11y/stories/Playground.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".Playground-Boxes_2AX6P{display:flex}.Playground-Box_TvHlX{height:100px;width:100px;margin:10px}.Playground-Texts_3HJrx{display:flex}.Playground-Texts_3HJrx p{text-transform:capitalize;margin:0 20px 0 0}.Playground-Buttons_1vW7g{display:flex}.Playground-Button_2y-Jb{margin:0 20px 0 0}",""]),exports.locals={Boxes:"Playground-Boxes_2AX6P",Box:"Playground-Box_TvHlX",Texts:"Playground-Texts_3HJrx",Buttons:"Playground-Buttons_1vW7g",Button:"Playground-Button_2y-Jb"},module.exports=exports},"./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LineSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),line=__webpack_require__("./node_modules/d3-shape/src/line.js"),src_area=__webpack_require__("./node_modules/d3-shape/src/area.js"),usePrevious=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePrevious.ts"),LinearGradientWithStops=__webpack_require__("./packages/polaris-viz-core/src/components/LinearGradientWithStops/LinearGradientWithStops.tsx"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),curveStepRounded=__webpack_require__("./packages/polaris-viz-core/src/utilities/curveStepRounded.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),getGradientFromColor=__webpack_require__("./packages/polaris-viz-core/src/utilities/getGradientFromColor.ts"),getColorVisionStylesForActiveIndex=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionStylesForActiveIndex.ts"),getColorVisionEventAttrs=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionEventAttrs.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),react_spring_core_esm=__webpack_require__("./node_modules/@react-spring/core/dist/react-spring-core.esm.js"),useSpringConfig=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSpringConfig.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/DefaultArea/DefaultArea.tsx#DefaultArea"]={docgenInfo:DefaultArea.__docgenInfo,name:"DefaultArea",path:"packages/polaris-viz-core/src/components/LineSeries/components/DefaultArea/DefaultArea.tsx#DefaultArea"})}catch(__react_docgen_typescript_loader_error){}var MASK_GRADIENT=[{offset:20,color:"white"},{offset:100,color:"black"}];function SparkArea(_ref){var areaPath=_ref.areaPath,color=_ref.color,gradientId=Object(react.useMemo)((function(){return Object(uniqueId.a)("spark-area-gradient")}),[]),maskId=Object(react.useMemo)((function(){return Object(uniqueId.a)("spark-area-mask")}),[]),areaGradientColor=function getGradientFill(color){return null==color?null:Object(getGradientFromColor.a)(color)}(color),_usePolarisVizContext=Object(usePolarisVizContext.a)(),_usePolarisVizContext2=_usePolarisVizContext.components,Defs=_usePolarisVizContext2.Defs,Mask=_usePolarisVizContext2.Mask,Path=_usePolarisVizContext2.Path,AnimatedPath=(0,_usePolarisVizContext.animated)(Path);return null==areaGradientColor?null:Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsxs)(Defs,{children:[Object(jsx_runtime.jsx)(Mask,{id:maskId,children:Object(jsx_runtime.jsx)(AnimatedPath,{fill:"url(#"+maskId+"-gradient)",d:areaPath})}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:maskId+"-gradient",y1:"0%",y2:"100%",gradient:MASK_GRADIENT}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:gradientId,y1:"100%",y2:"0%",gradient:areaGradientColor})]}),Object(jsx_runtime.jsx)(AnimatedPath,{d:areaPath,fill:"url(#"+gradientId+")",mask:"url(#"+maskId+")",opacity:"0.2"})]})}try{SparkArea.displayName="SparkArea",SparkArea.__docgenInfo={description:"",displayName:"SparkArea",props:{color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"Color"}},areaPath:{defaultValue:null,description:"",name:"areaPath",required:!0,type:{name:"string | SpringValue"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/SparkArea/SparkArea.tsx#SparkArea"]={docgenInfo:SparkArea.__docgenInfo,name:"SparkArea",path:"packages/polaris-viz-core/src/components/LineSeries/components/SparkArea/SparkArea.tsx#SparkArea"})}catch(__react_docgen_typescript_loader_error){}function Area(_ref){var areaPath=_ref.areaPath,series=_ref.series,type=_ref.type;return!0===series.isComparison?null:"spark"===type?Object(jsx_runtime.jsx)(SparkArea,{color:series.color,areaPath:areaPath}):Object(jsx_runtime.jsx)(DefaultArea,{series:series,areaPath:areaPath})}try{Area.displayName="Area",Area.__docgenInfo={description:"",displayName:"Area",props:{series:{defaultValue:null,description:"",name:"series",required:!0,type:{name:"LineChartDataSeriesWithDefaults"}},areaPath:{defaultValue:null,description:"",name:"areaPath",required:!0,type:{name:"string | SpringValue"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:'"default" | "spark"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/components/Area/Area.tsx#Area"]={docgenInfo:Area.__docgenInfo,name:"Area",path:"packages/polaris-viz-core/src/components/LineSeries/components/Area/Area.tsx#Area"})}catch(__react_docgen_typescript_loader_error){}function AnimatedArea_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function AnimatedArea(_ref){var immediate=_ref.immediate,fromData=_ref.fromData,toData=_ref.toData,zeroLineData=_ref.zeroLineData,delay=_ref.delay,areaGenerator=_ref.areaGenerator,type=_ref.type,mounted=Object(react.useRef)(!1),springConfig=Object(useSpringConfig.a)({shouldAnimate:!immediate,animationDelay:immediate?0:delay,mountedSpringConfig:constants.T,unmountedSpringConfig:constants.S}),_useSpring=Object(react_spring_core_esm.useSpring)(function AnimatedArea_objectSpread(target){for(var i=1;i"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}},activeLineIndex:{defaultValue:{value:"-1"},description:"",name:"activeLineIndex",required:!1,type:{name:"number"}},hiddenIndexes:{defaultValue:{value:"[]"},description:"",name:"hiddenIndexes",required:!1,type:{name:"number[]"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:'"default" | "spark"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx#LineSeries"]={docgenInfo:LineSeries.__docgenInfo,name:"LineSeries",path:"packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx#LineSeries"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz-core/src/components/LineSeries/stories sync ^\\.[\\\\/](?:LineSeries\\.stories\\.tsx)$":function(module,exports,__webpack_require__){var map={"./LineSeries.stories.tsx":"./packages/polaris-viz-core/src/components/LineSeries/stories/LineSeries.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/components/LineSeries/stories sync ^\\.[\\\\/](?:LineSeries\\.stories\\.tsx)$"},"./packages/polaris-viz-core/src/components/LineSeries/stories/LineSeries.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"isComparison",(function(){return isComparison}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__),d3_scale__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/d3-scale/src/linear.js"),_LineSeries__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),_constants__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),___WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSparkLine.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i` by ID."}}},argTypes:{id:{control:!1,description:"A unique ID to be used by the SVG element referencing the gradient."},gradient:{description:"An array of stops that describe the gradient. [GradientStop type definition.]()"},gradientUnits:{description:"The [coordinate system](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/gradientUnits) used for the gradient. Can be a length or percent."},x1:{description:"The [x starting point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x1) used for the gradient. Can be a length or percent."},x2:{description:"The [x ending point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x2) used for the gradient. Can be a length or percent."},y1:{description:"The [y starting point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y1) used for the gradient. Can be a length or percent."},y2:{description:"The [y ending point](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y2) used for the gradient. Can be a length or percent."}}};var Default=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("svg",{viewBox:"0 0 500 500",xmlns:_constants__WEBPACK_IMPORTED_MODULE_12__.ob,height:500,width:500,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_LinearGradientWithStops__WEBPACK_IMPORTED_MODULE_11__.a,_objectSpread({},args)),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("rect",{x:"0",y:"0",width:"500",height:"500",fill:"url(#sampleGradient)"})]})}.bind({});Default.args={id:"sampleGradient",gradient:[{color:"#39337f",offset:0},{color:"#5052b3",offset:50},{color:"#1bbe9e",offset:100}]}},"./packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SparkBarSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),toConsumableArray=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js")),toConsumableArray_default=__webpack_require__.n(toConsumableArray),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),band=__webpack_require__("./node_modules/d3-scale/src/band.js"),getGradientFromColor=__webpack_require__("./packages/polaris-viz-core/src/utilities/getGradientFromColor.ts");function _createForOfIteratorHelperLoose(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0;return function(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&(hasPositives=!0),hasNegatives&&hasPositives)break}var range=[height,8];return hasNegatives&&hasPositives?range=[height-8,8]:hasNegatives&&(range=[height-8,0]),range}(defaultData.data,height)).domain([Math.min.apply(Math,toConsumableArray_default()(filteredData).concat([targetValue,0])),Math.max.apply(Math,toConsumableArray_default()(filteredData).concat([targetValue,0]))]),targetLineYPosition=yScale(targetValue),xScale=Object(band.a)().range([offsetLeft,width-offsetRight]).paddingInner(.3).domain(defaultData.data.map((function(_,index){return index.toString()}))),barWidth=Object(react.useMemo)((function(){return xScale.bandwidth()}),[xScale]),strokeDashoffset=null==offsetLeft?-.75:-.75-offsetLeft,getBarHeight=Object(react.useCallback)((function(value){var height=Math.abs(yScale(value)-yScale(0));return Math.max(height,.5*barWidth)}),[barWidth,yScale]),dataWithIndex=defaultData?defaultData.data.map((function(value,index){return{value:value,index:index}})):[],colorToUse=null!=(_defaultData$color=null==defaultData?void 0:defaultData.color)?_defaultData$color:seriesColor;return{dataWithIndex:dataWithIndex,color:Object(getGradientFromColor.a)(colorToUse),strokeDashoffset:strokeDashoffset,barWidth:barWidth,getBarHeight:getBarHeight,xScale:xScale,yScale:yScale,targetLineYPosition:targetLineYPosition,targetLineX1:0-offsetLeft,targetLineX2:width+offsetRight}}var LinearGradientWithStops=__webpack_require__("./packages/polaris-viz-core/src/components/LinearGradientWithStops/LinearGradientWithStops.tsx"),getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts");__webpack_require__("./node_modules/core-js/modules/es.array.fill.js");var getRoundedRectPath=__webpack_require__("./packages/polaris-viz-core/src/utilities/getRoundedRectPath.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Bar(_ref){var _ref$borderRadius=_ref.borderRadius,borderRadius=void 0===_ref$borderRadius?0:_ref$borderRadius,fill=_ref.fill,height=_ref.height,value=_ref.value,width=_ref.width,x=_ref.x,yScale=_ref.yScale,_usePolarisVizContext=Object(usePolarisVizContext.a)(),Path=_usePolarisVizContext.components.Path,AnimatedPath=(0,_usePolarisVizContext.animated)(Path),zeroScale=yScale(0),isNegative=null!=value&&value<0,rotation=isNegative?180:0,xPosition=isNegative?x+width:x,yPosition=Object(react.useMemo)((function(){if(null!=height){var getYPosition=function getYPosition(value){return isNegative?zeroScale+value:zeroScale-value};return"number"==typeof height?getYPosition(height):height.to(getYPosition)}}),[height,isNegative,zeroScale]),style=Object(react.useMemo)((function(){if(null!=yPosition){var getStyle=function getStyle(y){return"translate("+xPosition+" "+y+"), rotate("+rotation+")"};return"number"==typeof yPosition?getStyle(yPosition):yPosition.to(getStyle)}}),[yPosition,xPosition,rotation]),path=Object(react.useMemo)((function(){if(null!=height){var calculatePath=function calculatePath(heightValue){return 0===heightValue?"":Object(getRoundedRectPath.a)({height:heightValue,width:width,borderRadius:borderRadius+" "+borderRadius+" 0 0"})};return"number"==typeof height?calculatePath(height):height.to(calculatePath)}}),[borderRadius,height,width]);return null==value||width<0?null:Object(jsx_runtime.jsx)(AnimatedPath,{d:path,transform:style,fill:fill})}try{Bar.displayName="Bar",Bar.__docgenInfo={description:"",displayName:"Bar",props:{fill:{defaultValue:null,description:"",name:"fill",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}},borderRadius:{defaultValue:{value:"0"},description:"",name:"borderRadius",required:!1,type:{name:"number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/Bar/Bar.tsx#Bar"]={docgenInfo:Bar.__docgenInfo,name:"Bar",path:"packages/polaris-viz-core/src/components/Bar/Bar.tsx#Bar"})}catch(__react_docgen_typescript_loader_error){}var constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");function SparkBarSeries(_ref){var dataLength,data=_ref.data,targetLine=_ref.targetLine,height=_ref.height,shouldAnimate=_ref.shouldAnimate,useTransition=_ref.useTransition,width=_ref.width,theme=_ref.theme,selectedTheme=Object(useTheme.a)(theme),_getSeriesColors=Object(getSeriesColors.a)(1,selectedTheme),seriesColor=slicedToArray_default()(_getSeriesColors,1)[0],_usePolarisVizContext=Object(usePolarisVizContext.a)(),_usePolarisVizContext2=_usePolarisVizContext.components,Defs=_usePolarisVizContext2.Defs,Mask=_usePolarisVizContext2.Mask,G=_usePolarisVizContext2.G,Rect=_usePolarisVizContext2.Rect,Line=_usePolarisVizContext2.Line,AnimatedG=(0,_usePolarisVizContext.animated)(G),id=Object(react.useMemo)((function(){return Object(uniqueId.a)("sparkbar-series")}),[]),clipId=Object(react.useMemo)((function(){return Object(uniqueId.a)("sparkbar-series-clip")}),[]),_useSparkBar=useSparkBar({data:data,height:height,width:width,seriesColor:seriesColor,targetLine:targetLine}),dataWithIndex=_useSparkBar.dataWithIndex,color=_useSparkBar.color,getBarHeight=_useSparkBar.getBarHeight,strokeDashoffset=_useSparkBar.strokeDashoffset,xScale=_useSparkBar.xScale,yScale=_useSparkBar.yScale,barWidth=_useSparkBar.barWidth,targetLineYPosition=_useSparkBar.targetLineYPosition,targetLineX1=_useSparkBar.targetLineX1,targetLineX2=_useSparkBar.targetLineX2,transitions=useTransition(dataWithIndex,{key:function key(_ref2){return _ref2.index},from:{height:0},leave:{height:0},enter:function enter(_ref3){var value=_ref3.value.value;return{height:getBarHeight(null==value?0:value)}},update:function update(_ref4){var value=_ref4.value.value;return{height:getBarHeight(null==value?0:value)}},default:{immediate:!shouldAnimate},trail:shouldAnimate?(dataLength=dataWithIndex.length,500/dataLength):0,config:constants.h}),hasTargetLine=null!=targetLine&&null!=targetLine.value;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(Defs,{children:Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:id,gradient:color,gradientUnits:"userSpaceOnUse",y1:"100%",y2:"0%"})}),Object(jsx_runtime.jsx)(Mask,{id:clipId,children:Object(jsx_runtime.jsx)(AnimatedG,{opacity:hasTargetLine?"0.9":"1",children:transitions((function(_ref5,item,_transition,index){var _item$value$value,barHeight=_ref5.height,xPosition=xScale(index.toString()),height=shouldAnimate?barHeight:getBarHeight(null!=(_item$value$value=item.value.value)?_item$value$value:0);return Object(jsx_runtime.jsx)(Bar,{borderRadius:selectedTheme.bar.borderRadius,x:null==xPosition?0:xPosition,yScale:yScale,value:item.value.value,width:barWidth,height:height,fill:"white"},index)}))})}),Object(jsx_runtime.jsx)(Rect,{fill:"url(#"+id+")",width:width,height:height,mask:"url(#"+clipId+")"}),hasTargetLine?Object(jsx_runtime.jsx)(Line,{stroke:selectedTheme.seriesColors.comparison,strokeWidth:constants.ib,x1:targetLineX1,x2:targetLineX2,y1:targetLineYPosition,y2:targetLineYPosition,strokeLinecap:"round",opacity:"0.9",strokeDashoffset:strokeDashoffset,strokeDasharray:constants.hb}):null]})}try{SparkBarSeries.displayName="SparkBarSeries",SparkBarSeries.__docgenInfo={description:"",displayName:"SparkBarSeries",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},shouldAnimate:{defaultValue:null,description:"",name:"shouldAnimate",required:!0,type:{name:"boolean"}},useTransition:{defaultValue:null,description:"",name:"useTransition",required:!0,type:{name:"{ (data: OneOrMore, props: () => { default?: boolean | SpringProps; immediate?: MatchProp; ... 24 more ...; onDestroyed?: (item: Item, key: Key) => void; } | (Props & { [P in keyof (Pick<...> & { [K in InvalidKeys<...>]: never; })]: (Pick<...> & { [K in I..."}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},targetLine:{defaultValue:null,description:"",name:"targetLine",required:!1,type:{name:"TargetLine"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx#SparkBarSeries"]={docgenInfo:SparkBarSeries.__docgenInfo,name:"SparkBarSeries",path:"packages/polaris-viz-core/src/components/SparkBarSeries/SparkBarSeries.tsx#SparkBarSeries"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz-core/src/constants.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"Y",(function(){return LINE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"E",(function(){return FONT_SIZE})),__webpack_require__.d(__webpack_exports__,"D",(function(){return FONT_FAMILY})),__webpack_require__.d(__webpack_exports__,"ob",(function(){return XMLNS})),__webpack_require__.d(__webpack_exports__,"j",(function(){return BASE_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"Z",(function(){return LOAD_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"fb",(function(){return SHAPE_ANIMATION_HEIGHT_BUFFER})),__webpack_require__.d(__webpack_exports__,"t",(function(){return DEFAULT_BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"k",(function(){return BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"F",(function(){return HORIZONTAL_BAR_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"G",(function(){return HORIZONTAL_BAR_LABEL_OFFSET})),__webpack_require__.d(__webpack_exports__,"H",(function(){return HORIZONTAL_GROUP_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"L",(function(){return HORIZONTAL_SPACE_BETWEEN_SETS})),__webpack_require__.d(__webpack_exports__,"M",(function(){return HORIZONTAL_SPACE_BETWEEN_SINGLE})),__webpack_require__.d(__webpack_exports__,"K",(function(){return HORIZONTAL_SPACE_BETWEEN_CHART_AND_AXIS})),__webpack_require__.d(__webpack_exports__,"i",(function(){return BAR_SPACING})),__webpack_require__.d(__webpack_exports__,"W",(function(){return LINE_ANIMATION_FAST_DURATION})),__webpack_require__.d(__webpack_exports__,"X",(function(){return LINE_ANIMATION_SLOW_DURATION})),__webpack_require__.d(__webpack_exports__,"V",(function(){return LINE_ANIMATION_FAST_COUNT})),__webpack_require__.d(__webpack_exports__,"U",(function(){return LINE_ANIMATION_DURATION_STEP})),__webpack_require__.d(__webpack_exports__,"w",(function(){return DEFAULT_MAX_Y})),__webpack_require__.d(__webpack_exports__,"db",(function(){return MIN_BAR_HEIGHT})),__webpack_require__.d(__webpack_exports__,"B",(function(){return EMPTY_STATE_CHART_MIN})),__webpack_require__.d(__webpack_exports__,"A",(function(){return EMPTY_STATE_CHART_MAX})),__webpack_require__.d(__webpack_exports__,"r",(function(){return ChartMargin})),__webpack_require__.d(__webpack_exports__,"h",(function(){return BARS_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"g",(function(){return BARS_SORT_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"f",(function(){return BARS_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"d",(function(){return AREAS_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"e",(function(){return AREAS_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"S",(function(){return LINES_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"T",(function(){return LINES_TRANSITION_CONFIG})),__webpack_require__.d(__webpack_exports__,"c",(function(){return ARC_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ARC_DATA_CHANGE_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"ab",(function(){return MASK_HIGHLIGHT_COLOR})),__webpack_require__.d(__webpack_exports__,"l",(function(){return COLOR_VARIABLES})),__webpack_require__.d(__webpack_exports__,"x",(function(){return DEFAULT_THEME_NAME})),__webpack_require__.d(__webpack_exports__,"jb",(function(){return THIN_ARC_CORNER_THICKNESS})),__webpack_require__.d(__webpack_exports__,"s",(function(){return DARK_THEME})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return LIGHT_THEME})),__webpack_require__.d(__webpack_exports__,"eb",(function(){return PRINT_THEME})),__webpack_require__.d(__webpack_exports__,"gb",(function(){return STACKED_BAR_GAP})),__webpack_require__.d(__webpack_exports__,"m",(function(){return COLOR_VISION_ACTIVE_OPACITY})),__webpack_require__.d(__webpack_exports__,"o",(function(){return COLOR_VISION_FADED_OPACITY})),__webpack_require__.d(__webpack_exports__,"q",(function(){return COLOR_VISION_SINGLE_ITEM})),__webpack_require__.d(__webpack_exports__,"p",(function(){return COLOR_VISION_GROUP_ITEM})),__webpack_require__.d(__webpack_exports__,"C",(function(){return EXTERNAL_EVENTS_SET_HIDDEN_ITEMS})),__webpack_require__.d(__webpack_exports__,"P",(function(){return LEGENDS_TOP_MARGIN})),__webpack_require__.d(__webpack_exports__,"O",(function(){return LEGENDS_BOTTOM_MARGIN})),__webpack_require__.d(__webpack_exports__,"pb",(function(){return Y_AXIS_CHART_SPACING})),__webpack_require__.d(__webpack_exports__,"N",(function(){return LABEL_AREA_TOP_SPACING})),__webpack_require__.d(__webpack_exports__,"z",(function(){return ELLIPSIS})),__webpack_require__.d(__webpack_exports__,"I",(function(){return HORIZONTAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"J",(function(){return HORIZONTAL_LABEL_TARGET_HEIGHT})),__webpack_require__.d(__webpack_exports__,"y",(function(){return DIAGONAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"bb",(function(){return MAX_DIAGONAL_LABEL_WIDTH})),__webpack_require__.d(__webpack_exports__,"cb",(function(){return MAX_DIAGONAL_VISIBLE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"nb",(function(){return VERTICAL_LABEL_TARGET_WIDTH})),__webpack_require__.d(__webpack_exports__,"mb",(function(){return VERTICAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"v",(function(){return DEFAULT_COMPONENTS})),__webpack_require__.d(__webpack_exports__,"ib",(function(){return STROKE_WIDTH})),__webpack_require__.d(__webpack_exports__,"hb",(function(){return STROKE_DOT_ARRAY_WIDTH})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANIMATION_MARGIN})),__webpack_require__.d(__webpack_exports__,"R",(function(){return LINEAR_LABELS_INNER_PADDING})),__webpack_require__.d(__webpack_exports__,"n",(function(){return COLOR_VISION_EVENT})),__webpack_require__.d(__webpack_exports__,"u",(function(){return DEFAULT_CHART_PROPS})),__webpack_require__.d(__webpack_exports__,"kb",(function(){return TOO_MANY_DATA_POINTS_THRESHOLD})),__webpack_require__.d(__webpack_exports__,"lb",(function(){return TOO_MANY_DATA_SERIES_THRESHOLD}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _TOO_MANY_DATA_POINTS,_HUES,objectWithoutProperties=__webpack_require__("./node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),objectWithoutProperties_default=__webpack_require__.n(objectWithoutProperties),defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),react=__webpack_require__("./node_modules/react/index.js"),_variables=__webpack_require__("./packages/polaris-viz-core/src/styles/shared/_variables.scss"),_variables_default=__webpack_require__.n(_variables),linear=(__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/d3-scale/src/linear.js")),createGradient_createGradient=function createGradient(){for(var _len=arguments.length,colors=new Array(_len),_key=0;_key<_len;_key++)colors[_key]=arguments[_key];colors.reverse();var scale=Object(linear.a)().domain([0,colors.length-1]).range([0,100]);return colors.map((function(color,index){return{offset:scale(index),color:color}}))},types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),_excluded=["children"],_excluded2=["children"],_excluded3=["children"],_excluded4=["children"],_excluded5=["children"],_excluded6=["children"],_excluded7=["children"],_excluded8=["children"],_excluded9=["children"],_excluded10=["children"],_excluded11=["children"],_excluded12=["children"],_excluded13=["children"],_excluded14=["children"],_excluded15=["children"],_excluded16=["children"],_excluded17=["children"],_excluded18=["children"],_excluded19=["children"],_excluded20=["children"],_excluded21=["children"],_excluded22=["children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i `${value}`,\n integersOnly: false,\n max: 100,\n min: 0,\n});\n\n// ticks = [\n// {\n// "value": 0,\n// "formattedValue": "0",\n// "yOffset": 300\n// },\n// {\n// "value": 50,\n// "formattedValue": "50",\n// "yOffset": 150\n// },\n// {\n// "value": 100,\n// "formattedValue": "100",\n// "yOffset": 0\n// }\n// ]\n')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"minLabelSpace")," is used to determine how much space in"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"px")," a label/tick should take up. Smaller number = more labels."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"useUniqueId()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Uses the given slug to create a unique ID string"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-ts"},"const donutId = useUniqueId('Donut');\n\n// => `Donut-103`\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"useBrowserCheck()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Checks the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"userAgent")," and returns ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"true")," for the current browser."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-ts"},"const {isChromium, isSafari, isFirefox} = useBrowserCheck();\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Hooks",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/hooks/useAriaLabel.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useAriaLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js");function useAriaLabel(data){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{xAxisLabelFormatter:void 0,yAxisLabelFormatter:void 0};return Object(react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((function getAriaLabel(_ref){var seriesIndex=_ref.seriesIndex,key=_ref.key,xAxisLabelFormatter=options.xAxisLabelFormatter,yAxisLabelFormatter=options.yAxisLabelFormatter,ariaSeries=data.map((function(_ref2){var name=_ref2.name,data=_ref2.data;return data[seriesIndex]?name+" "+(xAxisLabelFormatter?xAxisLabelFormatter(data[seriesIndex].value):data[seriesIndex].value):""})).join(", ");return key?(yAxisLabelFormatter?yAxisLabelFormatter(key):key)+": "+ariaSeries:""}),[data,options])}},"./packages/polaris-viz-core/src/hooks/useChartContext.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useChartContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_contexts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/contexts/ChartContext.tsx");function useChartContext(){var ChartContextValues=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_1__.a);if(!ChartContextValues)throw new Error("ChartContext is not defined");return ChartContextValues}},"./packages/polaris-viz-core/src/hooks/useChartPositions.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useChartPositions}));var _constants__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_useTheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts");function useChartPositions(_ref){var annotationsHeight=_ref.annotationsHeight,height=_ref.height,width=_ref.width,xAxisHeight=_ref.xAxisHeight,yAxisWidth=_ref.yAxisWidth,horizontalMargin=Object(_useTheme__WEBPACK_IMPORTED_MODULE_1__.a)().grid.horizontalMargin,chartXPosition=horizontalMargin+yAxisWidth+_constants__WEBPACK_IMPORTED_MODULE_0__.pb,chartYPosition=_constants__WEBPACK_IMPORTED_MODULE_0__.r.Top+annotationsHeight,drawableHeight=height-chartYPosition-xAxisHeight-_constants__WEBPACK_IMPORTED_MODULE_0__.N;return{chartXPosition:chartXPosition,chartYPosition:chartYPosition,drawableHeight:drawableHeight,drawableWidth:width-chartXPosition-horizontalMargin,xAxisBounds:{x:chartXPosition,y:drawableHeight+_constants__WEBPACK_IMPORTED_MODULE_0__.N+chartYPosition},yAxisBounds:{x:horizontalMargin,y:chartYPosition}}}},"./packages/polaris-viz-core/src/hooks/useFilteredSparkLineData.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useFilteredSparkLineData}));__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js");function useFilteredSparkLineData(data){var allNumbers=Object(react__WEBPACK_IMPORTED_MODULE_6__.useMemo)((function(){return data.length<=1?[]:data.reduce((function(prev,cur){var numbers=cur.data.map((function(_ref){return _ref.value})).filter((function(value){return null!==value}));return prev.concat.apply(prev,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(numbers))}),[])}),[data]),areAllZeros=Object(react__WEBPACK_IMPORTED_MODULE_6__.useMemo)((function(){return!allNumbers.some((function(num){return null!==num&&0!==num}))}),[allNumbers]);return data.length>1&&areAllZeros?data.filter((function(_ref2){return!0!==_ref2.isComparison})):data}},"./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePolarisVizContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/contexts/PolarisVizContext.ts");function usePolarisVizContext(){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_1__.a)}},"./packages/polaris-viz-core/src/hooks/usePrevious.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){ref.current=value}),[value]),ref.current}},"./packages/polaris-viz-core/src/hooks/useSparkLine.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSparkLine}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__),d3_scale__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/d3-scale/src/linear.js");function useSparkLine(_ref){var data=_ref.data,height=_ref.height,_ref$svgMargin=_ref.svgMargin,svgMargin=void 0===_ref$svgMargin?2:_ref$svgMargin,dataLengths=data.map((function(series){return series.data.length-1})),maxDataLength=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(dataLengths)),yValues=Array.prototype.concat.apply([],data.map((function(_ref2){return _ref2.data.map((function(_ref3){return _ref3.value}))}))),minYValues=Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),maxYValues=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),rangeStart=height-svgMargin,rangeEnd=svgMargin;return 0===minYValues&&0===maxYValues&&(rangeEnd=rangeStart),{minXDomain:0,maxXDomain:maxDataLength,yScale:Object(d3_scale__WEBPACK_IMPORTED_MODULE_3__.a)().range([rangeStart,rangeEnd]).domain([minYValues,maxYValues])}}},"./packages/polaris-viz-core/src/hooks/useSpringConfig.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSpringConfig}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useSpringConfig(_ref){var _ref$animationDelay=_ref.animationDelay,animationDelay=void 0===_ref$animationDelay?0:_ref$animationDelay,_ref$shouldAnimate=_ref.shouldAnimate,shouldAnimate=void 0===_ref$shouldAnimate||_ref$shouldAnimate,mountedSpringConfig=_ref.mountedSpringConfig,unmountedSpringConfig=_ref.unmountedSpringConfig,isMounted=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),delay=shouldAnimate?animationDelay:0;return{config:isMounted.current?mountedSpringConfig:unmountedSpringConfig,default:{immediate:!shouldAnimate},delay:isMounted.current?0:delay,onRest:function onRest(){return isMounted.current=!0}}}},"./packages/polaris-viz-core/src/hooks/useTheme.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTheme}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz-core/src/contexts/PolarisVizContext.ts"),_useChartContext__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts");function useTheme(passedTheme){var _ref,_ref2,_useContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_PolarisVizContext__WEBPACK_IMPORTED_MODULE_2__.a),themes=_useContext.themes,defaultTheme=_useContext.defaultTheme,theme=Object(_useChartContext__WEBPACK_IMPORTED_MODULE_3__.a)().theme,themeName=null!=(_ref=null!=(_ref2=null!=passedTheme?passedTheme:theme)?_ref2:defaultTheme)?_ref:_constants__WEBPACK_IMPORTED_MODULE_1__.x,hasValidTheme=Object.prototype.hasOwnProperty.call(themes,themeName);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){hasValidTheme||console.warn(themeName+" theme not found, falling back to "+_constants__WEBPACK_IMPORTED_MODULE_1__.x+". Did you forget to define it in the PolarisVizProvider?")}),[hasValidTheme,themeName]),hasValidTheme?themes[themeName]:themes[_constants__WEBPACK_IMPORTED_MODULE_1__.x]}},"./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useThemeSeriesColors}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts");function useThemeSeriesColors(series,selectedTheme){return Object(react.useMemo)((function(){var seriesCount=function getFilteredSeries(series){var _series$filter$length;return null!=(_series$filter$length=series.filter((function(item){if(!0!==item.isComparison)return!0})).length)?_series$filter$length:0}(series),seriesColors=Object(getSeriesColors.a)(seriesCount,selectedTheme),lastUsedColorIndex=-1;return series.map((function(_ref){var color=_ref.color;return!0===_ref.isComparison?selectedTheme.seriesColors.comparison:color||((lastUsedColorIndex+=1)===seriesColors.length&&(lastUsedColorIndex=0),seriesColors[lastUsedColorIndex])}))}),[series,selectedTheme])}},"./packages/polaris-viz-core/src/hooks/useUniqueId.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useUniqueId}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_utilities__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts");function useUniqueId(slug){return Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(Object(_utilities__WEBPACK_IMPORTED_MODULE_1__.a)(slug)).current}},"./packages/polaris-viz-core/src/hooks/useYScale.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useYScale}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),maxIndex=__webpack_require__("./node_modules/d3-array/src/maxIndex.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");var estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts");function useYScale(_ref){var drawableHeight=_ref.drawableHeight,formatYAxisLabel=_ref.formatYAxisLabel,_ref$integersOnly=_ref.integersOnly,integersOnly=void 0!==_ref$integersOnly&&_ref$integersOnly,max=_ref.max,min=_ref.min,_ref$shouldRoundUp=_ref.shouldRoundUp,shouldRoundUp=void 0===_ref$shouldRoundUp||_ref$shouldRoundUp,_ref$verticalOverflow=_ref.verticalOverflow,verticalOverflow=void 0===_ref$verticalOverflow||_ref$verticalOverflow,fixedWidth=_ref.fixedWidth,maxYOverride=_ref.maxYOverride,characterWidths=Object(useChartContext.a)().characterWidths;if(null!=maxYOverride&&maxYOverride<0)throw new Error("maxYOverride must be a non-negative number.");var _useMemo=Object(react.useMemo)((function(){var isDataEmpty=0===min&&0===max,minY=min,maxY=isDataEmpty?constants.w:max;return null!=maxYOverride&&isDataEmpty&&(maxY=maxYOverride),integersOnly?[Math.floor(minY),Math.ceil(maxY)]:[minY,maxY]}),[min,max,integersOnly,maxYOverride]),_useMemo2=slicedToArray_default()(_useMemo,2),minY=_useMemo2[0],maxY=_useMemo2[1],_useMemo3=Object(react.useMemo)((function(){var maxTicks=Math.max(1,Math.ceil(drawableHeight/80)),yScale=Object(linear.a)().range([drawableHeight,0]).domain([Math.min(0,minY),Math.max(0,maxY)]);if(!verticalOverflow||shouldRoundUp&&function shouldRoundScaleUp(_ref){var yScale=_ref.yScale,maxTicks=_ref.maxTicks,maxValue=_ref.maxValue,roundedUpTicks=yScale.copy().nice(maxTicks).ticks(maxTicks),lastTick=roundedUpTicks[roundedUpTicks.length-1],secondLastTick=roundedUpTicks[roundedUpTicks.length-2];return maxValue-secondLastTick>(lastTick-secondLastTick)/2}({yScale:yScale,maxValue:maxY,maxTicks:maxTicks}))yScale.nice(maxTicks);else{var roundedDownMin=yScale.copy().nice(maxTicks).ticks(maxTicks)[0];yScale.domain([Math.min(roundedDownMin,minY),Math.max(0,maxY)])}var ticks=(integersOnly?yScale.ticks(maxTicks).filter((function(tick){return Number.isInteger(tick)})):yScale.ticks(maxTicks)).map((function(value){return{value:value,formattedValue:formatYAxisLabel(value),yOffset:yScale(value)}})),longestYAxisLabel=Object(maxIndex.a)(ticks,(function(_ref2){var formattedValue=_ref2.formattedValue;return null==formattedValue?0:formattedValue.length})),text=ticks[longestYAxisLabel]?ticks[longestYAxisLabel].formattedValue:"",yAxisLabelWidth=Object(estimateStringWidth.a)(text,characterWidths);return{yScale:yScale,ticks:ticks,yAxisLabelWidth:yAxisLabelWidth}}),[verticalOverflow,shouldRoundUp,characterWidths,drawableHeight,formatYAxisLabel,integersOnly,maxY,minY]);return{yScale:_useMemo3.yScale,ticks:_useMemo3.ticks,yAxisLabelWidth:getLabelWidth(_useMemo3.yAxisLabelWidth,fixedWidth)}}function getLabelWidth(yAxisLabelWidth,fixedWidth){return!1===fixedWidth||null==fixedWidth?yAxisLabelWidth:fixedWidth}},"./packages/polaris-viz-core/src/styles/shared/_variables.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz-core/src/styles/shared/_variables.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz-core/src/types.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var DataType,ChartState,InternalChartType,Hue;__webpack_require__.d(__webpack_exports__,"b",(function(){return DataType})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartState})),__webpack_require__.d(__webpack_exports__,"d",(function(){return InternalChartType})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Hue})),function(DataType){DataType.Point="Point",DataType.BarGroup="BarGroup",DataType.Bar="Bar"}(DataType||(DataType={})),function(ChartState){ChartState.Loading="Loading",ChartState.Error="Error",ChartState.Success="Success"}(ChartState||(ChartState={})),function(InternalChartType){InternalChartType.Bar="Bar",InternalChartType.Combo="Combo",InternalChartType.Line="Line"}(InternalChartType||(InternalChartType={})),function(Hue){Hue.Teal="Teal",Hue.Blue="Blue",Hue.Indigo="Indigo",Hue.Purple="Purple",Hue.Magenta="Magenta",Hue.Orange="Orange",Hue.Yellow="Yellow"}(Hue||(Hue={}))},"./packages/polaris-viz-core/src/utilities/ColorScale sync ^\\.[\\\\/](?:ColorScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./ColorScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/ColorScale/ColorScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/ColorScale sync ^\\.[\\\\/](?:ColorScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/ColorScale/ColorScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/ColorScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/OpacityScale sync ^\\.[\\\\/](?:OpacityScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./OpacityScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/OpacityScale/OpacityScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/OpacityScale sync ^\\.[\\\\/](?:OpacityScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/OpacityScale/OpacityScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/OpacityScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/changeColorOpacity.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return changeColorOpacity})),__webpack_require__.d(__webpack_exports__,"b",(function(){return changeGradientOpacity}));__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var d3_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/d3-color/src/color.js");function changeColorOpacity(colorString){var opacity=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,rgbColor=Object(d3_color__WEBPACK_IMPORTED_MODULE_4__.a)(colorString);if(null==rgbColor)throw new Error("Color value is not valid.");return rgbColor.opacity=opacity,rgbColor.toString()}function changeGradientOpacity(gradient){var opacity=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return gradient.map((function(_ref){return{offset:_ref.offset,color:changeColorOpacity(_ref.color,opacity)}}))}},"./packages/polaris-viz-core/src/utilities/clamp.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";function clamp(_ref){var amount=_ref.amount,min=_ref.min,max=_ref.max;return Math.min(Math.max(amount,min),max)}__webpack_require__.d(__webpack_exports__,"a",(function(){return clamp}))},"./packages/polaris-viz-core/src/utilities/curveStepRounded.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return curveStepRounded}));__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/classCallCheck.js"),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/createClass.js"),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__),CurveStepRounded=function(){function CurveStepRounded(_context,config){_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this,CurveStepRounded),this._context=_context,this.config=config,this._shift=.5}return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(CurveStepRounded,[{key:"areaStart",value:function areaStart(){this._line=0}},{key:"areaEnd",value:function areaEnd(){this._line=NaN}},{key:"lineStart",value:function lineStart(){this._x=NaN,this._y=NaN,this._point=0}},{key:"lineEnd",value:function lineEnd(){this._shift>0&&this._shift<1&&2===this._point&&this._context.lineTo(this._x,this._y),(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line>=0&&(this._shift=1-this._shift,this._line=1-this._line)}},{key:"point",value:function point(rawX,rawY){var x=Number(rawX),y=Number(rawY);if(0===this._point)this._point=1,this._line?this._context.lineTo(x,y):this._context.moveTo(x,y);else if(1===this._point&&(this._point=2),this._shift<=0)this._context.lineTo(this._x,y),this._context.lineTo(x,y);else{var x1=this._x*(1-this._shift)+x*this._shift,pointOffset=(x-this._x)*(this.config.distance/2),roundness=this.config.roundness,points=[[x1-pointOffset,this._y],[x1+pointOffset,y]],xDistance=points[1][0]-points[0][0],controlPoints=[[points[0][0]+xDistance*roundness,points[0][1]],[points[1][0]-xDistance*roundness,points[1][1]]];this._context.lineTo(points[0][0],points[0][1]),this._context.bezierCurveTo(controlPoints[0][0],controlPoints[0][1],controlPoints[1][0],controlPoints[1][1],points[1][0],points[1][1])}this._x=x,this._y=y}}]),CurveStepRounded}();function curveStepRounded(context){return new CurveStepRounded(context,{distance:.99,roundness:.59})}},"./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return estimateStringWidth}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _createForOfIteratorHelperLoose(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0;return function(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&function isDataGroup(object){return Object.prototype.hasOwnProperty.call(object,"shape")&&Object.prototype.hasOwnProperty.call(object,"series")}(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(array,1)[0])}},"./packages/polaris-viz-core/src/utilities/isGradientType.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isGradientType}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js");function isGradientType(color){return Array.isArray(color)&&color.every((function(item){return function isGradientStopType(item){return null!=item.offset&&"number"==typeof item.offset&&null!=item.color&&"string"==typeof item.color}(item)}))}},"./packages/polaris-viz-core/src/utilities/isLargeDataSet.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isLargeDataSet_isLargeDataSet}));__webpack_require__("./node_modules/core-js/modules/es.array.some.js");var constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),isDataGroup=__webpack_require__("./packages/polaris-viz-core/src/utilities/isDataGroup.ts"),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray);function isDataSeriesArray(array){return array.length>0&&function isDataSeries(object){if(object.data&&object.data.length>0){var dataPoint=slicedToArray_default()(object.data,1)[0];return Object.prototype.hasOwnProperty.call(dataPoint,"value")&&Object.prototype.hasOwnProperty.call(dataPoint,"key")}return!1}(slicedToArray_default()(array,1)[0])}var hasTooManyDataPoints=function hasTooManyDataPoints(seriesArray,threshold){return seriesArray.some((function(series){return series.data.length>threshold}))};function isLargeDataSet_isLargeDataSet(data,chartType){var isLargeDataSet=!1;if(null==chartType)return!1;var thresholdForChart=constants.kb[chartType];if(null==thresholdForChart)return!1;isDataSeriesArray(data)&&(isLargeDataSet=hasTooManyDataPoints(data,thresholdForChart)),Object(isDataGroup.a)(data)&&(isLargeDataSet=data.some((function(dataGroup){return hasTooManyDataPoints(dataGroup.series,thresholdForChart)})));var hasManySeries=data.length>constants.lb;return isLargeDataSet||hasManySeries}},"./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return isValueWithinDomain}));var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);function isValueWithinDomain(value,domain){return value>=Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(domain))&&value<=Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(domain))}},"./packages/polaris-viz-core/src/utilities/paddingStringToObject.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return paddingStringToObject}));__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__),isValidNumber=function isValidNumber(value){return 0===value||null!=value},paddingStringToObject=function paddingStringToObject(paddingString){var _paddingString$match,_ref=(null==(_paddingString$match=paddingString.match(/\d+/g))?void 0:_paddingString$match.map((function(paddingSide){return isValidNumber(paddingSide)?paddingSide:null})))||[],_ref2=_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref,4),top=_ref2[0],right=_ref2[1],bottom=_ref2[2],left=_ref2[3],hasValidRight=isValidNumber(right),alternateLeft=hasValidRight?right:top;return{paddingTop:Number(top),paddingRight:Number(hasValidRight?right:top),paddingBottom:Number(isValidNumber(bottom)?bottom:top),paddingLeft:Number(isValidNumber(left)?left:alternateLeft)}}},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeColorOpacity\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./changeColorOpacity.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/changeColorOpacity.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeColorOpacity\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeGradientOpacity\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./changeGradientOpacity.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/changeGradientOpacity.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:changeGradientOpacity\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:clamp\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./clamp.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/clamp.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:clamp\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createCSSConicGradient\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createCSSConicGradient.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createCSSConicGradient.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createCSSConicGradient\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createGradient\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createGradient.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createGradient.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createGradient\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createTheme\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createTheme.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/createTheme.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:createTheme\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:curveStepRounded\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./curveStepRounded.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/curveStepRounded.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:curveStepRounded\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:estimateStringWidth\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./estimateStringWidth.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/estimateStringWidth.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:estimateStringWidth\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getAverageColor\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getAverageColor.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getAverageColor.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getAverageColor\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getFilteredSeries\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getFilteredSeries.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getFilteredSeries.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getFilteredSeries\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getSeriesColors\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getSeriesColors.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getSeriesColors.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getSeriesColors\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getValueFromXScale\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./getValueFromXScale.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/getValueFromXScale.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:getValueFromXScale\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isGradientType\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./isGradientType.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/isGradientType.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isGradientType\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isValueWithinDomain\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./isValueWithinDomain.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/isValueWithinDomain.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:isValueWithinDomain\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:paddingStringToObject\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./paddingStringToObject.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/paddingStringToObject.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:paddingStringToObject\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:removeFalsyValues\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./removeFalsyValues.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/removeFalsyValues.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:removeFalsyValues\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:uniqueId\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./uniqueId.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/uniqueId.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:uniqueId\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:useSVGBlurEvents\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./useSVGBlurEvents.stories.mdx":"./packages/polaris-viz-core/src/utilities/stories/useSVGBlurEvents.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-core/src/utilities/stories sync ^\\.[\\\\/](?:useSVGBlurEvents\\.stories\\.mdx)$"},"./packages/polaris-viz-core/src/utilities/stories/changeColorOpacity.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/changeColorOpacity",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/changeGradientOpacity.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/changeGradientOpacity",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/clamp.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/clamp",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createCSSConicGradient.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("Meta"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"iimport {Meta, Story, Canvas} from '@storybook/addon-docs';"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Meta,{title:"Shared/Utilities/Color Manipulation/createCSSConicGradient",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"UtilitiesHeader"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"createCSSConicGradient()")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Returns a css conic gradient from the provided gradient."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-tsx"},"const gradient: gradientStop[] = [\n {color: 'red', offset: 0},\n {color: 'green', offset: 100},\n];\n\nconst conicGradient = createCSSConicGradient(gradient);\n\n// conic-gradient(red 0%, green 100%)\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__.a,{mdxType:"Divider"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/createCSSConicGradient",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createGradient.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/createGradient",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/createTheme.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/addon-links/react.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Theme Handling/createTheme",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/curveStepRounded.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i()\n .x((_, index) => (xScale == null ? 0 : xScale(index)))\n .y(({value}) => yScale(value ?? 0));\n\n// Apply a nice curve to each line point\ngenerator.curve(curveStepRounded);\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Shape Manipulation/curveStepRounded",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/estimateStringWidth.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/estimateStringWidth",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getAverageColor.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/getAverageColor",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getFilteredSeries.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Data Handling/getFilteredSeries",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getSeriesColors.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Theme Handling/getSeriesColors",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/getValueFromXScale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/getValueFromXScale",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/isGradientType.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Color Manipulation/isGradientType",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/isValueWithinDomain.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/isValueWithinDomain",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/paddingStringToObject.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/CSS to JS/paddingStringToObject",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/removeFalsyValues.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/Data Handling/removeFalsyValues",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/uniqueId.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/uniqueId",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/stories/useSVGBlurEvents.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx"),_polaris_viz_src_components_Docs_stories_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(null);\n\nuseSVGBlurEvents({\n checkFn: () => {\n return document.activeElement === document.body;\n },\n onBlur: () => {\n console.log('onBlur has fired');\n },\n ref,\n});\n")))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Utilities/useSVGBlurEvents",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz-core/src/utilities/uniqueId.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return uniqueId}));var num,uniqueId=(num=0,function(prefix){return prefix+"-"+ ++num})},"./packages/polaris-viz-native/src/components/ChartContainer/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartContainer}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),View=__webpack_require__("./node_modules/react-native-web/dist/exports/View/index.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),isLargeDataSet=__webpack_require__("./packages/polaris-viz-core/src/utilities/isLargeDataSet.ts"),ChartContext=__webpack_require__("./packages/polaris-viz-core/src/contexts/ChartContext.tsx"),paddingStringToObject=__webpack_require__("./packages/polaris-viz-core/src/utilities/paddingStringToObject.ts"),AccessibilityInfo=__webpack_require__("./node_modules/react-native-web/dist/exports/AccessibilityInfo/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i
This component inherits its height and width from its container."}}},component:SparkBarChart,decorators:[function(Story){return Object(jsx_runtime.jsx)("div",{style:{width:"200px",height:"100px"},children:Story()})}],argTypes:{data:{description:"The prop to determine the chart's bars. Null bars will not be plotted. Bars with the value of `0` will render a very small bar to indicate the presence of the value.

Note: We currently only support a single series and a comparison series. Any additional series passed to the data array will be ignored."},accessibilityLabel:{description:"Visually hidden text for screen readers."},dataOffsetLeft:{description:"The amount of pixels to add as a left margin to the bar data."},dataOffsetRight:{description:"The amount of pixels to add as a right margin to the bar data."},isAnimated:{description:"Determines whether to animate the chart on state changes."},theme:{description:"The theme that the chart will inherit its styles from",control:{type:"select",options:["Dark","Light"]}}}};var SparkBarChart_stories_Template=function Template(args){return Object(jsx_runtime.jsx)(SparkBarChart,SparkBarChart_stories_objectSpread({},args))},DEFAULT_PROPS={isAnimated:!0,dimensions:{width:100,height:100},data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:100},{key:6,value:2e3},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]}],accessibilityLabel:"A bar chart showing orders over time for the past 11 weeks. The minimum is 100 orders and the maximum is 1,000 orders, compared to an average of 500 orders during previous 11-week period."},Default=SparkBarChart_stories_Template.bind({});Default.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{targetLine:{value:2e3}});var OffsetAndNulls=SparkBarChart_stories_Template.bind({});OffsetAndNulls.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{dataOffsetLeft:10,dataOffsetRight:20,data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:-300},{key:3,value:null},{key:4,value:400},{key:5,value:0},{key:6,value:0},{key:7,value:400},{key:8,value:700},{key:9,value:900},{key:10,value:500}]}],targetLine:{value:2e3}});var OverwrittenSeriesColors=SparkBarChart_stories_Template.bind({});OverwrittenSeriesColors.args=SparkBarChart_stories_objectSpread(SparkBarChart_stories_objectSpread({},DEFAULT_PROPS),{},{data:[{data:[{key:0,value:100},{key:1,value:200},{key:2,value:-300},{key:3,value:null},{key:4,value:400},{key:5,value:0},{key:6,value:0},{key:7,value:400},{key:8,value:700},{key:9,value:900},{key:10,value:500}],color:"lime"}],targetLine:{value:2e3}})},"./packages/polaris-viz-native/src/components/SparkLineChart/stories sync ^\\.[\\\\/](?:SparkLineChart\\.stories\\.tsx)$":function(module,exports,__webpack_require__){var map={"./SparkLineChart.stories.tsx":"./packages/polaris-viz-native/src/components/SparkLineChart/stories/SparkLineChart.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz-native/src/components/SparkLineChart/stories sync ^\\.[\\\\/](?:SparkLineChart\\.stories\\.tsx)$"},"./packages/polaris-viz-native/src/components/SparkLineChart/stories/SparkLineChart.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default})),__webpack_require__.d(__webpack_exports__,"withoutSpline",(function(){return withoutSpline})),__webpack_require__.d(__webpack_exports__,"OffsetAndNulls",(function(){return OffsetAndNulls})),__webpack_require__.d(__webpack_exports__,"OverwrittenSeriesColors",(function(){return OverwrittenSeriesColors})),__webpack_require__.d(__webpack_exports__,"ZeroSeries",(function(){return ZeroSeries}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),react=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js")),View=__webpack_require__("./node_modules/react-native-web/dist/exports/View/index.js"),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useFilteredSparkLineData=__webpack_require__("./packages/polaris-viz-core/src/hooks/useFilteredSparkLineData.ts"),useThemeSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),useSparkLine=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSparkLine.ts"),LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),ChartContainer=__webpack_require__("./packages/polaris-viz-native/src/components/ChartContainer/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i
This component inherits its height and width from its container."}},native:!0},decorators:[function(Story){return Object(jsx_runtime.jsx)("div",{children:Story()})}],argTypes:{data:{description:"The SparkLineChart can show one data series or a set of comparison data series. Each series is configured by the series item in the array."},accessibilityLabel:{description:"Visually hidden text for screen readers. Make sure to write [informative alt text.](https://medium.com/nightingale/writing-alt-text-for-data-visualization-2a218ef43f81)"},isAnimated:{description:"Determines whether to animate the chart on state changes."},offsetLeft:{description:"The amount of pixels to add as a left margin to the non-comparison line data."},offsetRight:{description:"The amount of pixels to add as a right margin to the non-comparison line data."},theme:{description:"The theme that the chart will inherit its styles from",control:{type:"select",options:["Dark","Light"]}}}};var SparkLineChart_stories_Template=function Template(args){return Object(jsx_runtime.jsx)("div",{style:{width:"160px"},children:Object(jsx_runtime.jsx)(SparkLineChart,SparkLineChart_stories_objectSpread({},args))})},defaultProps={data:[{data:[{key:0,value:200},{key:1,value:250},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]},{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]}],isAnimated:!0,accessibilityLabel:"Customer growth over time"},Default=SparkLineChart_stories_Template.bind({});Default.args=SparkLineChart_stories_objectSpread({},defaultProps);var withoutSpline=SparkLineChart_stories_Template.bind({});withoutSpline.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{theme:"NoSpline"});var OffsetAndNulls=SparkLineChart_stories_Template.bind({});OffsetAndNulls.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{offsetRight:12,offsetLeft:50,data:[{data:[{key:0,value:100},{key:1,value:50},{key:2,value:null},{key:3,value:200},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:100}]},{isComparison:!0,data:[{key:0,value:20},{key:1,value:20},{key:2,value:20},{key:3,value:20},{key:4,value:20},{key:5,value:20},{key:6,value:20},{key:7,value:20},{key:8,value:20},{key:9,value:20},{key:10,value:20}]}]});var OverwrittenSeriesColors=SparkLineChart_stories_Template.bind({});OverwrittenSeriesColors.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{data:[{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]},{color:"lime",data:[{key:0,value:100},{key:1,value:200},{key:2,value:300},{key:3,value:400},{key:4,value:400},{key:5,value:1e3},{key:6,value:200},{key:7,value:800},{key:8,value:900},{key:9,value:200},{key:10,value:400}]}]});var ZeroSeries=SparkLineChart_stories_Template.bind({});ZeroSeries.args=SparkLineChart_stories_objectSpread(SparkLineChart_stories_objectSpread({},defaultProps),{},{data:[{isComparison:!0,data:[{key:0,value:200},{key:1,value:200},{key:2,value:200},{key:3,value:200},{key:4,value:200},{key:5,value:200},{key:6,value:200},{key:7,value:200},{key:8,value:200},{key:9,value:200},{key:10,value:200}]},{data:[{key:0,value:0},{key:1,value:0},{key:2,value:0},{key:3,value:0},{key:4,value:0},{key:5,value:0},{key:6,value:0},{key:7,value:0},{key:8,value:0},{key:9,value:0},{key:10,value:0}]}]})},"./packages/polaris-viz/src/components/Annotations/Annotations.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/Annotations.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/Annotations.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Annotations_Annotations}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),shouldHideAnnotation=__webpack_require__("./packages/polaris-viz/src/utilities/shouldHideAnnotation.ts"),isShowMoreAnnotationsButtonVisible=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),ShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx"),AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),useChartContext=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts")),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),linear=(__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/d3-scale/src/linear.js"));var clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),checkForHorizontalSpace=__webpack_require__("./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts"),useShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx");function useAnnotationPositions(_ref){var annotations=_ref.annotations,axisLabelWidth=_ref.axisLabelWidth,dataIndexes=_ref.dataIndexes,drawableWidth=_ref.drawableWidth,isShowingAllAnnotations=_ref.isShowingAllAnnotations,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,labelFormatter=_ref.labelFormatter,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var xPosition=function getValueFromXScale(index,xScale){var _ref2,_ref;return xScale instanceof linear.a?null!=(_ref=xScale(Number(index)))?_ref:0:null!=(_ref2=xScale(""+index))?_ref2:0}(dataIndexes[labelFormatter(annotation.startKey)],xScale),textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),rawX=Object(clamp.a)({amount:xPosition,min:xPosition,max:xPosition+axisLabelWidth}),x=Object(clamp.a)({amount:rawX-width/2,min:Annotations_constants.e,max:1/0}),right=x+width;return right>drawableWidth&&(x-=right-drawableWidth),{index:dataIndex,line:{x:rawX,y:0},row:1,width:width,x:x,y:0}}));positions=positions.sort((function(one,two){return one.x-two.x})),Object(checkForHorizontalSpace.a)({positions:positions,totalRows:1}),positions.forEach((function(current){var row=current.row-1;current.y=row*Annotations_constants.b+row*Annotations_constants.d}));var hiddenAnnotationsCount=positions.filter((function(_ref2){return _ref2.row>=constants.d})).length;return{positions:positions,hiddenAnnotationsCount:hiddenAnnotationsCount}}),[annotations,dataIndexes,textWidths,axisLabelWidth,xScale,drawableWidth,labelFormatter]),positions=_useMemo.positions,hiddenAnnotationsCount=_useMemo.hiddenAnnotationsCount,_useShowMoreAnnotatio=Object(useShowMoreAnnotationsButton.a)({isShowingAllAnnotations:isShowingAllAnnotations,positions:positions}),totalRowHeight=_useShowMoreAnnotatio.totalRowHeight,rowCount=_useShowMoreAnnotatio.rowCount;return Object(react.useEffect)((function(){onHeightChange(totalRowHeight)}),[onHeightChange,totalRowHeight]),{positions:positions,rowCount:rowCount,hiddenAnnotationsCount:isShowingAllAnnotations?0:hiddenAnnotationsCount}}var Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.scss"),Annotations_default=__webpack_require__.n(Annotations),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Annotations_Annotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,axisLabelWidth=_ref.axisLabelWidth,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,labels=_ref.labels,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,labelFormatter=_ref.labelFormatter,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(!1),_useState4=slicedToArray_default()(_useState3,2),isShowingAllAnnotations=_useState4[0],setIsShowingAllAnnotations=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),ref=_useState6[0],setRef=_useState6[1],formattedLabels=Object(react.useMemo)((function(){return labels.map(labelFormatter)}),[labels,labelFormatter]),_useMemo=Object(react.useMemo)((function(){var dataIndexes={};return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];if(null==annotation||"y"===annotation.axis)return null;var formattedKey=labelFormatter(key);return formattedLabels.includes(formattedKey)?(dataIndexes[formattedKey]=formattedLabels.indexOf(formattedKey),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,formattedLabels,labelFormatter]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useAnnotationPositio=useAnnotationPositions({annotations:annotations,axisLabelWidth:axisLabelWidth,dataIndexes:dataIndexes,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale,labelFormatter:labelFormatter}),hiddenAnnotationsCount=_useAnnotationPositio.hiddenAnnotationsCount,positions=_useAnnotationPositio.positions,rowCount=_useAnnotationPositio.rowCount,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}});var isShowMoreButtonVisible=Object(isShowMoreAnnotationsButtonVisible.a)(rowCount),showMoreButtonOffset=isShowMoreButtonVisible?Annotations_constants.f:0;return Object(jsx_runtime.jsxs)("g",{ref:setRef,tabIndex:-1,className:Annotations_default.a.Group,children:[isShowMoreButtonVisible&&Object(jsx_runtime.jsx)(ShowMoreAnnotationsButton.a,{annotationsCount:hiddenAnnotationsCount,collapseText:annotations[0].collapseButtonText,expandText:annotations[0].expandButtonText,isShowingAllAnnotations:isShowingAllAnnotations,onClick:function handleToggleAllAnnotations(){setIsShowingAllAnnotations(!isShowingAllAnnotations)},tabIndex:annotations.length,width:drawableWidth}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+showMoreButtonOffset+")",children:positions.map((function(position){var line=position.line,y=position.y,row=position.row,index=position.index,annotation=annotations[index];if(Object(shouldHideAnnotation.a)({row:row,isShowingAllAnnotations:isShowingAllAnnotations,rowCount:rowCount}))return null;var hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{size:drawableHeight-showMoreButtonOffset,x:line.x,y:y+Annotations_constants.b}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:line.x,y:y})]},"annotation"+index+annotation.startKey)}))})]})}try{Annotations_Annotations.displayName="Annotations",Annotations_Annotations.__docgenInfo={description:"",displayName:"Annotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},axisLabelWidth:{defaultValue:null,description:"",name:"axisLabelWidth",required:!0,type:{name:"number"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},labelFormatter:{defaultValue:null,description:"",name:"labelFormatter",required:!0,type:{name:"LabelFormatter"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},onHeightChange:{defaultValue:null,description:"",name:"onHeightChange",required:!0,type:{name:"(height: number) => void"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear | ScaleBand"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/Annotations.tsx#Annotations"]={docgenInfo:Annotations_Annotations.__docgenInfo,name:"Annotations",path:"packages/polaris-viz/src/components/Annotations/Annotations.tsx#Annotations"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return YAxisAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),isValueWithinDomain=__webpack_require__("./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),toConsumableArray=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js")),toConsumableArray_default=__webpack_require__.n(toConsumableArray),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts");var useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useEstimateStringWidth=__webpack_require__("./packages/polaris-viz/src/hooks/useEstimateStringWidth.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AnnotationYAxisLabel(_ref){var axis=_ref.axis,label=_ref.label,x=_ref.x,y=_ref.y,selectedTheme=Object(useTheme.a)(),width=Object(useEstimateStringWidth.a)(""+label,10),xOffset="y2"===axis?0:width;return Object(jsx_runtime.jsx)("text",{width:width,height:Annotations_constants.a,y:y,dominantBaseline:"middle",fontSize:10,x:x-xOffset,fill:selectedTheme.annotations.axisLabelColor,children:label})}try{AnnotationYAxisLabel.displayName="AnnotationYAxisLabel",AnnotationYAxisLabel.__docgenInfo={description:"",displayName:"AnnotationYAxisLabel",props:{axis:{defaultValue:null,description:"",name:"axis",required:!0,type:{name:"OptionalDualAxisYAxis"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string | number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationYAxisLabel/AnnotationYAxisLabel.tsx#AnnotationYAxisLabel"]={docgenInfo:AnnotationYAxisLabel.__docgenInfo,name:"AnnotationYAxisLabel",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationYAxisLabel/AnnotationYAxisLabel.tsx#AnnotationYAxisLabel"})}catch(__react_docgen_typescript_loader_error){}var AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.scss"),Annotations_default=__webpack_require__.n(Annotations);function YAxisAnnotations(_ref){var _ref$axis=_ref.axis,axis=void 0===_ref$axis?"y":_ref$axis,annotationsLookupTable=_ref.annotationsLookupTable,drawableWidth=_ref.drawableWidth,ticks=_ref.ticks,yScale=_ref.yScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),ref=_useState4[0],setRef=_useState4[1],annotations=Object(react.useMemo)((function(){return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return Object(isValueWithinDomain.a)(Number(annotation.startKey),yScale.domain())?null==annotation||null==annotation.axis||annotation.axis!==axis?null:annotation:null})).filter(Boolean)}}),[annotationsLookupTable,yScale,axis]).annotations,_useYAxisAnnotationPo=function useYAxisAnnotationPositions(_ref){var annotations=_ref.annotations,axis=_ref.axis,drawableWidth=_ref.drawableWidth,ticks=_ref.ticks,yScale=_ref.yScale,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var _yScale,rawY=null!=(_yScale=yScale(Number(annotation.startKey)))?_yScale:0,textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),y=Object(clamp.a)({amount:rawY-Annotations_constants.b/2,min:0,max:1/0}),x="y2"===axis?0:drawableWidth-width;return{index:dataIndex,line:{x:0,y:rawY,width:"y2"===axis?drawableWidth:drawableWidth-(drawableWidth-x)},showYAxisLabel:!0,row:1,width:width,x:x,y:y}}));return positions=positions.sort((function(one,two){return one.y-two.y})),ticks.forEach((function(_ref2){var yOffset=_ref2.yOffset;positions.forEach((function(current){var top=current.line.y-constants.Y/2,bottom=top+constants.Y;yOffset>top&&yOffsetnext.line.y&&(next.showYAxisLabel=!1);var top=current.y,bottom=current.y+Annotations_constants.b;current.row===next.row&&next.y>top&&next.y"}},axis:{defaultValue:{value:"y"},description:"",name:"axis",required:!1,type:{name:"OptionalDualAxisYAxis"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx#YAxisAnnotations"]={docgenInfo:YAxisAnnotations.__docgenInfo,name:"YAxisAnnotations",path:"packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx#YAxisAnnotations"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationContent}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__),react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react-dom/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./packages/polaris-viz-core/src/utilities/changeColorOpacity.ts"),_constants__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.scss"),_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","parentRef"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;idrawableWidth&&(xPosition=drawableWidth-width),Object(react_dom__WEBPACK_IMPORTED_MODULE_13__.createPortal)(Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(Wrapper,{height:"100%",width:"100%",style:{pointerEvents:"none",overflow:"visible"},x:Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__.a)({amount:xPosition,min:0,max:drawableWidth}),y:y,parentRef:parentRef,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("div",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Container,"data-block-tooltip-events":!0,onMouseLeave:onMouseLeave,ref:setRef,style:{width:"fit-content",maxWidth:Math.min(drawableWidth,350),background:Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_16__.a)(selectedTheme.tooltip.backgroundColor,isFirefox?1:_constants__WEBPACK_IMPORTED_MODULE_17__.l)},id:"annotation-content-"+index,role:"dialog",children:[null!=title&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("p",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Title,style:{color:selectedTheme.tooltip.textColor},role:"heading","aria-level":2,children:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("p",{className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Content,style:{color:selectedTheme.tooltip.textColor},"data-is-annotation-content":!0,children:[content,null!=linkUrl&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("a",{href:linkUrl,className:_AnnotationContent_scss__WEBPACK_IMPORTED_MODULE_19___default.a.Link,tabIndex:tabIndex,style:{color:selectedTheme.annotations.linkColor},children:linkText})]})]})}),null!=parentRef?parentRef:document.body)}function Wrapper(_ref2){var children=_ref2.children,parentRef=_ref2.parentRef,theRest=_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10___default()(_ref2,_excluded),Tag=parentRef?"foreignObject":"div";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(Tag,_objectSpread(_objectSpread({},theRest),{},{children:children}))}try{AnnotationContent.displayName="AnnotationContent",AnnotationContent.__docgenInfo={description:"",displayName:"AnnotationContent",props:{annotation:{defaultValue:null,description:"",name:"annotation",required:!0,type:{name:"Annotation"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!0,type:{name:"() => void"}},parentRef:{defaultValue:null,description:"",name:"parentRef",required:!0,type:{name:"SVGElement"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"AnnotationPosition"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx#AnnotationContent"]={docgenInfo:AnnotationContent.__docgenInfo,name:"AnnotationContent",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx#AnnotationContent"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationLabel}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_Labels__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Labels/SingleTextLine.tsx"),_constants__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.scss"),_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");function AnnotationLabel(_ref){var ariaLabel=_ref.ariaLabel,hasContent=_ref.hasContent,index=_ref.index,isVisible=_ref.isVisible,label=_ref.label,position=_ref.position,setActiveIndex=_ref.setActiveIndex,tabIndex=_ref.tabIndex,selectedTheme=Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_1__.a)(),isFirefox=Object(_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_3__.a)().isFirefox,x=position.x,y=position.y,width=position.width,formattedAriaLabel=ariaLabel+": "+label;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("g",{transform:"translate("+x+","+y+")",opacity:isVisible?1:0,"aria-hidden":!0,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("foreignObject",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,style:{overflow:"visible"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{className:_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default.a.Blur,style:{borderRadius:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2}})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("rect",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,fill:selectedTheme.annotations.backgroundColor,ry:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2,opacity:isFirefox?1:selectedTheme.annotations.pillOpacity}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_Labels__WEBPACK_IMPORTED_MODULE_4__.a,{ariaHidden:!0,color:selectedTheme.annotations.textColor,text:label,targetWidth:width-2*_constants__WEBPACK_IMPORTED_MODULE_5__.c+1,y:_constants__WEBPACK_IMPORTED_MODULE_5__.b-_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_2__.Y-1,x:_constants__WEBPACK_IMPORTED_MODULE_5__.c}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[hasContent&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("line",{x1:_constants__WEBPACK_IMPORTED_MODULE_5__.c,x2:width-_constants__WEBPACK_IMPORTED_MODULE_5__.c,y1:_constants__WEBPACK_IMPORTED_MODULE_5__.b-3,y2:_constants__WEBPACK_IMPORTED_MODULE_5__.b-3,stroke:selectedTheme.annotations.textColor,strokeDasharray:"1, 3",strokeWidth:1}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("foreignObject",{height:_constants__WEBPACK_IMPORTED_MODULE_5__.b,width:width,style:{overflow:"visible"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button",{"aria-describedby":"annotation-content-"+index,"aria-label":formattedAriaLabel,className:_AnnotationLabel_scss__WEBPACK_IMPORTED_MODULE_6___default.a.Button,onMouseEnter:function onMouseEnter(){return setActiveIndex(index)},onFocus:function onFocus(){return setActiveIndex(index)},tabIndex:tabIndex,style:{borderRadius:_constants__WEBPACK_IMPORTED_MODULE_5__.b/2},children:label})})]})]})}try{AnnotationLabel.displayName="AnnotationLabel",AnnotationLabel.__docgenInfo={description:"",displayName:"AnnotationLabel",props:{ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!0,type:{name:"string"}},hasContent:{defaultValue:null,description:"",name:"hasContent",required:!0,type:{name:"boolean"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"AnnotationPosition"}},setActiveIndex:{defaultValue:null,description:"",name:"setActiveIndex",required:!0,type:{name:"Dispatch>"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx#AnnotationLabel"]={docgenInfo:AnnotationLabel.__docgenInfo,name:"AnnotationLabel",path:"packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx#AnnotationLabel"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AnnotationLine}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_9__),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.scss"),_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_AnnotationLine_scss__WEBPACK_IMPORTED_MODULE_13__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i void"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!0,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},collapseText:{defaultValue:{value:"Collapse annotations"},description:"",name:"collapseText",required:!1,type:{name:"string"}},expandText:{defaultValue:{value:"Expand annotations"},description:"",name:"expandText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx#ShowMoreAnnotationsButton"]={docgenInfo:ShowMoreAnnotationsButton_ShowMoreAnnotationsButton.__docgenInfo,name:"ShowMoreAnnotationsButton",path:"packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx#ShowMoreAnnotationsButton"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/constants.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return PILL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"c",(function(){return PILL_PADDING})),__webpack_require__.d(__webpack_exports__,"d",(function(){return PILL_ROW_GAP})),__webpack_require__.d(__webpack_exports__,"e",(function(){return PILL_X_MIN})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SHOW_MORE_BUTTON_OFFSET})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANNOTATION_Y_AXIS_LABEL_HEIGHT}));var PILL_HEIGHT=20,PILL_PADDING=10,PILL_ROW_GAP=8,PILL_X_MIN=-10,SHOW_MORE_BUTTON_OFFSET=27,ANNOTATION_Y_AXIS_LABEL_HEIGHT=11.5},"./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useShowMoreAnnotationsButton}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_utilities_isShowMoreAnnotationsButtonVisible__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),_constants__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts");function useShowMoreAnnotationsButton(_ref){var isShowingAllAnnotations=_ref.isShowingAllAnnotations,positions=_ref.positions,rowCount=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(positions.map((function(_ref2){return _ref2.row}))))+1}),[positions]),showMoreButtonOffset=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return isShowingAllAnnotations&&Object(_utilities_isShowMoreAnnotationsButtonVisible__WEBPACK_IMPORTED_MODULE_5__.a)(rowCount)?_constants__WEBPACK_IMPORTED_MODULE_6__.f:0}),[rowCount,isShowingAllAnnotations]),totalRowHeight=Object(react__WEBPACK_IMPORTED_MODULE_3__.useMemo)((function(){return positions.reduce((function(total,_ref3){var y=_ref3.y,row=_ref3.row;return!isShowingAllAnnotations&&row>_constants__WEBPACK_IMPORTED_MODULE_4__.d?total:y>total?y:total}),0)+_constants__WEBPACK_IMPORTED_MODULE_6__.b+_constants__WEBPACK_IMPORTED_MODULE_6__.d+showMoreButtonOffset}),[isShowingAllAnnotations,showMoreButtonOffset,positions]);return{rowCount:rowCount,totalRowHeight:totalRowHeight}}try{useShowMoreAnnotationsButton.displayName="useShowMoreAnnotationsButton",useShowMoreAnnotationsButton.__docgenInfo={description:"",displayName:"useShowMoreAnnotationsButton",props:{isShowingAllAnnotations:{defaultValue:null,description:"",name:"isShowingAllAnnotations",required:!0,type:{name:"boolean"}},positions:{defaultValue:null,description:"",name:"positions",required:!0,type:{name:"AnnotationPosition[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx#useShowMoreAnnotationsButton"]={docgenInfo:useShowMoreAnnotationsButton.__docgenInfo,name:"useShowMoreAnnotationsButton",path:"packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx#useShowMoreAnnotationsButton"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Annotations/utilities/checkAvailableAnnotations.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkAvailableAnnotations}));__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");function checkAvailableAnnotations(annotationsLookupTable){var values=Object.values(annotationsLookupTable);return{hasXAxisAnnotations:values.some((function(_ref){return"x"===_ref.axis})),hasYAxisAnnotations:values.some((function(_ref2){return _ref2.axis.includes("y")}))}}},"./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return checkForHorizontalSpace}));__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__);function checkForHorizontalSpace(_ref){var positions=_ref.positions,totalRows=_ref.totalRows,checkAgain=!1;_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(Array.from({length:totalRows})).forEach((function(_,rowIndex){var currentRow=rowIndex+1;positions.filter((function(_ref2){return _ref2.row===currentRow})).forEach((function(current,index,filtered){var nextRow=currentRow+1,next=filtered[index+1];if(null!=next){var left=current.x,right=current.x+current.width;current.row===next.row&&next.x>left&&next.x>"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}},ticks:{defaultValue:null,description:"",name:"ticks",required:!0,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChartXAxisLabels/HorizontalBarChartXAxisLabels.tsx#HorizontalBarChartXAxisLabels"]={docgenInfo:HorizontalBarChartXAxisLabels.__docgenInfo,name:"HorizontalBarChartXAxisLabels",path:"packages/polaris-viz/src/components/HorizontalBarChartXAxisLabels/HorizontalBarChartXAxisLabels.tsx#HorizontalBarChartXAxisLabels"})}catch(__react_docgen_typescript_loader_error){}var useLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts"),LegendContainer=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx"),GradientDefs=__webpack_require__("./packages/polaris-viz/src/components/shared/GradientDefs/GradientDefs.tsx"),HorizontalGroup=__webpack_require__("./packages/polaris-viz/src/components/shared/HorizontalGroup/HorizontalGroup.tsx"),useColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useHorizontalSeriesColors=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalSeriesColors.ts"),useDataForHorizontalChart=__webpack_require__("./packages/polaris-viz/src/hooks/useDataForHorizontalChart.ts"),useHorizontalStackedValues=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalStackedValues.ts"),useHorizontalXScale=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalXScale.ts"),useHorizontalBarSizes=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalBarSizes.ts"),useChartContext=(__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"));function useBarChartTooltipContent(_ref){var data=_ref.data,renderTooltipContent=_ref.renderTooltipContent,seriesColors=_ref.seriesColors,seriesNameFormatter=_ref.seriesNameFormatter,theme=Object(useChartContext.a)().theme;return Object(react.useCallback)((function(activeIndex){if(-1===activeIndex)return null;var tooltipData=[{shape:"Bar",data:[]}];return data.forEach((function(_ref2,index){var name=_ref2.name,seriesData=_ref2.data,color=_ref2.color,value=seriesData[activeIndex].value;tooltipData[0].data.push({key:""+seriesNameFormatter(null!=name?name:""),value:value,color:null!=color?color:seriesColors[index]})})),renderTooltipContent({data:tooltipData,activeIndex:activeIndex,title:""+data[0].data[activeIndex].key,dataSeries:data,theme:theme})}),[data,seriesColors,theme,renderTooltipContent,seriesNameFormatter])}var useHorizontalTransitions=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalTransitions.ts"),src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts");var eventPoint=__webpack_require__("./packages/polaris-viz/src/utilities/eventPoint.ts"),TooltipWrapper=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/TooltipWrapper.tsx"),TooltipWrapper_constants=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/constants.ts"),VerticalGridLines_VerticalGridLines=function VerticalGridLines(_ref){var chartHeight=_ref.chartHeight,ticks=_ref.ticks,xScale=_ref.xScale,stroke=_ref.stroke;return Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+constants.H+")","aria-hidden":"true",children:ticks.map((function(value,index){return 0===value?null:Object(jsx_runtime.jsx)("line",{y1:0,y2:chartHeight-constants.H,stroke:stroke,transform:"translate("+xScale(value)+",0)"},index)}))})};try{VerticalGridLines_VerticalGridLines.displayName="VerticalGridLines",VerticalGridLines_VerticalGridLines.__docgenInfo={description:"",displayName:"VerticalGridLines",props:{chartHeight:{defaultValue:null,description:"",name:"chartHeight",required:!0,type:{name:"number"}},stroke:{defaultValue:null,description:"",name:"stroke",required:!0,type:{name:"string"}},ticks:{defaultValue:null,description:"",name:"ticks",required:!0,type:{name:"number[]"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/VerticalGridLines/VerticalGridLines.tsx#VerticalGridLines"]={docgenInfo:VerticalGridLines_VerticalGridLines.__docgenInfo,name:"VerticalGridLines",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/VerticalGridLines/VerticalGridLines.tsx#VerticalGridLines"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js");var isValueWithinDomain=__webpack_require__("./packages/polaris-viz-core/src/utilities/isValueWithinDomain.ts"),useSVGBlurEvent=__webpack_require__("./packages/polaris-viz/src/hooks/useSVGBlurEvent.ts"),Annotations_constants=__webpack_require__("./packages/polaris-viz/src/components/Annotations/constants.ts"),ShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/ShowMoreAnnotationsButton/ShowMoreAnnotationsButton.tsx"),AnnotationLine=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLine/AnnotationLine.tsx"),AnnotationLabel=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationLabel/AnnotationLabel.tsx"),AnnotationContent=__webpack_require__("./packages/polaris-viz/src/components/Annotations/components/AnnotationContent/AnnotationContent.tsx"),isShowMoreAnnotationsButtonVisible=__webpack_require__("./packages/polaris-viz/src/utilities/isShowMoreAnnotationsButtonVisible.ts"),shouldHideAnnotation=__webpack_require__("./packages/polaris-viz/src/utilities/shouldHideAnnotation.ts"),estimateStringWidth=(__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts")),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),checkForHorizontalSpace=__webpack_require__("./packages/polaris-viz/src/components/Annotations/utilities/checkForHorizontalSpace.ts"),useShowMoreAnnotationsButton=__webpack_require__("./packages/polaris-viz/src/components/Annotations/hooks/useShowMoreAnnotationsButton.tsx");function HorizontalBarChartXAnnotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(!1),_useState4=slicedToArray_default()(_useState3,2),isShowingAllAnnotations=_useState4[0],setIsShowingAllAnnotations=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),ref=_useState6[0],setRef=_useState6[1],annotations=Object(react.useMemo)((function(){return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return Object(isValueWithinDomain.a)(Number(annotation.startKey),xScale.domain())?null==annotation||null==annotation.axis||"y"===annotation.axis?null:annotation:null})).filter(Boolean)}}),[annotationsLookupTable,xScale]).annotations,_useHorizontalBarChar=function useHorizontalBarChartXAnnotationPositions(_ref){var annotations=_ref.annotations,drawableWidth=_ref.drawableWidth,isShowingAllAnnotations=_ref.isShowingAllAnnotations,onHeightChange=_ref.onHeightChange,xScale=_ref.xScale,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]),_useMemo=Object(react.useMemo)((function(){var positions=annotations.map((function(annotation,dataIndex){var xPosition=xScale(Number(annotation.startKey)),textWidth=textWidths[dataIndex],width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),x=Object(clamp.a)({amount:xPosition-width/2,min:Annotations_constants.e,max:1/0}),right=x+width;return right>drawableWidth&&(x-=right-drawableWidth),{index:dataIndex,line:{x:xPosition,y:0},row:1,width:width,x:x,y:0}}));positions=positions.sort((function(one,two){return one.x-two.x})),Object(checkForHorizontalSpace.a)({positions:positions,totalRows:1}),positions.forEach((function(current){var row=current.row-1;current.y=row*Annotations_constants.b+row*Annotations_constants.d}));var hiddenAnnotationsCount=positions.filter((function(_ref2){return _ref2.row>=src_constants.d})).length;return{positions:positions,hiddenAnnotationsCount:hiddenAnnotationsCount}}),[annotations,textWidths,xScale,drawableWidth]),positions=_useMemo.positions,hiddenAnnotationsCount=_useMemo.hiddenAnnotationsCount,_useShowMoreAnnotatio=Object(useShowMoreAnnotationsButton.a)({isShowingAllAnnotations:isShowingAllAnnotations,positions:positions}),rowCount=_useShowMoreAnnotatio.rowCount,totalRowHeight=_useShowMoreAnnotatio.totalRowHeight;return Object(react.useEffect)((function(){onHeightChange(totalRowHeight)}),[onHeightChange,totalRowHeight]),{positions:positions,rowCount:rowCount,hiddenAnnotationsCount:isShowingAllAnnotations?0:hiddenAnnotationsCount}}({annotations:annotations,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale}),hiddenAnnotationsCount=_useHorizontalBarChar.hiddenAnnotationsCount,positions=_useHorizontalBarChar.positions,rowCount=_useHorizontalBarChar.rowCount,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}});var isShowMoreButtonVisible=Object(isShowMoreAnnotationsButtonVisible.a)(rowCount),showMoreButtonOffset=isShowMoreButtonVisible?Annotations_constants.f:0;return Object(jsx_runtime.jsxs)("g",{ref:setRef,tabIndex:-1,children:[isShowMoreButtonVisible&&Object(jsx_runtime.jsx)(ShowMoreAnnotationsButton.a,{annotationsCount:hiddenAnnotationsCount,collapseText:annotations[0].collapseButtonText,expandText:annotations[0].expandButtonText,isShowingAllAnnotations:isShowingAllAnnotations,onClick:function handleToggleAllAnnotations(){setIsShowingAllAnnotations(!isShowingAllAnnotations)},tabIndex:annotations.length,width:drawableWidth}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+showMoreButtonOffset+")",children:positions.map((function(position){var line=position.line,y=position.y,row=position.row,index=position.index,annotation=annotations[index];if(Object(shouldHideAnnotation.a)({row:row,isShowingAllAnnotations:isShowingAllAnnotations,rowCount:rowCount}))return null;var hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{size:drawableHeight-showMoreButtonOffset,x:line.x,y:y+Annotations_constants.b}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:line.x,y:y})]},"annotation"+index+annotation.startKey)}))})]})}try{HorizontalBarChartXAnnotations.displayName="HorizontalBarChartXAnnotations",HorizontalBarChartXAnnotations.__docgenInfo={description:"",displayName:"HorizontalBarChartXAnnotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},onHeightChange:{defaultValue:null,description:"",name:"onHeightChange",required:!0,type:{name:"(height: number) => void"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartXAnnotations/HorizontalBarChartXAnnotations.tsx#HorizontalBarChartXAnnotations"]={docgenInfo:HorizontalBarChartXAnnotations.__docgenInfo,name:"HorizontalBarChartXAnnotations",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartXAnnotations/HorizontalBarChartXAnnotations.tsx#HorizontalBarChartXAnnotations"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var Y_OFFSET=constants.Y/2;function HorizontalBarChartYAnnotations(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,drawableWidth=_ref.drawableWidth,groupHeight=_ref.groupHeight,labels=_ref.labels,zeroPosition=_ref.zeroPosition,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),ref=_useState4[0],setRef=_useState4[1],_useMemo=Object(react.useMemo)((function(){var dataIndexes={};return{annotations:Object.keys(annotationsLookupTable).map((function(key){var annotation=annotationsLookupTable[key];return labels.includes(key)&&null!=annotation&&"x"!==annotation.axis?(dataIndexes[key]=labels.indexOf(key),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,labels]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useHorizontalBarChar=function useHorizontalBarChartYAnnotationsPositions(_ref){var annotations=_ref.annotations,dataIndexes=_ref.dataIndexes,groupHeight=_ref.groupHeight,drawableWidth=_ref.drawableWidth,zeroPosition=_ref.zeroPosition,characterWidths=Object(useChartContext.a)().characterWidths,textWidths=Object(react.useMemo)((function(){return annotations.map((function(annotation){return Object(estimateStringWidth.a)(annotation.label,characterWidths)}))}),[annotations,characterWidths]);return{positions:Object(react.useMemo)((function(){return{positions:annotations.map((function(annotation,dataIndex){var rawY=dataIndexes[annotation.startKey]*groupHeight+Y_OFFSET,textWidth=textWidths[dataIndex],labelWidth=Object(estimateStringWidth.a)(""+annotation.startKey,characterWidths),width=Object(clamp.a)({amount:textWidth+2*Annotations_constants.c,min:textWidth+2*Annotations_constants.c,max:drawableWidth}),y=Object(clamp.a)({amount:rawY-Annotations_constants.b/2,min:0,max:1/0});return{index:dataIndex,line:{x:zeroPosition+labelWidth+5,y:rawY},row:1,width:width,x:drawableWidth-width,y:y}}))}}),[annotations,dataIndexes,groupHeight,textWidths,drawableWidth,characterWidths,zeroPosition]).positions}}({annotations:annotations,dataIndexes:dataIndexes,drawableWidth:drawableWidth,groupHeight:groupHeight,zeroPosition:zeroPosition}),positions=_useHorizontalBarChar.positions,handleOnMouseLeave=function handleOnMouseLeave(){setActiveIndex(-1)};return Object(useSVGBlurEvent.a)({ref:ref,onBlur:handleOnMouseLeave,checkFn:function checkFn(activeElement){var focusedParent=null==activeElement?void 0:activeElement.parentElement;return"true"!==(null==focusedParent?void 0:focusedParent.dataset.isAnnotationContent)}}),Object(jsx_runtime.jsx)("g",{ref:setRef,tabIndex:-1,children:Object(jsx_runtime.jsx)("g",{transform:"translate(0, 0)",children:positions.map((function(position){var index=position.index,annotation=annotations[index],line=position.line,x=position.x,y=position.y,hasContent=null!=annotation.content,isContentVisible=index===activeIndex&&hasContent,tabIndex=index+1,ariaLabel=""+annotation.startKey;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(AnnotationLine.a,{direction:"horizontal",hasCaret:!1,size:drawableWidth-(drawableWidth-x),x:line.x,y:line.y}),Object(jsx_runtime.jsx)(AnnotationLabel.a,{ariaLabel:ariaLabel,hasContent:hasContent,index:index,isVisible:!isContentVisible,label:annotation.label,position:position,setActiveIndex:setActiveIndex,tabIndex:tabIndex}),isContentVisible&&Object(jsx_runtime.jsx)(AnnotationContent.a,{annotation:annotation,drawableWidth:drawableWidth,index:index,onMouseLeave:handleOnMouseLeave,parentRef:ref,position:position,tabIndex:tabIndex,x:drawableWidth-(drawableWidth-x),y:y})]},"annotation"+index+annotation.startKey)}))})})}try{HorizontalBarChartYAnnotations.displayName="HorizontalBarChartYAnnotations",HorizontalBarChartYAnnotations.__docgenInfo={description:"",displayName:"HorizontalBarChartYAnnotations",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},groupHeight:{defaultValue:null,description:"",name:"groupHeight",required:!0,type:{name:"number"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},zeroPosition:{defaultValue:null,description:"",name:"zeroPosition",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartYAnnotations/HorizontalBarChartYAnnotations.tsx#HorizontalBarChartYAnnotations"]={docgenInfo:HorizontalBarChartYAnnotations.__docgenInfo,name:"HorizontalBarChartYAnnotations",path:"packages/polaris-viz/src/components/HorizontalBarChart/components/HorizontalBarChartYAnnotations/HorizontalBarChartYAnnotations.tsx#HorizontalBarChartYAnnotations"})}catch(__react_docgen_typescript_loader_error){}var utilities=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/utilities.ts");function getAlteredHorizontalBarPosition(props){return props.currentX<0?function getNegativeOffset(props){var bandwidth=props.bandwidth,currentX=props.currentX,currentY=props.currentY,tooltipDimensions=props.tooltipDimensions,flippedX=-1*currentX,yOffset=(bandwidth-tooltipDimensions.height)/2,y=currentY-tooltipDimensions.height;if(flippedX-tooltipDimensions.width<0)return{x:flippedX,y:y<0?0:y};return{x:flippedX-tooltipDimensions.width-utilities.a,y:currentY+constants.H+yOffset}}(props):function getPositiveOffset(props){var bandwidth=props.bandwidth,currentX=props.currentX,currentY=props.currentY,tooltipDimensions=props.tooltipDimensions,chartBounds=props.chartBounds,isOutside=function isOutsideBounds(_ref){var x=_ref.x,y=_ref.y,tooltipDimensions=_ref.tooltipDimensions,chartBounds=_ref.chartBounds,right=x+utilities.a+tooltipDimensions.width,bottom=y+tooltipDimensions.height;return{left:x<=0,right:right>chartBounds.width,bottom:bottom>chartBounds.height,top:y<=0}}({x:currentX,y:currentY,tooltipDimensions:tooltipDimensions,chartBounds:chartBounds});if(isOutside.top&&isOutside.right)return{x:chartBounds.width-tooltipDimensions.width,y:0};if(isOutside.top&&!isOutside.right)return{x:currentX+utilities.a,y:0};if(!isOutside.right&&!isOutside.bottom){var yOffset=(bandwidth-tooltipDimensions.height)/2;return{x:currentX+utilities.a,y:currentY+constants.H+yOffset}}if(isOutside.right){var x=currentX-tooltipDimensions.width,y=currentY-tooltipDimensions.height+constants.H-utilities.a;return y<0?{x:x,y:bandwidth+constants.H+utilities.a}:{x:x,y:y}}if(isOutside.bottom)return{x:currentX+utilities.a,y:chartBounds.height-tooltipDimensions.height-constants.H};return{x:currentX,y:currentY}}(props)}function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,seriesNameFormatter=_ref.seriesNameFormatter,showLegend=_ref.showLegend,type=_ref.type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions;Object(useColorVisionEvents.a)({enabled:data.length>1});var selectedTheme=Object(useTheme.a)(),id=Object(react.useMemo)((function(){return Object(uniqueId.a)("HorizontalBarChart")}),[]),isStacked="stacked"===type,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),svgRef=_useState2[0],setSvgRef=_useState2[1],_useState3=Object(react.useState)(constants.Y),_useState4=slicedToArray_default()(_useState3,2),xAxisHeight=_useState4[0],setXAxisHeight=_useState4[1],_useState5=Object(react.useState)(0),_useState6=slicedToArray_default()(_useState5,2),annotationsHeight=_useState6[0],setAnnotationsHeight=_useState6[1],_useHorizontalSeriesC=Object(useHorizontalSeriesColors.a)(data),longestSeriesCount=_useHorizontalSeriesC.longestSeriesCount,seriesColors=_useHorizontalSeriesC.seriesColors,_useLegend=Object(useLegend.a)({data:[{shape:"Bar",series:data}],dimensions:dimensions,showLegend:showLegend,colors:seriesColors,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,_useDataForHorizontal=Object(useDataForHorizontalChart.a)({data:data,isSimple:!1,isStacked:isStacked,labelFormatter:xAxisOptions.labelFormatter}),allNumbers=_useDataForHorizontal.allNumbers,longestLabel=_useDataForHorizontal.longestLabel,areAllNegative=_useDataForHorizontal.areAllNegative,highestValueForSeries=Object(react.useMemo)((function(){var groups=function formatDataIntoGroups(data){var groups=[];return data.forEach((function(_ref){_ref.data.forEach((function(_ref2,dataIndex){var value=_ref2.value;null!=value&&(groups[dataIndex]?groups[dataIndex].push(value):groups[dataIndex]=[value])}))})),groups}(data);return groups.map((function(numbers){var values=numbers.map((function(value){return value})).filter(Boolean);return 0===values.length?0:areAllNegative?Math.min.apply(Math,toConsumableArray_default()(values)):Math.max.apply(Math,toConsumableArray_default()(values))}))}),[data,areAllNegative]),_useHorizontalStacked=Object(useHorizontalStackedValues.a)({isStacked:isStacked,data:data}),stackedValues=_useHorizontalStacked.stackedValues,stackedMin=_useHorizontalStacked.stackedMin,stackedMax=_useHorizontalStacked.stackedMax,chartYPosition=constants.r.Top+annotationsHeight,drawableHeight=height-xAxisHeight-chartYPosition,_useHorizontalXScale=Object(useHorizontalXScale.a)({allNumbers:allNumbers,stackedMin:stackedMin,stackedMax:stackedMax,isStacked:isStacked,maxWidth:width-longestLabel.negative-longestLabel.positive,labelFormatter:xAxisOptions.labelFormatter,longestLabel:longestLabel}),xScale=_useHorizontalXScale.xScale,ticks=_useHorizontalXScale.ticks,ticksFormatted=_useHorizontalXScale.ticksFormatted,drawableWidth=_useHorizontalXScale.drawableWidth,chartXPosition=_useHorizontalXScale.chartXPosition,_useHorizontalBarSize=Object(useHorizontalBarSizes.a)({chartDimensions:{width:drawableWidth,height:drawableHeight},isSimple:xAxisOptions.hide,isStacked:isStacked,seriesLength:longestSeriesCount,singleBarCount:data.length,xAxisHeight:xAxisHeight}),barHeight=_useHorizontalBarSize.barHeight,chartHeight=_useHorizontalBarSize.chartHeight,groupBarsAreaHeight=_useHorizontalBarSize.groupBarsAreaHeight,groupHeight=_useHorizontalBarSize.groupHeight,annotationsDrawableHeight=chartYPosition+chartHeight+src_constants.a,getTooltipMarkup=useBarChartTooltipContent({data:data,seriesColors:seriesColors,renderTooltipContent:renderTooltipContent,seriesNameFormatter:seriesNameFormatter}),transitions=Object(useHorizontalTransitions.a)({series:data,groupHeight:groupHeight,chartXPosition:chartXPosition}).transitions,zeroPosition=longestLabel.negative+xScale(0),labelWidth=drawableWidth/ticks.length,chartBounds={width:width,height:height,x:chartXPosition,y:0},_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations,unformattedLabels=Object(useFormattedLabels.a)({data:data,labelFormatter:yAxisOptions.labelFormatter}).unformattedLabels,getAriaLabel=Object(useAriaLabel.a)(data,{xAxisLabelFormatter:xAxisOptions.labelFormatter,yAxisLabelFormatter:yAxisOptions.labelFormatter});return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{setRef:setSvgRef,width:width,height:height,children:[!0===xAxisOptions.hide?null:Object(jsx_runtime.jsxs)("g",{transform:"translate("+chartXPosition+", "+chartYPosition+")",children:[Object(jsx_runtime.jsx)(VerticalGridLines_VerticalGridLines,{chartHeight:chartHeight+constants.K,stroke:selectedTheme.grid.color,ticks:ticks,xScale:xScale}),Object(jsx_runtime.jsx)(HorizontalBarChartXAxisLabels,{allowLineWrap:xAxisOptions.allowLineWrap,chartX:-labelWidth/2,chartY:drawableHeight,labels:ticksFormatted,labelWidth:labelWidth,onHeightChange:setXAxisHeight,ticks:ticks,xScale:xScale})]}),Object(jsx_runtime.jsx)(GradientDefs.a,{direction:"horizontal",gradientUnits:isStacked?"objectBoundingBox":"userSpaceOnUse",id:id,seriesColors:seriesColors,size:isStacked?"100%":width+"px"}),Object(jsx_runtime.jsx)("g",{transform:"translate(0, "+chartYPosition+")",children:transitions((function(style,item,_transition,index){var _item$key,_ref2=style,opacity=_ref2.opacity,transform=_ref2.transform,name=null!=(_item$key=item.key)?_item$key:"",ariaLabel=getAriaLabel({seriesIndex:item.index,key:item.key});return Object(jsx_runtime.jsx)(react_spring_web_esm.animated.g,{style:{opacity:opacity,transform:transform},children:Object(jsx_runtime.jsx)(HorizontalGroup.a,{areAllNegative:areAllNegative,ariaLabel:ariaLabel,barHeight:barHeight,containerWidth:width,data:data,groupHeight:groupHeight,id:id,index:index,isSimple:!1,isStacked:isStacked,name:name,stackedValues:stackedValues,xAxisOptions:xAxisOptions,xScale:xScale,yAxisOptions:yAxisOptions,zeroPosition:zeroPosition})},"group-"+name)}))}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+", 0)",children:Object(jsx_runtime.jsx)(HorizontalBarChartXAnnotations,{annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+", "+chartYPosition+")",children:Object(jsx_runtime.jsx)(HorizontalBarChartYAnnotations,{annotationsLookupTable:annotationsLookupTable,drawableWidth:drawableWidth,groupHeight:groupHeight,labels:unformattedLabels,zeroPosition:zeroPosition})})]}),0!==highestValueForSeries.length&&Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:groupBarsAreaHeight,chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getAlteredPosition:getAlteredHorizontalBarPosition,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref3){var event=_ref3.event,index=_ref3.index;if("mouse"===_ref3.eventType&&event){var point=Object(eventPoint.a)(event);if(null==point)return TooltipWrapper_constants.b;var currentPoint=point.svgY-0,currentIndex=Math.floor(currentPoint/groupHeight);return currentIndex<0||currentIndex>longestSeriesCount-1?TooltipWrapper_constants.b:formatPositionForTooltip(currentIndex)}if(null!=index)return formatPositionForTooltip(index);return TooltipWrapper_constants.b},margin:constants.r,parentRef:svgRef}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,dimensions:dimensions,enableHideOverflow:!0,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,renderHiddenLegendLabel:renderHiddenLegendLabel})]});function formatPositionForTooltip(index){if(isStacked)return{x:stackedValues[index].reduce((function(prev,cur){var _cur=slicedToArray_default()(cur,2),start=_cur[0],end=_cur[1];return start<0?prev:prev+(xScale(end)-xScale(start))}),xScale(0)),y:groupHeight*index,activeIndex:index};var highestValue=highestValueForSeries[index],x=chartXPosition+xScale(highestValue);return{x:highestValue<0?-x:x,y:groupHeight*index,activeIndex:index}}}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"ChartType"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/HorizontalBarChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function HorizontalBarChart(_ref){var _ref$annotationsLooku=_ref.annotationsLookupTable,annotationsLookupTable=void 0===_ref$annotationsLooku?{}:_ref$annotationsLooku,data=_ref.data,dimensions=_ref.dimensions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,seriesNameFormatter=_ref.seriesNameFormatter,showLegend=_ref.showLegend,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions;return Object(jsx_runtime.jsx)(Chart,{dimensions:dimensions,annotationsLookupTable:annotationsLookupTable,data:data,renderTooltipContent:renderTooltipContent,seriesNameFormatter:seriesNameFormatter,showLegend:showLegend,type:type,xAxisOptions:xAxisOptions,yAxisOptions:yAxisOptions,renderLegendContent:renderLegendContent,renderHiddenLegendLabel:renderHiddenLegendLabel})}try{HorizontalBarChart.displayName="HorizontalBarChart",HorizontalBarChart.__docgenInfo={description:"",displayName:"HorizontalBarChart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"ChartType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/HorizontalBarChart/HorizontalBarChart.tsx#HorizontalBarChart"]={docgenInfo:HorizontalBarChart.__docgenInfo,name:"HorizontalBarChart",path:"packages/polaris-viz/src/components/HorizontalBarChart/HorizontalBarChart.tsx#HorizontalBarChart"})}catch(__react_docgen_typescript_loader_error){}var useThemeSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/hooks/useThemeSeriesColors.ts"),useYScale=(__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./packages/polaris-viz-core/src/hooks/useYScale.ts")),useChartPositions=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartPositions.ts"),none=__webpack_require__("./node_modules/d3-shape/src/order/none.js"),diverging=__webpack_require__("./node_modules/d3-shape/src/offset/diverging.js"),useIndexForLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useIndexForLabels.ts"),Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.tsx"),YAxisAnnotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx"),getVerticalBarChartTooltipPosition=__webpack_require__("./packages/polaris-viz/src/utilities/getVerticalBarChartTooltipPosition.ts"),XAxis=__webpack_require__("./packages/polaris-viz/src/components/XAxis/XAxis.tsx"),TooltipWrapper_types=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/types.ts"),getStackedValues=__webpack_require__("./packages/polaris-viz/src/utilities/getStackedValues.ts"),getStackedMinMax=__webpack_require__("./packages/polaris-viz/src/utilities/getStackedMinMax.ts"),YAxis=__webpack_require__("./packages/polaris-viz/src/components/YAxis/YAxis.tsx"),HorizontalGridLines=__webpack_require__("./packages/polaris-viz/src/components/HorizontalGridLines/HorizontalGridLines.tsx"),useReducedLabelIndexes=__webpack_require__("./packages/polaris-viz/src/hooks/useReducedLabelIndexes.ts"),VerticalBarGroup=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBarGroup/VerticalBarGroup.tsx"),useVerticalBarChart=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/hooks/useVerticalBarChart.ts");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i1,dimensions:dimensions});var yScaleMax,selectedTheme=Object(useTheme.a)(),characterWidths=Object(useChartContext.a)().characterWidths,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),svgRef=_useState2[0],setSvgRef=_useState2[1],id=Object(react.useMemo)((function(){return Object(uniqueId.a)("VerticalBarChart")}),[]),_useState3=Object(react.useState)(constants.Y),_useState4=slicedToArray_default()(_useState3,2),xAxisHeight=_useState4[0],setXAxisHeight=_useState4[1],_useState5=Object(react.useState)(0),_useState6=slicedToArray_default()(_useState5,2),annotationsHeight=_useState6[0],setAnnotationsHeight=_useState6[1],_useLegend=Object(useLegend.a)({data:[{shape:"Bar",series:data}],dimensions:dimensions,showLegend:showLegend,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,emptyState=0===data.length,indexForLabels=Object(useIndexForLabels.a)(data),_useFormattedLabels=Object(useFormattedLabels.a)({data:[data[indexForLabels]],labelFormatter:xAxisOptions.labelFormatter}),formattedLabels=_useFormattedLabels.formattedLabels,unformattedLabels=_useFormattedLabels.unformattedLabels,isStacked="stacked"===type,stackedValues=isStacked?Object(getStackedValues.a)({series:data,labels:formattedLabels,order:none.a,offset:diverging.a}):null,reducedLabelIndexes=Object(useReducedLabelIndexes.a)({dataLength:data[0]?data[0].data.length:0}),_getStackedMinMax=Object(getStackedMinMax.a)({stackedValues:stackedValues,data:data,integersOnly:yAxisOptions.integersOnly}),min=_getStackedMinMax.min,max=_getStackedMinMax.max;null===yAxisOptions.maxYOverride?yScaleMax=max:yScaleMax=data.every((function(series){return series.data.every((function(point){return 0===point.value}))}))?0:max;if(!isFinite(yScaleMax)||!isFinite(min))throw new Error("min and max must be finite numbers.");var yScaleOptions={formatYAxisLabel:yAxisOptions.labelFormatter,integersOnly:yAxisOptions.integersOnly,maxYOverride:yAxisOptions.maxYOverride,max:yScaleMax,min:min},initialTicks=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:height,verticalOverflow:selectedTheme.grid.verticalOverflow})).ticks,yAxisLabelWidth=Object(react.useMemo)((function(){return Math.max.apply(Math,toConsumableArray_default()(initialTicks.map((function(_ref2){var formattedValue=_ref2.formattedValue;return Object(estimateStringWidth.a)(formattedValue,characterWidths)}))))}),[characterWidths,initialTicks]),_useChartPositions=Object(useChartPositions.a)({annotationsHeight:annotationsHeight,height:height,width:width,xAxisHeight:xAxisHeight,yAxisWidth:yAxisLabelWidth}),drawableWidth=_useChartPositions.drawableWidth,drawableHeight=_useChartPositions.drawableHeight,chartXPosition=_useChartPositions.chartXPosition,chartYPosition=_useChartPositions.chartYPosition,xAxisBounds=_useChartPositions.xAxisBounds,yAxisBounds=_useChartPositions.yAxisBounds,annotationsDrawableHeight=chartYPosition+drawableHeight+src_constants.a,chartBounds={width:width,height:height,x:chartXPosition,y:chartYPosition},hideXAxis=xAxisOptions.hide||selectedTheme.xAxis.hide,_useVerticalBarChart=Object(useVerticalBarChart.a)({data:data,drawableWidth:drawableWidth,labels:formattedLabels}),sortedData=_useVerticalBarChart.sortedData,areAllNegative=_useVerticalBarChart.areAllNegative,xScale=_useVerticalBarChart.xScale,gapWidth=_useVerticalBarChart.gapWidth,_useYScale2=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:drawableHeight,verticalOverflow:selectedTheme.grid.verticalOverflow})),ticks=_useYScale2.ticks,yScale=_useYScale2.yScale,barColors=data.map((function(_ref3){return _ref3.color})),getTooltipMarkup=useBarChartTooltipContent({renderTooltipContent:renderTooltipContent,data:data,seriesColors:barColors,seriesNameFormatter:seriesNameFormatter}),_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations,xAxisLabelHalf=xScale.bandwidth()/2;return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{height:height,width:width,emptyStateText:emptyStateText,emptyState:emptyState,setRef:setSvgRef,children:[hideXAxis?null:Object(jsx_runtime.jsx)(XAxis.a,{allowLineWrap:xAxisOptions.allowLineWrap,labels:formattedLabels,labelWidth:xScale.bandwidth(),onHeightChange:setXAxisHeight,reducedLabelIndexes:reducedLabelIndexes,x:xAxisBounds.x,xScale:xScale,y:xAxisBounds.y}),Object(jsx_runtime.jsx)(GradientDefs.a,{direction:"vertical",gradientUnits:isStacked?"objectBoundingBox":"userSpaceOnUse",id:id,seriesColors:barColors,size:isStacked?"100%":width+"px"}),selectedTheme.grid.showHorizontalLines?Object(jsx_runtime.jsx)(HorizontalGridLines.a,{ticks:ticks,transform:{x:selectedTheme.grid.horizontalOverflow?0:chartXPosition,y:chartYPosition},width:selectedTheme.grid.horizontalOverflow?width:drawableWidth}):null,Object(jsx_runtime.jsx)(YAxis.a,{ticks:ticks,textAlign:"right",width:yAxisLabelWidth,x:yAxisBounds.x,y:yAxisBounds.y}),Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(VerticalBarGroup.a,{colors:barColors,data:data,drawableHeight:drawableHeight,gapWidth:gapWidth,id:id,labels:formattedLabels,sortedData:sortedData,stackedValues:stackedValues,xScale:xScale,yAxisOptions:yAxisOptions,yScale:yScale,areAllNegative:areAllNegative})}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+(chartXPosition+xAxisLabelHalf)+",0)",tabIndex:-1,children:Object(jsx_runtime.jsx)(Annotations.a,{annotationsLookupTable:annotationsLookupTable,axisLabelWidth:xScale.bandwidth(),drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,labels:unformattedLabels,labelFormatter:xAxisOptions.labelFormatter,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",tabIndex:-1,children:Object(jsx_runtime.jsx)(YAxisAnnotations.a,{annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:ticks,yScale:yScale})})]}),sortedData.length>0&&Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:xScale.bandwidth(),chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref4){var event=_ref4.event,index=_ref4.index,eventType=_ref4.eventType;return Object(getVerticalBarChartTooltipPosition.a)({tooltipPosition:{event:event,index:index,eventType:eventType},chartXPosition:chartXPosition,formatPositionForTooltip:formatPositionForTooltip,maxIndex:sortedData.length-1,step:xScale.step(),yMin:constants.r.Top,yMax:drawableHeight+Number(constants.r.Bottom)+xAxisHeight})},margin:_objectSpread(_objectSpread({},constants.r),{},{Top:chartYPosition}),parentRef:svgRef,chartDimensions:dimensions,usePortal:!0}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,enableHideOverflow:!0,dimensions:dimensions,renderHiddenLegendLabel:renderHiddenLegendLabel})]});function formatPositionForTooltip(index){var _xScale,_dimensions$x,_dimensions$y;if(null==index)return TooltipWrapper_constants.b;var xPosition=null!=(_xScale=xScale(""+index))?_xScale:0,sortedDataPos=sortedData[index].map((function(num){return Math.abs(null!=num?num:0)})),highestValuePos="stacked"===type?sortedData[index].reduce(sumPositiveData,0):Math.max.apply(Math,toConsumableArray_default()(sortedDataPos)),x=xPosition+chartXPosition,y=yScale(highestValuePos)+chartYPosition;return{x:x+(null!=(_dimensions$x=null==dimensions?void 0:dimensions.x)?_dimensions$x:0),y:Math.abs(y)+(null!=(_dimensions$y=null==dimensions?void 0:dimensions.y)?_dimensions$y:0),position:{horizontal:TooltipWrapper_types.a.Center,vertical:areAllNegative?TooltipWrapper_types.b.Below:TooltipWrapper_types.b.Above},activeIndex:index}}}function sumPositiveData(prevValue,currValue){return currValue<0?prevValue:prevValue+currValue}try{Chart_Chart.displayName="Chart",Chart_Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"ChartType"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/VerticalBarChart/Chart.tsx#Chart"]={docgenInfo:Chart_Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/VerticalBarChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function VerticalBarChart_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function VerticalBarChart(_ref){var _ref$annotationsLooku=_ref.annotationsLookupTable,annotationsLookupTable=void 0===_ref$annotationsLooku?{}:_ref$annotationsLooku,data=_ref.data,dimensions=_ref.dimensions,emptyStateText=_ref.emptyStateText,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,showLegend=_ref.showLegend,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions,renderHiddenLegendLabel=_ref.renderHiddenLegendLabel,seriesNameFormatter=_ref.seriesNameFormatter,selectedTheme=Object(useTheme.a)(),seriesColors=Object(useThemeSeriesColors.a)(data,selectedTheme),seriesWithDefaults=data.map((function(series,index){return function VerticalBarChart_objectSpread(target){for(var i=1;i ReactNode"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},yAxisOptions:{defaultValue:null,description:"",name:"yAxisOptions",required:!0,type:{name:"YAxisOptions"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},annotationsLookupTable:{defaultValue:{value:"{}"},description:"",name:"annotationsLookupTable",required:!1,type:{name:"AnnotationLookupTable"}},barOptions:{defaultValue:null,description:"",name:"barOptions",required:!1,type:{name:"{ isStacked: boolean; }"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"ChartType"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"(count: number) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/VerticalBarChart/VerticalBarChart.tsx#VerticalBarChart"]={docgenInfo:VerticalBarChart.__docgenInfo,name:"VerticalBarChart",path:"packages/polaris-viz/src/components/VerticalBarChart/VerticalBarChart.tsx#VerticalBarChart"})}catch(__react_docgen_typescript_loader_error){}var ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),fillMissingDataPoints=__webpack_require__("./packages/polaris-viz/src/utilities/fillMissingDataPoints.ts");function BarChart_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function BarChart_objectSpread(target){for(var i=1;i1&&void 0!==arguments[1]?arguments[1]:"DataSeries";if(null==data[0].data)return!1;var firstSetLength=data[0].data.length,hasMismatchedData=data.some((function(series){return series.data.length!==firstSetLength}));return hasMismatchedData?(console.warn("The "+type+"[] provided does not have equal series values.",data),!0):void 0}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=getPrototypeOf_default()(Derived);if(hasNativeReflectConstruct){var NewTarget=getPrototypeOf_default()(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return possibleConstructorReturn_default()(this,result)}}var ChartErrorBoundary_ChartErrorBoundary=function(_Component){inherits_default()(ChartErrorBoundary,_Component);var _super=_createSuper(ChartErrorBoundary);function ChartErrorBoundary(props){var _this;return classCallCheck_default()(this,ChartErrorBoundary),(_this=_super.call(this,props)).state={hasError:!1},_this.onError=function(error,errorInfo){checkForMismatchedData(_this.props.data),_this.props.onError?_this.props.onError(error,errorInfo):console.error({error:error,errorInfo:errorInfo})},_this}return createClass_default()(ChartErrorBoundary,[{key:"componentDidCatch",value:function componentDidCatch(error,errorInfo){this.onError(error,errorInfo)}},{key:"render",value:function render(){return this.state.hasError?Object(jsx_runtime.jsx)(ChartSkeleton.a,{type:this.props.type,state:types.a.Error,dimensions:this.props.dimensions}):this.props.children}}],[{key:"getDerivedStateFromError",value:function getDerivedStateFromError(_){return{hasError:!0}}}]),ChartErrorBoundary}(react.Component);try{ChartErrorBoundary_ChartErrorBoundary.displayName="ChartErrorBoundary",ChartErrorBoundary_ChartErrorBoundary.__docgenInfo={description:"",displayName:"ChartErrorBoundary",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!0,type:{name:"Dimensions"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"SkeletonType"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartErrorBoundary/ChartErrorBoundary.tsx#ChartErrorBoundary"]={docgenInfo:ChartErrorBoundary_ChartErrorBoundary.__docgenInfo,name:"ChartErrorBoundary",path:"packages/polaris-viz/src/components/ChartErrorBoundary/ChartErrorBoundary.tsx#ChartErrorBoundary"})}catch(__react_docgen_typescript_loader_error){}var useResizeObserver=__webpack_require__("./packages/polaris-viz/src/hooks/useResizeObserver.ts"),useBrowserCheck=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"));var ChartDimensions=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss"),ChartDimensions_default=__webpack_require__.n(ChartDimensions);function ChartDimensions_ChartDimensions(_ref){var children=_ref.children,data=_ref.data,onIsPrintingChange=_ref.onIsPrintingChange,scrollContainer=_ref.scrollContainer,_ref$sparkChart=_ref.sparkChart,sparkChart=void 0!==_ref$sparkChart&&_ref$sparkChart,_ref$skeletonType=_ref.skeletonType,skeletonType=void 0===_ref$skeletonType?"Default":_ref$skeletonType,onError=_ref.onError,chartContainer=Object(useTheme.a)().chartContainer,onErrorProvider=Object(usePolarisVizContext.a)().onError,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),chartDimensions=_useState2[0],setChartDimensions=_useState2[1],_useResizeObserver=Object(useResizeObserver.a)(),ref=_useResizeObserver.ref,setRef=_useResizeObserver.setRef,entry=_useResizeObserver.entry,previousEntry=Object(usePrevious.a)(entry);!function usePrintResizing(_ref){var ref=_ref.ref,setChartDimensions=_ref.setChartDimensions,onIsPrintingChange=_ref.onIsPrintingChange,_useState=Object(react.useState)(!1),_useState2=slicedToArray_default()(_useState,2),isPrinting=_useState2[0],setIsPrinting=_useState2[1],_useBrowserCheck=Object(useBrowserCheck.a)(),isFirefox=_useBrowserCheck.isFirefox,isSafari=_useBrowserCheck.isSafari;return Object(react.useLayoutEffect)((function(){var isServer="undefined"==typeof window;function handlePrint(){if(null!=ref){var _getComputedStyle=getComputedStyle(ref),paddingRight=_getComputedStyle.paddingRight,paddingLeft=_getComputedStyle.paddingLeft,paddingTop=_getComputedStyle.paddingTop,paddingBottom=_getComputedStyle.paddingBottom,width=ref.clientWidth-parseInt(paddingLeft,10)-parseInt(paddingRight,10),height=ref.clientHeight-parseInt(paddingTop,10)-parseInt(paddingBottom,10);setChartDimensions({width:width,height:height}),setIsPrinting((function(isPrinting){var newIsPrinting=!isPrinting;return onIsPrintingChange(newIsPrinting),newIsPrinting}))}}var printSafari=function printSafari(){setTimeout((function(){handlePrint()}))},addEventListener="function"==typeof window.matchMedia("print").addEventListener,addListener="function"==typeof window.matchMedia("print").addListener,notSafariOrServer=!isSafari&&!isServer,safariNotServer=isSafari&&!isServer;return isFirefox&&(window.addEventListener("beforeprint",handlePrint),window.addEventListener("afterprint",handlePrint)),notSafariOrServer&&(addEventListener?window.matchMedia("print").addEventListener("change",handlePrint):addListener&&window.matchMedia("print").addListener(printSafari)),safariNotServer&&(addEventListener?window.matchMedia("print").addEventListener("change",printSafari):addListener&&window.matchMedia("print").addListener(printSafari)),function(){isFirefox&&(window.removeEventListener("beforeprint",handlePrint),window.removeEventListener("afterprint",handlePrint)),notSafariOrServer&&(addEventListener?window.matchMedia("print").removeEventListener("change",handlePrint):addListener&&window.matchMedia("print").removeListener(printSafari)),safariNotServer&&(addEventListener?window.matchMedia("print").removeEventListener("change",printSafari):addListener&&window.matchMedia("print").removeListener(printSafari))}}),[onIsPrintingChange,setChartDimensions,ref,isFirefox,isSafari]),{isPrinting:isPrinting}}({ref:ref,setChartDimensions:setChartDimensions,onIsPrintingChange:onIsPrintingChange});var updateDimensions=Object(react.useCallback)((function(){if(((null==previousEntry?void 0:previousEntry.contentRect.width)!==(null==entry?void 0:entry.contentRect.width)||(null==previousEntry?void 0:previousEntry.contentRect.height)!==(null==entry?void 0:entry.contentRect.height))&&null!=entry){var _entry$contentRect=entry.contentRect,width=_entry$contentRect.width,height=_entry$contentRect.height,_entry$target$getBoun=entry.target.getBoundingClientRect(),x=_entry$target$getBoun.x,y=_entry$target$getBoun.y,scrollY=null==scrollContainer?window.scrollY:scrollContainer.scrollTop;setChartDimensions({width:width,height:height,x:x,y:y+scrollY})}}),[entry,null==previousEntry?void 0:previousEntry.contentRect,scrollContainer]),debouncedUpdateDimensions=Object(index_module.a)((function(){updateDimensions()}),100);return Object(react.useLayoutEffect)((function(){updateDimensions(),null===chartDimensions&&setChartDimensions({width:0,height:sparkChart?chartContainer.sparkChartMinHeight:chartContainer.minHeight,x:0,y:0});var isServer="undefined"==typeof window;return isServer||window.addEventListener("resize",debouncedUpdateDimensions),function(){isServer||window.removeEventListener("resize",debouncedUpdateDimensions)}}),[entry,updateDimensions,debouncedUpdateDimensions,chartDimensions,chartContainer.minHeight,sparkChart,chartContainer.sparkChartMinHeight]),Object(jsx_runtime.jsx)("div",{className:ChartDimensions_default.a.ChartDimensions,ref:setRef,style:{minHeight:sparkChart?chartContainer.sparkChartMinHeight:chartContainer.minHeight},children:hasValidDimensions(chartDimensions)?Object(jsx_runtime.jsx)(ChartErrorBoundary_ChartErrorBoundary,{type:null!=skeletonType?skeletonType:"Default",dimensions:chartDimensions,data:data,onError:null!=onError?onError:onErrorProvider,children:Object(jsx_runtime.jsx)("div",{className:ChartDimensions_default.a.Chart,style:{height:chartDimensions.height,width:chartDimensions.width},children:Object(react.cloneElement)(children,{dimensions:chartDimensions})})}):null})}function hasValidDimensions(chartDimensions){return null!=chartDimensions&&(chartDimensions.width>0&&chartDimensions.height>0)}try{ChartDimensions_ChartDimensions.displayName="ChartDimensions",ChartDimensions_ChartDimensions.__docgenInfo={description:"",displayName:"ChartDimensions",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},onIsPrintingChange:{defaultValue:null,description:"",name:"onIsPrintingChange",required:!0,type:{name:"Dispatch>"}},scrollContainer:{defaultValue:null,description:"",name:"scrollContainer",required:!1,type:{name:"Element"}},sparkChart:{defaultValue:{value:"false"},description:"",name:"sparkChart",required:!1,type:{name:"boolean"}},skeletonType:{defaultValue:{value:"Default"},description:"",name:"skeletonType",required:!1,type:{name:"SkeletonType"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.tsx#ChartDimensions"]={docgenInfo:ChartDimensions_ChartDimensions.__docgenInfo,name:"ChartDimensions",path:"packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.tsx#ChartDimensions"})}catch(__react_docgen_typescript_loader_error){}var ChartContainer_ChartContainer_ChartContainer=function ChartContainer(props){var _props$id,id=null!=(_props$id=props.id)?_props$id:Object(uniqueId.a)("chart"),prefersReducedMotion=function usePrefersReducedMotion(){return{prefersReducedMotion:"undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}}().prefersReducedMotion,_useState=Object(react.useState)(!1),_useState2=slicedToArray_default()(_useState,2),isPrinting=_useState2[0],setIsPrinting=_useState2[1],dataTooBigToAnimate=Object(react.useMemo)((function(){return Object(isLargeDataSet.a)(props.data,props.type)}),[props.data,props.type]),value=Object(react.useMemo)((function(){var shouldAnimate=props.isAnimated&&!prefersReducedMotion&&!dataTooBigToAnimate,printFriendlyTheme=isPrinting?"Print":props.theme;return{shouldAnimate:shouldAnimate,id:id,characterWidths:character_widths,characterWidthOffsets:character_width_offsets,theme:printFriendlyTheme,isPerformanceImpacted:dataTooBigToAnimate,scrollContainer:props.scrollContainer}}),[id,isPrinting,prefersReducedMotion,props.isAnimated,props.theme,dataTooBigToAnimate,props.scrollContainer]),_useTheme=Object(useTheme.a)(value.theme),chartContainer=_useTheme.chartContainer,padding=_useTheme.grid.verticalOverflow||null!=chartContainer.padding?chartContainer.padding:"3px 0 0 0";return Object(jsx_runtime.jsx)(ChartContext.a.Provider,{value:value,children:Object(jsx_runtime.jsx)("div",{className:ChartContainer_default.a.ChartContainer,style:{background:chartContainer.backgroundColor,padding:padding,borderRadius:chartContainer.borderRadius},id:Object(getChartId.a)(value.id),children:Object(jsx_runtime.jsx)(ChartDimensions_ChartDimensions,{data:props.data,onError:props.onError,onIsPrintingChange:setIsPrinting,skeletonType:props.skeletonType,sparkChart:props.sparkChart,children:props.children})})})};try{ChartContainer_ChartContainer_ChartContainer.displayName="ChartContainer",ChartContainer_ChartContainer_ChartContainer.__docgenInfo={description:"",displayName:"ChartContainer",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[] | DataGroup[]"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},isAnimated:{defaultValue:null,description:"",name:"isAnimated",required:!0,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}},scrollContainer:{defaultValue:null,description:"",name:"scrollContainer",required:!1,type:{name:"Element"}},sparkChart:{defaultValue:null,description:"",name:"sparkChart",required:!1,type:{name:"boolean"}},skeletonType:{defaultValue:null,description:"",name:"skeletonType",required:!1,type:{name:"SkeletonType"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"InternalChartType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx#ChartContainer"]={docgenInfo:ChartContainer_ChartContainer_ChartContainer.__docgenInfo,name:"ChartContainer",path:"packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx#ChartContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartContainer/components/ChartDimensions/ChartDimensions.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartElements/ChartElements.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartElements/ChartElements.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartElements/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartElements_ChartElements}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var defineProperty=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),defineProperty_default=__webpack_require__.n(defineProperty),ChartElements=__webpack_require__("./packages/polaris-viz/src/components/ChartElements/ChartElements.scss"),ChartElements_default=__webpack_require__.n(ChartElements),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i>"}},role:{defaultValue:{value:"list"},description:"",name:"role",required:!1,type:{name:"AriaRole"}},emptyStateText:{defaultValue:null,description:"",name:"emptyStateText",required:!1,type:{name:"string"}},emptyState:{defaultValue:{value:"false"},description:"",name:"emptyState",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ChartElements/ChartSVG.tsx#ChartSVG"]={docgenInfo:ChartSVG.__docgenInfo,name:"ChartSVG",path:"packages/polaris-viz/src/components/ChartElements/ChartSVG.tsx#ChartSVG"})}catch(__react_docgen_typescript_loader_error){}var ChartElements_ChartElements={Div:ChartDiv,Svg:ChartSVG}},"./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.scss":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.scss");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChartSkeleton_ChartSkeleton}));var types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),defineProperty=(__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js")),defineProperty_default=__webpack_require__.n(defineProperty),slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),regenerator=__webpack_require__("./node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),react=__webpack_require__("./node_modules/react/index.js"),react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),Arc=__webpack_require__("./packages/polaris-viz/src/components/Arc/Arc.tsx"),DonutSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/components/DonutSkeleton/DonutSkeleton.scss"),DonutSkeleton_default=__webpack_require__.n(DonutSkeleton),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i0?divisibleBy*(quotient+1):divisibleBy*(quotient-1);return Math.abs(number-n1)Math.abs(cur.max-cur.min)?prev:cur})).index;var indexWithNegative=axes.findIndex((function(_ref3){return _ref3.valuesRange===AxisValueRange.SomeNegative}));return-1===indexWithNegative?0:indexWithNegative}({axes:axes,doBothChartsContainMixedValues:doBothChartsContainMixedValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart}),primaryAxis=axes[0===sourceOfTruthIndex?0:1],secondaryAxis=axes[0===sourceOfTruthIndex?1:0],initialYScaleValues=function getInitialYScaleValues(_ref){var drawableHeight=_ref.drawableHeight,primaryAxis=_ref.primaryAxis;return _ref.shouldPlaceZeroInMiddleOfChart?{drawableHeight:drawableHeight,max:primaryAxis.max,min:-primaryAxis.max}:{drawableHeight:drawableHeight,max:primaryAxis.max,min:primaryAxis.min}}({drawableHeight:drawableHeight,primaryAxis:primaryAxis,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart}),_useYScale=Object(useYScale.a)(_objectSpread(_objectSpread({},initialYScaleValues),{},{formatYAxisLabel:primaryAxis.yAxisOptions.labelFormatter,integersOnly:primaryAxis.yAxisOptions.integersOnly})),ticks=_useYScale.ticks,yScale=_useYScale.yScale,ticksLength=ticks.length-1,zeroIndex=function getZeroIndex(_ref){var doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticks=_ref.ticks,ticksLength=ticks.length-1;return shouldPlaceZeroInMiddleOfChart?Math.floor(ticksLength/2):doesOneChartContainAllNegativeValues?ticksLength:ticks.findIndex((function(_ref2){return 0===_ref2.value}))}({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticks:ticks}),ticksBetweenZeroAndMax=function getTicksBetweenZeroAndMax(_ref){var doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticksLength=_ref.ticksLength,zeroIndex=_ref.zeroIndex;return!shouldPlaceZeroInMiddleOfChart&&doesOneChartContainAllNegativeValues?ticksLength:ticksLength-zeroIndex}({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksLength:ticksLength,zeroIndex:zeroIndex}),secondaryMaxforTicks=Math.abs(doesOneChartContainAllNegativeValues?secondaryAxis.min:secondaryAxis.max);secondaryMaxforTicks=getClosestDivisibleNumber(secondaryMaxforTicks,ticksBetweenZeroAndMax);var tickHeight=Math.abs(secondaryMaxforTicks/ticksBetweenZeroAndMax),intialSecondaryTicks=ticks.map((function(tick,index){var alteredIndex=index-zeroIndex,formattedValue=function roundToDecimals(number,decimals){return parseFloat(number.toFixed(decimals))}(tickHeight*alteredIndex,2);return{value:tickHeight*alteredIndex,formattedValue:secondaryAxis.yAxisOptions.labelFormatter(""+formattedValue),yOffset:yScale(tick.value)}}));return{areAllValuesNegative:areAllValuesNegative,doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues:doBothChartsContainMixedValues,primaryTicks:0===sourceOfTruthIndex?ticks:intialSecondaryTicks,primaryAxis:primaryAxis,secondaryTicks:0===sourceOfTruthIndex?intialSecondaryTicks:ticks,secondaryAxis:secondaryAxis,yScale:yScale,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax:ticksBetweenZeroAndMax}}var useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts");function getLongestTickWidth(ticks,characterWidths){return ticks.reduce((function(previous,_ref){var formattedValue=_ref.formattedValue,width=Object(estimateStringWidth.a)(formattedValue,characterWidths);return width>previous?width:previous}),0)}function useDualAxisScale(_ref){var doBothChartsContainMixedValues=_ref.doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,drawableHeight=_ref.drawableHeight,primaryAxis=_ref.primaryAxis,secondaryAxis=_ref.secondaryAxis,shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax=_ref.ticksBetweenZeroAndMax,yScale=_ref.yScale,_getSecondaryDataForM=function getSecondaryDataForMixedData(_ref){var shouldPlaceZeroInMiddleOfChart=_ref.shouldPlaceZeroInMiddleOfChart,doesOneChartContainAllNegativeValues=_ref.doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues=_ref.doBothChartsContainMixedValues,drawableHeight=_ref.drawableHeight,secondaryAxis=_ref.secondaryAxis,yScale=_ref.yScale;if(shouldPlaceZeroInMiddleOfChart){var min=-secondaryAxis.max,max=secondaryAxis.max;return secondaryAxis.valuesRange===AxisValueRange.AllNegative&&(min=secondaryAxis.min,max=-secondaryAxis.min),{secondaryDrawableHeight:drawableHeight,secondaryMin:min,secondaryMax:max}}return doesOneChartContainAllNegativeValues?{secondaryDrawableHeight:drawableHeight,secondaryMin:secondaryAxis.min,secondaryMax:secondaryAxis.max}:doBothChartsContainMixedValues?{secondaryDrawableHeight:drawableHeight,secondaryMin:-secondaryAxis.max,secondaryMax:secondaryAxis.max}:{secondaryDrawableHeight:yScale(0),secondaryMax:secondaryAxis.max,secondaryMin:secondaryAxis.min}}({doBothChartsContainMixedValues:doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,drawableHeight:drawableHeight,secondaryAxis:secondaryAxis,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,yScale:yScale}),secondaryDrawableHeight=_getSecondaryDataForM.secondaryDrawableHeight,secondaryMax=_getSecondaryDataForM.secondaryMax,secondaryMin=_getSecondaryDataForM.secondaryMin,secondaryYScale=Object(useYScale.a)({drawableHeight:secondaryDrawableHeight,formatYAxisLabel:secondaryAxis.yAxisOptions.labelFormatter,integersOnly:secondaryAxis.yAxisOptions.integersOnly,max:getClosestDivisibleNumber(secondaryMax,ticksBetweenZeroAndMax),min:secondaryMin,shouldRoundUp:!1}).yScale;return{barYScale:"Bar"===primaryAxis.shape?yScale:secondaryYScale,lineYScale:"Bar"===primaryAxis.shape?secondaryYScale:yScale,primaryYScale:yScale,secondaryYScale:secondaryYScale}}var linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),fast_deep_equal=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal_default=__webpack_require__.n(fast_deep_equal),useFormattedLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useFormattedLabels.ts");function useXScale(_ref){var drawableWidth=_ref.drawableWidth,labels=function useGetLabelsFromDataGroups(_ref){var data=_ref.data,xAxisOptions=_ref.xAxisOptions,firstLabels=Object(useFormattedLabels.a)({data:data[0].series,labelFormatter:xAxisOptions.labelFormatter}).formattedLabels,secondLabels=Object(useFormattedLabels.a)({data:data[1].series,labelFormatter:xAxisOptions.labelFormatter}).formattedLabels;if(fast_deep_equal_default()(firstLabels,secondLabels))return firstLabels;var firstKeysMatch=firstLabels[0]===secondLabels[0];return firstLabels.length!==secondLabels.length?firstKeysMatch?firstLabels.length>secondLabels.length?firstLabels:secondLabels:(src_constants.m&&console.warn("Data groups do not have matching keys. Labels will not be rendered"),[]):firstKeysMatch?firstLabels:[]}({data:_ref.data,xAxisOptions:_ref.xAxisOptions}),labelsLength=labels.length;return{xScale:Object(react.useMemo)((function(){return Object(linear.a)().range([0,drawableWidth]).domain([0,labelsLength])}),[drawableWidth,labelsLength]),labels:labels}}var useEstimateStringWidth=__webpack_require__("./packages/polaris-viz/src/hooks/useEstimateStringWidth.ts"),SingleTextLine=__webpack_require__("./packages/polaris-viz/src/components/Labels/SingleTextLine.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AxisLabel(_ref){var height=_ref.height,name=_ref.name,axis=_ref.axis,x=_ref.x,y=_ref.y,stringWidth=Object(useEstimateStringWidth.a)(name),selectedTheme=Object(useTheme.a)(),rotate="primary"===axis?-90:90,yCenter=height/2,halfStringSize=stringWidth/2,yOffset="primary"===axis?yCenter:yCenter-stringWidth,xOffset="primary"===axis?0:constants.Y;return Object(jsx_runtime.jsxs)("g",{transform:"translate("+(x+xOffset)+","+(y+yOffset+halfStringSize)+") rotate("+rotate+")",children:[Object(jsx_runtime.jsx)("rect",{width:stringWidth,height:constants.Y,fill:selectedTheme.chartContainer.backgroundColor}),Object(jsx_runtime.jsx)(SingleTextLine.a,{color:selectedTheme.yAxis.labelColor,targetWidth:Math.max(stringWidth,height),text:name,x:0,y:0})]})}try{AxisLabel.displayName="AxisLabel",AxisLabel.__docgenInfo={description:"",displayName:"AxisLabel",props:{axis:{defaultValue:null,description:"",name:"axis",required:!0,type:{name:'"primary" | "secondary"'}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},y:{defaultValue:null,description:"",name:"y",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/AxisLabel/AxisLabel.tsx#AxisLabel"]={docgenInfo:AxisLabel.__docgenInfo,name:"AxisLabel",path:"packages/polaris-viz/src/components/ComboChart/components/AxisLabel/AxisLabel.tsx#AxisLabel"})}catch(__react_docgen_typescript_loader_error){}var uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),useVerticalBarChart=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/hooks/useVerticalBarChart.ts"),VerticalBarGroup=__webpack_require__("./packages/polaris-viz/src/components/VerticalBarChart/components/VerticalBarGroup/VerticalBarGroup.tsx");function ComboBarChart(_ref){var colors=_ref.colors,data=_ref.data,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,indexOffset=_ref.indexOffset,labels=_ref.labels,yScale=_ref.yScale,id=Object(react.useMemo)((function(){return Object(uniqueId.a)("ComboBarChart")}),[]),yAxisOptionsWithDefaults=Object(getAxisOptions.b)(data.yAxisOptions),_useVerticalBarChart=Object(useVerticalBarChart.a)({data:data.series,drawableWidth:drawableWidth,labels:labels}),sortedData=_useVerticalBarChart.sortedData,xScale=_useVerticalBarChart.xScale,gapWidth=_useVerticalBarChart.gapWidth;return Object(jsx_runtime.jsx)(VerticalBarGroup.a,{colors:colors,data:data.series,drawableHeight:drawableHeight,gapWidth:gapWidth,id:id,indexOffset:indexOffset,labels:labels,sortedData:sortedData,stackedValues:null,xScale:xScale,yAxisOptions:yAxisOptionsWithDefaults,yScale:yScale})}try{ComboBarChart.displayName="ComboBarChart",ComboBarChart.__docgenInfo={description:"",displayName:"ComboBarChart",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"Color[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},indexOffset:{defaultValue:null,description:"",name:"indexOffset",required:!0,type:{name:"number"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/ComboBarChart/ComboBarChart.tsx#ComboBarChart"]={docgenInfo:ComboBarChart.__docgenInfo,name:"ComboBarChart",path:"packages/polaris-viz/src/components/ComboChart/components/ComboBarChart/ComboBarChart.tsx#ComboBarChart"})}catch(__react_docgen_typescript_loader_error){}var LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),useWatchColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useWatchColorVisionEvents.tsx"),PointsAndCrosshair=__webpack_require__("./packages/polaris-viz/src/components/LineChart/components/PointsAndCrosshair/PointsAndCrosshair.tsx"),useFormatData=__webpack_require__("./packages/polaris-viz/src/components/LineChart/hooks/useFormatData.ts"),getLineChartDataWithDefaults=__webpack_require__("./packages/polaris-viz/src/utilities/getLineChartDataWithDefaults.ts");function ComboLineChart(_ref){var activeIndex=_ref.activeIndex,colors=_ref.colors,data=_ref.data,drawableHeight=_ref.drawableHeight,drawableWidth=_ref.drawableWidth,indexOffset=_ref.indexOffset,theme=_ref.theme,xScale=_ref.xScale,yScale=_ref.yScale,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeLineIndex=_useState2[0],setActiveLineIndex=_useState2[1];Object(useWatchColorVisionEvents.a)({type:constants.q,onIndexChange:function onIndexChange(_ref2){var detail=_ref2.detail;return setActiveLineIndex(detail.index)}});var dataWithDefaults=Object(getLineChartDataWithDefaults.a)(data.series,colors),longestSeriesIndex=Object(useFormatData.a)(dataWithDefaults).longestSeriesIndex;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[dataWithDefaults.map((function(singleSeries,index){return Object(jsx_runtime.jsx)(LineSeries.a,{activeLineIndex:activeLineIndex,data:singleSeries,index:index+indexOffset,svgDimensions:{height:drawableHeight,width:drawableWidth},theme:theme,xScale:xScale,yScale:yScale,type:"default"},name+"-"+index)})),Object(jsx_runtime.jsx)(PointsAndCrosshair.a,{activeIndex:activeIndex,data:dataWithDefaults,drawableHeight:drawableHeight,emptyState:!1,longestSeriesIndex:longestSeriesIndex,theme:theme,tooltipId:"none",xScale:xScale,yScale:yScale})]})}try{ComboLineChart.displayName="ComboLineChart",ComboLineChart.__docgenInfo={description:"",displayName:"ComboLineChart",props:{activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"Color[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},drawableWidth:{defaultValue:null,description:"",name:"drawableWidth",required:!0,type:{name:"number"}},indexOffset:{defaultValue:null,description:"",name:"indexOffset",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"any"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/components/ComboLineChart/ComboLineChart.tsx#ComboLineChart"]={docgenInfo:ComboLineChart.__docgenInfo,name:"ComboLineChart",path:"packages/polaris-viz/src/components/ComboChart/components/ComboLineChart/ComboLineChart.tsx#ComboLineChart"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.slice.js");function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderTooltipContent=_ref.renderTooltipContent,showLegend=_ref.showLegend,theme=_ref.theme,xAxisOptions=_ref.xAxisOptions,renderLegendContent=_ref.renderLegendContent,seriesNameFormatter=_ref.seriesNameFormatter,selectedTheme=Object(useTheme.a)(theme);Object(useColorVisionEvents.a)();var colors=function useThemeSeriesColorsForDataGroup(data,selectedTheme){var series=flattenDataGroupToDataSeries(data);return Object(useThemeSeriesColors.a)(series,selectedTheme)}(data,selectedTheme),_useState=Object(react.useState)(constants.Y),_useState2=slicedToArray_default()(_useState,2),xAxisHeight=_useState2[0],setXAxisHeight=_useState2[1],_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),svgRef=_useState4[0],setSvgRef=_useState4[1],_useState5=Object(react.useState)(null),_useState6=slicedToArray_default()(_useState5,2),activeIndex=_useState6[0],setActiveIndex=_useState6[1],_useState7=Object(react.useState)(0),_useState8=slicedToArray_default()(_useState7,2),annotationsHeight=_useState8[0],setAnnotationsHeight=_useState8[1],_useLegend=Object(useLegend.a)({colors:colors,data:data,dimensions:dimensions,showLegend:showLegend,seriesNameFormatter:seriesNameFormatter}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,_useChartPositions=Object(useChartPositions.a)({annotationsHeight:annotationsHeight,height:height,width:width,xAxisHeight:xAxisHeight,yAxisWidth:0}),drawableHeight=_useChartPositions.drawableHeight,chartYPosition=_useChartPositions.chartYPosition,xAxisBounds=_useChartPositions.xAxisBounds,yAxisBounds=_useChartPositions.yAxisBounds,annotationsDrawableHeight=chartYPosition+drawableHeight+src_constants.a,_useDualAxisTicks=useDualAxisTicks({data:data,drawableHeight:drawableHeight}),doBothChartsContainMixedValues=_useDualAxisTicks.doBothChartsContainMixedValues,doesOneChartContainAllNegativeValues=_useDualAxisTicks.doesOneChartContainAllNegativeValues,primaryTicks=_useDualAxisTicks.primaryTicks,primaryAxis=_useDualAxisTicks.primaryAxis,secondaryTicks=_useDualAxisTicks.secondaryTicks,secondaryAxis=_useDualAxisTicks.secondaryAxis,shouldPlaceZeroInMiddleOfChart=_useDualAxisTicks.shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax=_useDualAxisTicks.ticksBetweenZeroAndMax,yScale=_useDualAxisTicks.yScale,_useDualAxisTicksWidt=function useDualAxisTicksWidth(leftTicks,rightTicks){var characterWidths=Object(useChartContext.a)().characterWidths;return Object(react.useMemo)((function(){return{leftTickWidth:getLongestTickWidth(leftTicks,characterWidths),rightTickWidth:getLongestTickWidth(rightTicks,characterWidths)}}),[leftTicks,rightTicks,characterWidths])}(primaryTicks,secondaryTicks),leftTickWidth=_useDualAxisTicksWidt.leftTickWidth,rightTickWidth=_useDualAxisTicksWidt.rightTickWidth,_useDualAxisScale=useDualAxisScale({doesOneChartContainAllNegativeValues:doesOneChartContainAllNegativeValues,doBothChartsContainMixedValues:doBothChartsContainMixedValues,drawableHeight:annotationsDrawableHeight,primaryAxis:primaryAxis,secondaryAxis:secondaryAxis,yScale:yScale,shouldPlaceZeroInMiddleOfChart:shouldPlaceZeroInMiddleOfChart,ticksBetweenZeroAndMax:ticksBetweenZeroAndMax}),barYScale=_useDualAxisScale.barYScale,lineYScale=_useDualAxisScale.lineYScale,primaryYScale=_useDualAxisScale.primaryYScale,secondaryYScale=_useDualAxisScale.secondaryYScale,_useComboChartPositio=function useComboChartPositions(_ref){var leftTickWidth=_ref.leftTickWidth,primaryAxis=_ref.primaryAxis,rightTickWidth=_ref.rightTickWidth,secondaryAxis=_ref.secondaryAxis,width=_ref.width,horizontalMargin=Object(useTheme.a)().grid.horizontalMargin,primaryLabelWidth=null==primaryAxis.name?0:2*constants.Y,secondaryLabelWidth=null==secondaryAxis.name?0:constants.Y,primaryLabelXPosition=horizontalMargin,leftYAxisXPosition=primaryLabelXPosition+primaryLabelWidth,chartXPosition=horizontalMargin+(primaryLabelWidth+leftTickWidth+constants.pb),drawableWidth=width-chartXPosition-(constants.pb+rightTickWidth+secondaryLabelWidth)-horizontalMargin-secondaryLabelWidth,rightAxisXPosition=chartXPosition+drawableWidth+constants.pb;return{chartXPosition:chartXPosition,drawableWidth:drawableWidth,leftAxis:{x:leftYAxisXPosition,labelX:primaryLabelXPosition},rightAxis:{x:rightAxisXPosition,labelX:rightAxisXPosition+rightTickWidth+secondaryLabelWidth}}}({leftTickWidth:leftTickWidth,primaryAxis:primaryAxis,rightTickWidth:rightTickWidth,secondaryAxis:secondaryAxis,width:width}),chartXPosition=_useComboChartPositio.chartXPosition,drawableWidth=_useComboChartPositio.drawableWidth,leftAxis=_useComboChartPositio.leftAxis,rightAxis=_useComboChartPositio.rightAxis,_useSplitDataForChart=function useSplitDataForCharts(data,colors){return Object(react.useMemo)((function(){var barChartDataIndex=data.findIndex((function(_ref){return"Bar"===_ref.shape})),barChartData=data[barChartDataIndex],lineChartData=data[0===barChartDataIndex?1:0],firstLength=data[0].series.length,chartColors=[colors.slice(0,firstLength),colors.slice(firstLength)];return{barChartData:barChartData,lineChartData:lineChartData,barChartColors:chartColors[barChartDataIndex],lineChartColors:chartColors[0===barChartDataIndex?1:0],barChartIndexOffset:0===barChartDataIndex?0:firstLength,lineChartIndexOffset:0!==barChartDataIndex?0:firstLength}}),[colors,data])}(data,colors),barChartData=_useSplitDataForChart.barChartData,barChartColors=_useSplitDataForChart.barChartColors,lineChartColors=_useSplitDataForChart.lineChartColors,lineChartData=_useSplitDataForChart.lineChartData,barChartIndexOffset=_useSplitDataForChart.barChartIndexOffset,lineChartIndexOffset=_useSplitDataForChart.lineChartIndexOffset,_useXScale=useXScale({drawableWidth:drawableWidth,data:data,xAxisOptions:xAxisOptions}),xScale=_useXScale.xScale,labels=_useXScale.labels,reducedLabelIndexes=Object(useReducedLabelIndexes.a)({dataLength:labels.length}),labelWidth=drawableWidth/labels.length,chartBounds={width:width,height:height,x:chartXPosition,y:chartYPosition},getTooltipMarkup=function useComboChartTooltipContent(_ref){var data=_ref.data,renderTooltipContent=_ref.renderTooltipContent,seriesColors=_ref.seriesColors,seriesNameFormatter=_ref.seriesNameFormatter,theme=Object(useChartContext.a)().theme;return Object(react.useCallback)((function(activeIndex){if(-1===activeIndex)return null;var tooltipData=[],index=0;return data.forEach((function(_ref2){var shape=_ref2.shape,name=_ref2.name,series=_ref2.series,yAxisOptions=_ref2.yAxisOptions,yAxisOptionsWithDefaults=Object(getAxisOptions.b)(yAxisOptions),data={shape:shape,name:name,data:[]};series.forEach((function(_ref3){var name=_ref3.name,seriesData=_ref3.data,color=_ref3.color,isComparison=_ref3.isComparison,value=seriesData[activeIndex].value;data.data.push({key:""+seriesNameFormatter(null!=name?name:""),value:yAxisOptionsWithDefaults.labelFormatter(value),color:null!=color?color:seriesColors[index],isComparison:isComparison}),index++})),tooltipData.push(data)})),renderTooltipContent({data:tooltipData,activeIndex:activeIndex,title:""+data[0].series[0].data[activeIndex].key,dataSeries:flattenDataGroupToDataSeries(data),theme:theme})}),[data,seriesColors,renderTooltipContent,theme,seriesNameFormatter])}({renderTooltipContent:renderTooltipContent,data:data,seriesColors:colors,seriesNameFormatter:seriesNameFormatter}),_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations;return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{height:height,width:width,children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{width:width,setRef:setSvgRef,height:height,children:[selectedTheme.grid.showHorizontalLines?Object(jsx_runtime.jsx)(HorizontalGridLines.a,{ticks:primaryTicks,transform:{x:selectedTheme.grid.horizontalOverflow?0:chartXPosition,y:chartYPosition},width:selectedTheme.grid.horizontalOverflow?width:drawableWidth}):null,Object(jsx_runtime.jsx)(XAxis.a,{allowLineWrap:xAxisOptions.allowLineWrap,labels:labels,labelWidth:labelWidth,onHeightChange:setXAxisHeight,reducedLabelIndexes:reducedLabelIndexes,x:chartXPosition,xScale:xScale,y:xAxisBounds.y}),null!=primaryAxis.name&&Object(jsx_runtime.jsx)(AxisLabel,{axis:"primary",height:drawableHeight,name:primaryAxis.name,x:leftAxis.labelX,y:yAxisBounds.y}),Object(jsx_runtime.jsx)(YAxis.a,{ticks:primaryTicks,textAlign:"right",width:leftTickWidth,x:leftAxis.x,y:yAxisBounds.y}),Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(ComboBarChart,{indexOffset:barChartIndexOffset,colors:barChartColors,data:barChartData,drawableHeight:drawableHeight,drawableWidth:drawableWidth,labels:labels,yScale:barYScale})}),Object(jsx_runtime.jsx)("g",{transform:"translate("+(chartXPosition+drawableWidth/labels.length/2)+","+chartYPosition+")",children:Object(jsx_runtime.jsx)(ComboLineChart,{activeIndex:activeIndex,colors:lineChartColors,data:lineChartData,drawableHeight:drawableHeight,drawableWidth:drawableWidth,indexOffset:lineChartIndexOffset,theme:theme,xScale:xScale,yScale:lineYScale})}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+",0)",tabIndex:-1,children:Object(jsx_runtime.jsx)(Annotations.a,{annotationsLookupTable:annotationsLookupTable,axisLabelWidth:labelWidth,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,labels:labels,labelFormatter:xAxisOptions.labelFormatter,onHeightChange:setAnnotationsHeight,xScale:xScale})}),hasYAxisAnnotations&&Object(jsx_runtime.jsx)(react.Fragment,{children:Object(jsx_runtime.jsxs)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",tabIndex:-1,children:[Object(jsx_runtime.jsx)(YAxisAnnotations.a,{axis:"y1",annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:primaryTicks,yScale:primaryYScale}),Object(jsx_runtime.jsx)(YAxisAnnotations.a,{axis:"y2",annotationsLookupTable:annotationsLookupTable,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,ticks:secondaryTicks,yScale:secondaryYScale})]})}),Object(jsx_runtime.jsx)(YAxis.a,{ticks:secondaryTicks,textAlign:"left",width:rightTickWidth,x:rightAxis.x,y:yAxisBounds.y}),null!=secondaryAxis.name&&Object(jsx_runtime.jsx)(AxisLabel,{axis:"secondary",height:drawableHeight,name:secondaryAxis.name,x:rightAxis.labelX,y:yAxisBounds.y})]}),Object(jsx_runtime.jsx)(TooltipWrapper.a,{bandwidth:labelWidth,chartBounds:chartBounds,focusElementDataType:types.b.BarGroup,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref2){var event=_ref2.event,index=_ref2.index,eventType=_ref2.eventType;return Object(getVerticalBarChartTooltipPosition.a)({tooltipPosition:{event:event,index:index,eventType:eventType},chartXPosition:chartXPosition,formatPositionForTooltip:formatPositionForTooltip,maxIndex:labels.length-1,step:labelWidth,yMin:constants.r.Top,yMax:drawableHeight+Number(constants.r.Bottom)+xAxisHeight})},margin:constants.r,onIndexChange:function onIndexChange(index){return setActiveIndex(index)},parentRef:svgRef}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent})]});function formatPositionForTooltip(index){var _xScale;if(null==index)return TooltipWrapper_constants.b;var sortedData=Object(sortBarChartData.a)(labels,barChartData.series),xPosition=null!=(_xScale=xScale(index))?_xScale:0,sortedDataPos=sortedData[index].map((function(num){return Math.abs(null!=num?num:0)})),highestValuePos=Math.max.apply(Math,toConsumableArray_default()(sortedDataPos)),x=xPosition+chartXPosition,y=barYScale(highestValuePos)+constants.r.Top;return{x:x,y:Math.abs(y),position:{horizontal:TooltipWrapper_types.a.Left,vertical:TooltipWrapper_types.b.Above},activeIndex:index}}}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataGroup[]"}},renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},seriesNameFormatter:{defaultValue:null,description:"",name:"seriesNameFormatter",required:!0,type:{name:"LabelFormatter"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},xAxisOptions:{defaultValue:null,description:"",name:"xAxisOptions",required:!0,type:{name:"XAxisOptions"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"Dimensions"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/ComboChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/ComboChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function formatDataForTooltip_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function formatDataForTooltip_objectSpread(target){for(var i=1;i"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},opacity:{defaultValue:{value:"1"},description:"",name:"opacity",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Crosshair/Crosshair.tsx#Crosshair"]={docgenInfo:Crosshair.__docgenInfo,name:"Crosshair",path:"packages/polaris-viz/src/components/Crosshair/Crosshair.tsx#Crosshair"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AnalyticsExperiences\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AnalyticsExperiences.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AnalyticsExperiences.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AnalyticsExperiences\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableNativeCharts\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AvailableNativeCharts.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AvailableNativeCharts.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableNativeCharts\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableWebCharts\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AvailableWebCharts.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AvailableWebCharts.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:AvailableWebCharts\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Behavior\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Behavior.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Behavior.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Behavior\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:BuildingBlocks\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./BuildingBlocks.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/BuildingBlocks.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:BuildingBlocks\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CharacterWidthsFile\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CharacterWidthsFile.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CharacterWidthsFile.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CharacterWidthsFile\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CodeOfConduct\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CodeOfConduct.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CodeOfConduct.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CodeOfConduct\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Context\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Context.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Context.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Context\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Contributing\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Contributing.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Contributing.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Contributing\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CreatingReleases\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CreatingReleases.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CreatingReleases.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CreatingReleases\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CustomizingThemes\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./CustomizingThemes.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/CustomizingThemes.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:CustomizingThemes\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Data\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Data.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Data.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Data\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:DefaultThemes\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./DefaultThemes.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/DefaultThemes.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:DefaultThemes\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Definitions\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Definitions.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Definitions.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Definitions\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:FormattingValues\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./FormattingValues.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/FormattingValues.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:FormattingValues\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithNative\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./GettingStartedWithNative.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithNative.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithNative\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithWeb\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./GettingStartedWithWeb.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithWeb.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:GettingStartedWithWeb\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Labels\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Labels.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Labels.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Labels\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Legends\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Legends.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Legends.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Legends\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:LocalDevelopment\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./LocalDevelopment.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/LocalDevelopment.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:LocalDevelopment\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Principles\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Principles.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Principles.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Principles\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Readme\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Readme.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Readme.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Readme\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Sandbox\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Sandbox.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/Sandbox.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:Sandbox\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:ThemeDefinition\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./ThemeDefinition.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/ThemeDefinition.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:ThemeDefinition\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:UsageWithShopifyQL\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./UsageWithShopifyQL.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/UsageWithShopifyQL.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:UsageWithShopifyQL\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:WritingStories\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./WritingStories.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/WritingStories.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:WritingStories\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:arc\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./arc.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/arc.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:arc\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:bar\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./bar.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/bar.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:bar\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:chartConainer\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./chartConainer.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/chartConainer.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:chartConainer\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:createThemeUtility\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./createThemeUtility.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/createThemeUtility.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:createThemeUtility\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:crosshair\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./crosshair.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/crosshair.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:crosshair\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:grid\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./grid.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/grid.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:grid\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:legend\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./legend.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/legend.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:legend\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:line\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./line.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/line.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:line\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:polaris-viz-core\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./polaris-viz-core.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/polaris-viz-core.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:polaris-viz-core\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:seriesColors\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./seriesColors.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/seriesColors.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:seriesColors\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:tooltip\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./tooltip.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/tooltip.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:tooltip\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:xaxis\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./xaxis.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/xaxis.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:xaxis\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:yaxis\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./yaxis.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/yaxis.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./packages/polaris-viz/src/components/Docs/stories sync ^\\.[\\\\/](?:yaxis\\.stories\\.mdx)$"},"./packages/polaris-viz/src/components/Docs/stories/AnalyticsExperiences.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n### ShopifyQL\n\nThe querying language built specifically for communication between systems serving data and systems querying data, inside and outside of Shopify. A request for data, formatted using ShopifyQL, is called a query or code snippet.\n\nMost queries are created by Shopify to power the metrics and analytics experiences that appear across the admin. Some queries can be merchant-generated from within notebooks.\n\nThe following is an example of a ShopifyQL query. This query is requesting the metric `total_sales` from the sales data table and asking that it’s displayed by day, over the past 30 days. The requested data can then be displayed in a variety of forms, such as a data table or a chart.\n\n```tsx\nFROM sales\nSHOW total_sales\nBY month OVER day\nSINCE -30d UNTIL today\n\n```\n\n### In-context analytics experiences\n\nSurface metrics within the operational spaces of the admin (e.g. Orders, Products, Customers). They should include only the most relevant metrics for the operational workflows that merchants do in those spaces and should help merchants more efficiently make data-informed decisions while doing day-to-day tasks.\n\n\"A\n\n### Report experiences\n\nMore comprehensive representations of a data set that typically include a data visualization (chart) and data table. The information contained in a report can be somewhat modified, for example adding a filter, but to make significant changes the merchant must edit the underlying query in a notebook.\n\nReports are accessed through the Analytics section, but in-context metrics also directly connect to relevant reports, so merchants can more deeply explore and analyze their data when necessary.\n\n\"Line\n\n\n### Notebook experiences\n\nAllow a merchant to create or modify existing ShopifyQL queries. Notebooks are an exploratory tool that can generate a visualization or a data table, using ShopifyQL. In a notebook, the merchant can edit an existing query from a Shopify-generated report or create a new query entirely.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Analytics Experiences",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/AvailableNativeCharts.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/MobileComponents/MobileComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz-native/Available Charts",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/AvailableWebCharts.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/WebComponents/WebComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz/Available Charts",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Behavior.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\nWhen interacting with a line chart, a dot will appear on the line(s) for the data point(s) closest to the mouse. When moving the mouse around the chart, the dots animate, following the path of each line until they snap into the next position on top of a data point. This helps guide the eye in tandem with the user’s intent, and differentiate parts of the line that actually have data points from parts that are just interpolations between one data point and the next.\n\n\"Animation\n\n### Empty/Loading state\n\nWhen a vertical chart first appears on the screen, the initial animation starts from zero on the y-axis. The shape that represent the data, for example bars of lines, then grow from the zero line to their final position\n\n\"Bar\n\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Behavior",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/BuildingBlocks.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n
\n\n##### Complexity\n\nWidgets can be of varying complexities based on the queries that generated them. They also differ in interactivity and behaviour, as well as where they are published.\n\n##### Content\n\nA widget can include some or all of the following elements:\n\n\"A\n\n- **Title** \\- the name of the metric being displayed in the widget\n- **Value** \\- the numeric value that communicates the metric\n- **Trend indicator** \\- an arrow and value indicating whether the metric has increased or decreased compared to the previous time period\n- **Timestamp** \\- the window of time widget’s data is from (when there’s no other indication of time present)\n- **Chart** \\- a visual representation of the metric being displayed (e.g. sparkline)\n- **Dimension** \\- a concept used to slice the main metric in a specific way, for example, total sales by sales channel\n\n\n##### Types\n\nThere are two main tiers of widgets that have been defined in the analytics system. Level 1 (L1) is the simplest in complexity, both in terms of the information contained in the widget, and in how it’s displayed. Level 1 widgets have limited interactivity.\n\nA level 1 widget can be as simple as only a title and a fact, or as complex as a title, fact, one low-cardinality dimension, change indicator, and simple chart.\n\n\"Level\n\nLevel 2 (L2) is the most complex type of widget, both in terms of the data it displays and how it’s displayed, both visually and including their more complex functionalities and interactions.\n\n\"Line\n\nA chart, or visualization, is the representation of data in a visual form, typically presented in the form of a chart or a table. Different metrics and analytics experiences require varying visualizations, so we provide a range of charts to ensure the best visualization for every situation.\n\n***\n\n### Sparklines and sparkbars\n\nMetrics that show time-series data include a sparkline or sparkbar to visually highlight the data trend.\n\n\"A\n\n**Sparklines** are most often used to communicate progress toward a cumulative number, but can also be used to show change over time. For example, a sparkline would work well to show total sales growth over the course of a day.\n\n**Sparkbars** are best used to indicate non-cumulative values at specific points in time, where the merchant is more interested in seeing the metric at regular intervals. For example, a sparkbar would work well to show how many online store sessions a merchant’s website got during each day of the month.\n\n***\n\n### Line chart | Time series\n\n\"Line\n\nThe line chart is best used to display discrete data: a series of data points over time, where the time intervals are uniform and equally spaced (e.g. one data point per hour). It shows how the data is trending over time.\n\nBest for:\n\n- Showing discrete data, like sales or orders, over regular time intervals\n- Seeing data changes, like growing sales, over time\n\n***\n\n### Vertical bars | Categorical\n\n\"Vertical\n\nThe vertical bar chart is best used to present categorical data, which is data that can be put into groups. For example, you could group data by product, geographical location, or sales channel.\n\nCategorical data is best for communicating discrete values for each grouping, like showing the total number of each product that has been ordered in the example above. Other common examples of categorical data are age, education level, and language.\n\n***\n\n### Vertical bars | Distribution\n\n\"Vertical\n\nThe distribution vertical bar chart’s goal is to approximate the distribution of a metric, and is best used to demonstrate the spread of a metric’s values, making it easy to see outliers, gaps, or areas of concentration. For example, this chart shows the distribution of the merchant’s fulfillment times, and highlights the median time to fulfill their orders.\n\n***\n\n### Data tables\n\nData displayed in a tabular form through rows and columns. For example, the web traffic of an online store displayed in the data table below. Data tables are most often seen in notebooks and reports.\n\n\"Table\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Building Blocks",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CharacterWidthsFile.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Character Widths File",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CodeOfConduct.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone, regardless of age, body\nsize, visible or invisible disability, ethnicity, sex characteristics, gender\nidentity and expression, level of experience, education, socio-economic status,\nnationality, personal appearance, race, religion, or sexual identity\nand orientation.\n\nWe pledge to act and interact in ways that contribute to an open, welcoming,\ndiverse, inclusive, and healthy community.\n\n## Our Standards\n\nExamples of behavior that contributes to a positive environment for our\ncommunity include:\n\n- Demonstrating empathy and kindness toward other people\n- Being respectful of differing opinions, viewpoints, and experiences\n- Giving and gracefully accepting constructive feedback\n- Accepting responsibility and apologizing to those affected by our mistakes,\n and learning from the experience\n- Focusing on what is best not just for us as individuals, but for the\n overall community\n\nExamples of unacceptable behavior include:\n\n- The use of sexualized language or imagery, and sexual attention or\n advances of any kind\n- Trolling, insulting or derogatory comments, and personal or political attacks\n- Public or private harassment\n- Publishing others' private information, such as a physical or email\n address, without their explicit permission\n- Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Enforcement Responsibilities\n\nCommunity leaders are responsible for clarifying and enforcing our standards of\nacceptable behavior and will take appropriate and fair corrective action in\nresponse to any behavior that they deem inappropriate, threatening, offensive,\nor harmful.\n\nCommunity leaders have the right and responsibility to remove, edit, or reject\ncomments, commits, code, wiki edits, issues, and other contributions that are\nnot aligned to this Code of Conduct, and will communicate reasons for moderation\ndecisions when appropriate.\n\n## Scope\n\nThis Code of Conduct applies within all community spaces, and also applies when\nan individual is officially representing the community in public spaces.\nExamples of representing our community include using an official e-mail address,\nposting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported to the community leaders responsible for enforcement at opensource@shopify.com.\nAll complaints will be reviewed and investigated promptly and fairly.\n\nAll community leaders are obligated to respect the privacy and security of the\nreporter of any incident.\n\n## Enforcement Guidelines\n\nCommunity leaders will follow these Community Impact Guidelines in determining\nthe consequences for any action they deem in violation of this Code of Conduct:\n\n### 1. Correction\n\n**Community Impact**: Use of inappropriate language or other behavior deemed\nunprofessional or unwelcome in the community.\n\n**Consequence**: A private, written warning from community leaders, providing\nclarity around the nature of the violation and an explanation of why the\nbehavior was inappropriate. A public apology may be requested.\n\n### 2. Warning\n\n**Community Impact**: A violation through a single incident or series\nof actions.\n\n**Consequence**: A warning with consequences for continued behavior. No\ninteraction with the people involved, including unsolicited interaction with\nthose enforcing the Code of Conduct, for a specified period of time. This\nincludes avoiding interactions in community spaces as well as external channels\nlike social media. Violating these terms may lead to a temporary or\npermanent ban.\n\n### 3. Temporary Ban\n\n**Community Impact**: A serious violation of community standards, including\nsustained inappropriate behavior.\n\n**Consequence**: A temporary ban from any sort of interaction or public\ncommunication with the community for a specified period of time. No public or\nprivate interaction with the people involved, including unsolicited interaction\nwith those enforcing the Code of Conduct, is allowed during this period.\nViolating these terms may lead to a permanent ban.\n\n### 4. Permanent Ban\n\n**Community Impact**: Demonstrating a pattern of violation of community\nstandards, including sustained inappropriate behavior, harassment of an\nindividual, or aggression toward or disparagement of classes of individuals.\n\n**Consequence**: A permanent ban from any sort of public interaction within\nthe community.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage],\nversion 2.0, available at\n[https://www.contributor-covenant.org/version/2/0/code_of_conduct.html][v2.0].\n\nCommunity Impact Guidelines were inspired by\n[Mozilla's code of conduct enforcement ladder][mozilla coc].\n\nFor answers to common questions about this code of conduct, see the FAQ at\n[https://www.contributor-covenant.org/faq][faq]. Translations are available\nat [https://www.contributor-covenant.org/translations][translations].\n\n[homepage]: https://www.contributor-covenant.org\n[v2.0]: https://www.contributor-covenant.org/version/2/0/code_of_conduct.html\n[mozilla coc]: https://github.com/mozilla/diversity\n[faq]: https://www.contributor-covenant.org/faq\n[translations]: https://www.contributor-covenant.org/translations\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Code of Conduct",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Context.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(ShopifyQL), and is comprised of building blocks that combine to create analytics experiences. The contents of this guide will help you to understand these building blocks and how to use them as you’re building analytics experiences in the Shopify admin.\n\n\n\"Graph\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Context",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Contributing.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n# 🀝 Contributing\n\n
\n
\n\n## Code of conduct\n\nWe expect all participants to read our [code of conduct](https://polaris-viz.shopify.com/?path=/docs/contributing-code-of-conduct--page) to understand which actions are and aren’t tolerated.\n\n
\n
\n
\n\n## Development\n\x3c!-- TODO UPDATE LINK --\x3e\n\nπŸ‘©πŸΎβ€πŸ’» For local development instructions, head to the [Contributing/Local Development](http://polaris-viz.shopify.com/?path=/story/contributing-local-development--page) section\n\n
\n
\n
\n\n## Semantic versioning\n\nPolaris Viz follows [semantic versioning](https://semver.org/).\n\nEvery significant change is documented in the [CHANGELOG](/CHANGELOG.md).\n\n
\n
\n
\n\n## Contributor License Agreement (CLA)\n\nEach contributor is required to [sign a CLA](https://cla.shopify.com/). This process is automated as part of your first pull request and is only required once. If any contributor has not signed or does not have an associated GitHub account, the CLA check will fail and the pull request is unable to be merged.\n\n
\n
\n
\n\n## Bugs\n\n### Where to find known issues\n\nWe track all of our issues and bugs in GitHub. If you are planning to work on an issue, avoid ones which already have an assignee.\n\n### Reporting new issues\n\nTo reduce duplicates, look through open issues before filing one. The best way to get your bug fixed is to provide a reduced test case with a story example.\n\n\n
\n
\n
\n\n## Feature requests\n\nBefore requesting a feature, search our issues. If it doesn't already exist, open an issue to start a discussion.\n\n
\n
\n
\n\n## Proposing a change\n\nIf you intend to build a new component, change a public API, make design improvements, or any other non-trivial changes, we recommend filing an issue so we can reach an agreement on the proposal before you put in time and effort.\n\nIf you’re fixing a bug, it’s okay to submit a pull request right away. We still recommend you file an issue detailing what you’re fixing in case we don’t accept that specific fix, but want to keep track of the issue.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/README",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CreatingReleases.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Creating Releases",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/CustomizingThemes.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("Divider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Themes/Customizing",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{mdxType:"Title"},"✨ Customizing themes"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If you want to apply a different visual identity to your charts, start by wrapping your app with the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider"),":"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-jsx"},"import {PolarisVizProvider} from '@shopify/polaris-viz';\n\nexport const YourTopLevelComponent = () => {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider")," allows you to:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",{parentName:"li"},"Overwite the default styles of all charts in your application")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",{parentName:"li"},"Define multiple themes that can be used by each instance of your charts"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Divider,{mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h3",mdxType:"Title"},"Overwriting the theme"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If you only have one style for all charts, overwrite the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," ","theme and those changes will be applied to all charts that are children of"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizProvider"),", even if you don't explicitly pass anything to the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"theme")," prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"import {PolarisVizProvider, BarChart} from '@shopify/polaris-viz';\n\nexport const YourTopLevelComponent = () => {\n return (\n \n {/* πŸ‘‡ Because the \"Light\" theme's backgroundColor is\n overwritten; all charts inside will have a\n darkblue background color */}\n \n \n );\n};\n\nexport const App = () => {\n return (\n <>\n {/* πŸ‘‡ and are rendered as\n children of above, so both\n will have darkblue background */}\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",color:"white",display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:"10px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{Light:{chartContainer:{backgroundColor:"darkblue"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:1,mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.f,{mdxType:"SampleLineChart"}),codeSample:"",mdxType:"ComponentContainer"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(Divider,{mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h3",mdxType:"Title"},"Creating multiple themes"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can also define multiple extra themes in the themes object. Each top level key in this object will be used as a theme name, that later on you can pass to individual charts."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"In this example, the first chart uses a theme named ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"AngryRed")," and the second ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"HappyGreen")," πŸ‘‡"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"\n \n \n\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",color:"white",display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:"10px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,{themes:{AngryRed:{seriesColors:{single:["black"]},chartContainer:{backgroundColor:"#ff0025"}},HappyGreen:{seriesColors:{single:["black"]},chartContainer:{backgroundColor:"#00ff64"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{theme:"AngryRed",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"250px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{theme:"AngryRed",mdxType:"SampleSparkLineChart"})),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{theme:"HappyGreen",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"250px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{theme:"HappyGreen",mdxType:"SampleSparkLineChart"})),codeSample:"",mdxType:"ComponentContainer"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"To learn more about what properties you can change through a",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Theme"),", check the πŸ‘‰",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Theme Definition",mdxType:"LinkTo"},"Theme definition page")))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Customizing",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Data.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_utilities__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/BarChart/BarChart.tsx"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return `${x} years old`\n }\n }}\n yAxisOptions={{\n labelFormatter: (y) => {\n return `${y} cm`\n }\n }}\n data={SHARK_SPECIES_GROWTH}\n />\n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:_utilities__WEBPACK_IMPORTED_MODULE_4__.a,mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n {\n return `${x} years old`\n }\n }}\n yAxisOptions={{\n labelFormatter: (y) => {\n return `${y} cm`\n }\n }}\n data={SHARK_SPECIES_GROWTH}\n />\n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:_utilities__WEBPACK_IMPORTED_MODULE_4__.a,mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"DataSeries.color")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Can be used to overwrite the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Theme Definition",mdxType:"LinkTo"},"theme's series color"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Examples:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we use the same data set used above but set ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"color: 'lime'")," to the first series:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{cols:2,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],color:"lime"},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],color:"lime"},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"DataSeries.isComparison")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison")," is set to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"true")," a chart will use the default styles of comparison series - gray bars and gray dashed lines."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Examples:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we use the same data set used above but set ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison: true")," to the first series:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{cols:2,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_6__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],isComparison:!0},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"BarChart"})),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_11__.a,{codeSample:"\n \n",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{yAxisOptions:{labelFormatter:a=>`${a} cm`},xAxisOptions:{labelFormatter:a=>`${a} years old`},data:[{..._utilities__WEBPACK_IMPORTED_MODULE_4__.a[0],isComparison:!0},_utilities__WEBPACK_IMPORTED_MODULE_4__.a[1]],mdxType:"LineChart"})),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h2",mdxType:"Title"},"Filling Data"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"When providing multiple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," objects, we will fill all the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"Series")," so that all arrays contain the same keys. The filled ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"Series")," will contain ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"null")," as a value."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h4",mdxType:"Title"},"Example"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Suppose we have the following data arrays, we will fill the data arrays to ensure all keys are present in each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," object"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_10__.a,{mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",{parentName:"p"},"Input")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'Canada',\n data: [\n {key: 'Dogs', value: 23.43},\n {key: 'Cats', value: 6.64},\n ],\n },\n {\n name: 'United States',\n data: [\n {key: 'Lizards', value: 350.13},\n {key: 'Turtles', value: 223.43},\n ],\n },\n {\n name: 'China',\n data: [\n {key: 'Snakes', value: 0},\n {key: 'Eagles', value: 0},\n ],\n },\n]\n",mdxType:"Source"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",{parentName:"p"},"Output")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'Canada',\n data: [\n {key: 'Dogs', value: 23.43},\n {key: 'Cats', value: 6.64},\n {key: 'Lizards', value: null},\n {key: 'Turtles', value: null},\n {key: 'Snakes', value: null},\n {key: 'Eagles', value: null},\n ],\n },\n {\n name: 'United States',\n data: [\n {key: 'Dogs', value: null},\n {key: 'Cats', value: null},\n {key: 'Lizards', value: 350.13},\n {key: 'Turtles', value: 223.43},\n {key: 'Snakes', value: null},\n {key: 'Eagles', value: null},\n ],\n },\n {\n name: 'China',\n data: [\n {key: 'Dogs', value: null},\n {key: 'Cats', value: null},\n {key: 'Lizards', value: null},\n {key: 'Turtles', value: null},\n {key: 'Snakes', value: 0},\n {key: 'Eagles', value: 0},\n ],\n },\n]\n",mdxType:"Source"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{type:"h3",mdxType:"Title"},"Linear Data"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"This approach assumes that linear charts (",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},""),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"")," & ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},""),") will have matching keys for each ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"When creating the chart labels, we use the keys from the longest ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries"),". The keys from other ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," objects are ignored."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a user provides different keys, the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," will be combined, resulting in a longer set of data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The exception to this rule is when a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"DataSeries")," is provided with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"isComparison: true"),". In that case, we will not fill the data because comparison data can have different dates for each key and can also include data of different sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.g,{dark:!0,language:"jsx",code:"\n[\n {\n name: 'This Year',\n data: [\n {key: 'January', value: 10},\n {key: 'February', value: 20},\n {key: 'March', value: 30},\n {key: 'April', value: 10},\n {key: 'May', value: 20},\n {key: 'June', value: 30},\n ],\n },\n {\n name: 'Last Year',\n data: [\n {key: 'January', value: 0},\n {key: 'February', value: 5},\n {key: 'March', value: 10},\n {key: 'April', value: 0},\n {key: 'May', value: 5},\n {key: 'June', value: 10},\n {key: 'July', value: 10},\n {key: 'August', value: 10},\n {key: 'September', value: 10},\n {key: 'October', value: 10},\n {key: 'November', value: 10},\n {key: 'December', value: 10},\n ],\n isComparison: true\n }\n]\n",mdxType:"Source"}))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Data Structure",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/DefaultThemes.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{title:"Light Theme",description:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"The library also comes with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," theme that can be applied to all charts"),theme:"Light",chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:2,theme:"Light",mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{title:"Print Theme",description:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,"Gets automatically applied to all charts when printing. Based on the"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"Light")," theme but with reduced gradients to optimize for printing"),theme:"Light",chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{seriesLength:2,theme:"Print",mdxType:"SampleBarChart"}),codeSample:"",mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can read more about customizing or creating your own themes in πŸ‘‰",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Themes/Customizing",mdxType:"LinkTo"},"Theme customization page"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{type:"h2",mdxType:"Title"},"πŸ–¨ Print Support"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"We aim to make the components printable in all evergreen browsers."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"However, Firefox"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("a",{target:"_blank",href:"https://bugzilla.mozilla.org/show_bug.cgi?id=774398"},"does not respond super well to print"),". In fact, the print preview does not rerender the page. Even the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"onbeforeprint")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"onafterprint")," events do not fire in time. This can cause charts not to scale properly to the print page. For this reason, the print theme will also not work properly on Firefox."))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Default Themes",parameters:{viewMode:"docs"},component:_shopify_polaris_viz__WEBPACK_IMPORTED_MODULE_4__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Definitions.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n
\n\n### Analytics experiences\n\n***\n\n##### Dashboard\n\n   A dynamic data display containing a variety of metrics to answer a specific set of business questions (e.g. overall health of business, order fulfillment) in the form of dynamic visualizations. Used primarily to support monitoring of key performance indicators, such as total sales or number of fulfilled orders. A dashboard can be the size of an entire page or can be part of other pages within the admin (e.g. orders index).\n\n##### Notebook\n\n   An interface where users can edit or write and execute code that queries Shopify data, visualize the results, and share insights.\n\n##### Report\n\n   A representation of data that has been queried so as to answer a specific question or inform on a general topic area. Reports typically include a chart and data table, with one primary dimension, one primary metric, and may include several supporting metrics. The content of a report can be manipulated by altering the date range, time grouping, or filtering the data.\n\n
\n
\n\n#### Building blocks\n\n***\n\n##### Chart\n\n   A graphic representation of data, usually in the form of points of sequential data forming a line or a series of bars.\n\n##### Query\n\n   A question aboutβ€”or request forβ€”data, formatted using a formally defined syntax. For Shopify data, queries are formatted using ShopifyQL and can be edited or written from within a notebook.\n\n##### Table\n\n   Data displayed in a tabular form through rows and columns.\n\n##### Widget\n\n   A ShopifyQL query and its visual output that may contain a title, short description, a chart, a trend, and other functionalities.\n\n
\n
\n\n#### Merchant analytical processes\n\n***\n\n##### Monitoring\n\n   Regularly checking specific information for a deviation from expectation in order to identify and prioritize time-sensitive tasks that could impact the business. Monitoring is most often supported by in-context analytics.\n\n##### Evaluation\n\n   Regularly checking specific information at set intervals for an expected behavior in order to assess the result of the action taken for achieving a specific objective. Monitoring is most often supported by in-context analytics.\n\n##### Investigation\n\n   Conducting a deep dive into more specific information, after observing a deviation from expectation, in order to understand the cause(s) of the deviation that could impact the business. Investigation is typically supported by the reports connected to in-context analytics and the reports available in the Analytics section.\n\n##### Exploration\n\n   Merchant-driven exploration of the data in ways that are not preconfigured by Shopify and/or to answer questions that can’t be sufficiently answered by the default metrics and reports available. This is most often done by creation of one or many unique ShopifyQL queries and notebooks.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Definitions",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/FormattingValues.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_LineChart__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Formatting Values",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"Title"},"🏭 Formatting Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"All charts that display values as text offer options to customize the way you can format them."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{noLine:!0,mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Axis Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can pass in a custom function to format the values on the axis."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{cols:1,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{codeSample:"\n {\n return `${value} pickles`;\n },\n }}\n xAxisOptions={{\n labelFormatter: (value) => {\n return `${new Date(value).toLocaleDateString('en-US', {\n dateStyle: 'medium',\n })}`;\n },\n }}\n data={[\n {\n name: 'Sales',\n data: [\n {value: 13, key: '2022-01-02'},\n {value: 42, key: '2022-01-03'},\n ],\n },\n ]}\n showLegend={false}\n/>\n ",theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"100%",display:"block",position:"absolute",height:"140px",paddingTop:"20px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{[_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x]:{chartContainer:{borderRadius:"0",padding:"0",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_LineChart__WEBPACK_IMPORTED_MODULE_7__.a,{theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,yAxisOptions:{labelFormatter:value=>`${value} pickles`},xAxisOptions:{labelFormatter:value=>`${new Date(value).toLocaleDateString("en-US",{dateStyle:"medium"})}`},data:[{name:"Sales",data:[{value:13,key:"2020-01-02"},{value:42,key:"2020-01-03"}]}],showLegend:!1,mdxType:"LineChart"}))),mdxType:"ComponentContainer"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{noLine:!0,mdxType:"Divider"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Tooltip Values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can also pass in a custom functions to format all the information displayed in the default tooltip."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.a,{cols:1,mdxType:"ExamplesGrid"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{codeSample:"\n {\n return `πŸ—“ ${new Date(value).toLocaleDateString('en-US', {\n dateStyle: 'long',\n })}`;\n },\n keyFormatter: (value) => {\n return `${value.toLowerCase()} `;\n },\n valueFormatter: (value) => {\n return `${value} πŸ₯’ `;\n },\n }}\n data={[\n {\n name: 'Sales',\n data: [\n {value: 13, key: '2022-01-02'},\n {value: 42, key: '2022-01-03'},\n ],\n },\n ]}\n showLegend={false}\n/>\n ",theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"100%",display:"block",position:"absolute",height:"140px",paddingTop:"20px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{[DEFAULT_THEME]:{chartContainer:{borderRadius:"0",padding:"0",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_LineChart__WEBPACK_IMPORTED_MODULE_7__.a,{theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_8__.x,tooltipOptions:{titleFormatter:value=>`πŸ—“ ${new Date(value).toLocaleDateString("en-US",{dateStyle:"long"})}`,keyFormatter:value=>`${value.toLowerCase()} `,valueFormatter:value=>`${value} πŸ₯’ `},data:[{name:"Sales",data:[{value:13,key:"2020-01-02"},{value:42,key:"2020-01-03"}]}],showLegend:!1,mdxType:"LineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Formatting Values",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithNative.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Peer dependencies"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Polaris Viz Native has peer dependencies on:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"li"},"react@^16.8.0 || ^17.0.0")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"li"},"react-native@>=0.58"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You are responsible for providing these packages in your project. By requiring these packages as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"peerDependencies")," we can be sure there won't be duplicate packages included due to version mismatches."))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz-native/Getting Started",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/GettingStartedWithWeb.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return (\n \n \n \n );\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"CSS Styles"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If your app is set up to consume esnext builds, import components where you want\nto use them and the styles will automatically be applied."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If your app is not set up for esnext, import the styles where you import components from the library:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-js"},"import '@shopify/polaris-viz/build/esm/styles.css';\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Peer dependencies"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Polaris Viz has ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"react@^16.8.6")," as a peer dependency."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You are responsible for providing this package in your project. By requiring this package as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("inlineCode",{parentName:"p"},"peerDependencies")," we can be sure there won't be duplicate packages included due to version mismatches."))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"polaris-viz/Getting Started",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Labels.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Labels",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{mdxType:"Title"},"🏷 Labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"A label consists of a container and a text element. This text element can either be a single line, or up to 3 lines of text from the string."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Basic truncation"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a string is not wider than its container, it will display fully."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a string is wider than its container, it will break and truncate up to 3 lines. After the third line we use end-line truncation to display"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"…")," at the end of the string."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a single word in the string is wider than the container, we use end-word truncation to display ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"…")," at the end of the word, allowing the other words to display fully."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Diagonal labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{width:500,mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a container becomes smaller than ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"45px"),", we display the labels diagonally up to a max width of ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"100px"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Diagonal labels will only display a single line and use end-line truncation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",mdxType:"Title"},"Vertical labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.c,{width:400,mdxType:"SampleLabelsBarChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If a container becomes smaller than ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"14px"),", we display the labels vertically up to a max width of ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"80px"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Vertical labels will only display a single line and use end-line truncation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{type:"h2",mdxType:"Title"},"Skipping labels"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"Large data sets")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"For charts with large data sets that would result in the labels being too small to visually render, we will attempt to skip labels until we can render labels horizontally."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If we can not render labels horizontally, we will skip labels and render them diagonally or vertically, depending on container width"))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Labels",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Legends.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;ifunction MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",props)})("PolarisVizProvider"),layoutProps={};function MDXContent({components:components,...props}){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.d,{title:"Shared/Legends",parameters:{viewMode:"docs",docsOnly:!0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{margin:"0 auto",maxWidth:"800px",color:"white"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(PolarisVizProvider,{themes:{Dark:{chartContainer:{padding:"20px"}},Light:{chartContainer:{padding:"20px"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{mdxType:"Title"},"πŸ““ Legends"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"The more data series in a chart, the more colors and shapes it has. This makes it more challenging to parse the information quickly. By adding interactive legends we can highlight individual series to allow users to parse information in another way and help distinguish between series for people with color vision deficiencies."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.d,{mdxType:"SampleLegendChart"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Legends respond to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"hover")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("strong",null,"focus")," events to highlight the corresponding series on the chart."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h2",mdxType:"Title"},"Guidelines"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",null,"Legends are not available on SparkCharts."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("li",null,"Legends should always be used on charts with more than one series.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_4__.a,{type:"h3",mdxType:"Title"},"How are Legends Generated?"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"Legend ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"title")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"color")," are generated from the root",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"name")," properties from the provided ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_3__.a,{kind:"Shared/Data Structure",mdxType:"LinkTo"},"DataSeries"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_5__.e,{mdxType:"SampleLegendContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",{parentName:"pre",className:"language-tsx"},"const DATA = [\n {\n name: 'Breakfast',\n data: [...]\n },\n {\n name: 'Lunch',\n color: 'green',\n data: [...]\n },\n {\n name: 'Dinner',\n data: [...]\n },\n];\n")))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Legends",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/LocalDevelopment.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n\n## πŸ‘¨πŸ½β€πŸ’» Local Development\n\nTo get started developing locally:\n\n- Clone the repo: `git clone https://github.com/Shopify/polaris-viz.git`\n- Install all dependencies: `yarn install`\n- Start Storybook locally: `yarn storybook`\n- Commit your changes as you would usually. Make sure to describe your edits or additions in the package's corresponding CHANGELOG.md.\n\n> ⚠️ If you don't have [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) installed on your computer, install it first by running `npm install --global yarn`\n\n### Scripts\n\n**NoteπŸ—’οΈ** These are the most common scripts. See the `package.json` for a full list of all available scripts.\n\n- **`yarn build`:**\nCleans all `build` directories and rebuilds all packages\n\n- **`yarn type-check`:**\nWill type check all packages\n\n- **`yarn test`:**\nWill start the jest test runner\n\n- **`yarn dev`:**\nBuilds all libraries and automatically rebuilds on code change. This can be combined with the [Sandbox](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page) to get near live updates.\n\n- **`yarn storybook`:**\nRuns storybook locally\n\n- **`yarn lint`:**\nLints all files\n\n- **`yarn version-bump`:**\nCreates a new release and a tag. Does not push to github. Save to use for testing without pushing.\n\n
\n\n### Dependency management\n\nDue to the monorepo setup Polaris Viz now has an additional `package.json` in the root on top of the individual `package.json` files of the libraries.\n\nAdd new dependencies to whichever library requires them. For example: When adding a new dependency to `@shopify/polaris-viz` run `yarn add @some/library` (or `yarn add @some/library --dev` respectively) as you usually would while in the `packages/polaris-viz` directory.\n\nThe root `package.json` merely contains `devDependencies` that are needed to build all libraries successfully when running `yarn build`. Any runtime libraries need to be added to the individual packages.\n\n### Developing in React Native\n\nTo test `@shopify/polaris-viz-native` code please use our [Sandbox](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page).\n\n
\n\n## πŸ—‚ Folder Structure\n\n
\n\n### `/packages`\n\nIn the packages folder you'll find the source code of the libraries that get published to NPM:\n\n- `/packages/polaris-viz` => `@shopify/polaris-viz`\n- `/packages/polaris-viz-native` => `@shopify/polaris-viz-native`\n- `/packages/polaris-viz-core` => `@shopify/polaris-viz-core`\n\n`@shopify/polaris-viz-core` contains platform agnostic code shared by both `@shopify/polaris-viz` and `@shopify/polaris-viz-native`\n\nThis monorepo is managed with Shopify's [Loom](https://www.npmjs.com/package/@shopify/loom) for building and testing and [Lerna](https://github.com/lerna/lerna) for the publishing workflow. To learn more about how to create releases please see our [Creating Releases page](http://polaris-viz.shopify.com/?path=/docs/contributing-creating-releases--page).\n\n\n
\n\n### `*/**/stories/`\n\nWe use [Storybook](https://storybook.js.org/) to document and develop our components. Story files are located in `/stories/` folders in each package `/src/` folder.\n\nIf you add a new prop to an existing component or create a new chart component or a new subcomponent that are used throughout the repo, ensure any new states are covered by stories.\n\nFor complex props, like callback functions, consider adding a select to stories with a few different predefined options.\n\n\n
\n\n### `/sandbox`\n\nThe sandbox folder contains an [Expo](https://docs.expo.dev/) app pre-configured so you can test the build of each library in a web browser, an iOS simulator or an Android simulator. Read more about how to use it on the [Sandbox page](http://polaris-viz.shopify.com/?path=/docs/contributing-sandbox--page).\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Local Development",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Principles.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;iTimely\nMerchants need data at the right time and in the right place to make great decisions, and users need timely access to data relevant to their role. We provide easy-to-find, relevant data across the admin, where and when it’s needed.\n\n

Connected

\nAnalytics experiences across the admin should be connected, guiding merchants to answer their unique business questions. They should enable merchants to easily transition from monitoring, to investigating, to building their own data explorations.\n\n

Approachable

\nAnalytics should strike a balance between technical accuracy and approachability. The ultimate goal is to be helpful and ensure merchants quickly understand what the data is trying to communicate. We add contextual elements when necessary to help merchants better understand and leverage their data (e.g. legends, tool-tips, labels).\n\n

Consistent

\nThough data visualizations show up on multiple surfaces and in varying contexts, there's a visual identity that unifies them. An analytics object is easily identifiable through its design language and unique behavior.\n\n

Delightful

\nThe elements and behavior in our experiences generate meaningful delight for our users. Animations and colors support storytelling and help users understand the underlying dataβ€”thoughtful details in how we present the information provide an overall enjoyable experience that also imparts valuable meaning and takes accessibility into account.\n\n

Scalable

\nAt Shopify, merchants’ businesses, and therefore their data, are dynamic. Our charts need to accommodate this variety, scaling gracefully to adapt to a broad range of data points, from two to two thousand. The visualizations we provide should always look good regardless of the volume of data.\n\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Design System/Principles",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Readme.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),utilities=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),Divider=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),Title=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),WebComponents=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/WebComponents/WebComponents.tsx"),MobileComponents=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/MobileComponents/MobileComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;iPolaris viz

\n\n**Polaris Viz** is Shopify\'s data visualization system. It\'s what powers many of our data heavy experiences, including [ShopifyQL Notebooks](https://shopify.engineering/shopify-commerce-data-querying-language-shopifyql).\n\nIt is composed of two consumer-facing libraries:\n\n
\n\n- `polaris-viz`\n![version badge](https://img.shields.io/npm/v/@shopify/polaris-viz)\n![size badge](https://img.shields.io/bundlephobia/minzip/@shopify/polaris-viz)\n\n a collection of React components built for **web**\n\n
\n\n- `polaris-viz-native`\n![version badge](https://img.shields.io/npm/v/@shopify/polaris-viz-native)\n![size badge](https://img.shields.io/bundlephobia/minzip/@shopify/polaris-viz-native)\n\n a collection of React Native components optimized for **mobile experiences**\n\n
\n\nBoth libraries use the same [Data Structure](https://polaris-viz.shopify.com/?path=/docs/shared-data-structure--page), [Utility functions](https://polaris-viz.shopify.com/?path=/docs/shared-utilities-accessibility-color-vision-events--page), [Themes](https://polaris-viz.shopify.com/?path=/docs/shared-themes-default-themes--page) and SubComponents. _All things shared_ between `@shopify/polaris-viz` and `@shopify/polaris-viz-native` are documented in the Storybook\'s `Shared` folder\n\n\n- [πŸ““ Docs & Examples](https://polaris-viz.shopify.com/)\n- [πŸ–₯ Getting Started with Polaris Viz](https://polaris-viz.shopify.com/?path=/docs/polaris-viz-getting-started--page)\n- [πŸ“± Getting Started with Polaris Viz **Native**](https://polaris-viz.shopify.com/?path=/docs/polaris-viz-native-getting-started--page)\n\n\n
\n
\n
\n\nOur libraries are structured to favor charts that prioritize accessibility and motion design. The goal is to help users create clear and meaningful analytics experiences.\n\nWe want to do the heavy lifting of developing charts, so our partners can focus on telling amazing data stories and not re-inventing the wheel.\n\n
\n
\n
\n\n\n

🀝 Contributing

\n\n\n\nWant to help us build the future of data viz?\nThe system is currently in active development and we are working on expanding its features and available charts.\n\nPull requests are welcome! See the [contribution docs](https://github.com/Shopify/polaris-viz/blob/master/CONTRIBUTING.md) for more information and to learn how to set up your development environment.\n\n\n
\n
\n
\n\n

πŸ“ƒ Licenses

\n\n\n Source code is under a [custom license](https://github.com/Shopify/polaris-viz/blob/main/LICENSE.md) based on MIT. The license restricts Polaris Viz usage to applications that integrate or interoperate with Shopify software or services, with additional restrictions for external, stand-alone applications.\n'),mdxType:"Description"}),Object(esm.b)(Divider.a,{mdxType:"Divider"}),Object(esm.b)(Title.a,{type:"h2",mdxType:"Title"}," πŸ–₯ Available React Charts"),Object(esm.b)(WebComponents.a,{mdxType:"WebComponents"}),Object(esm.b)(Divider.a,{mdxType:"Divider"}),Object(esm.b)(Title.a,{type:"h2",mdxType:"Title"}," πŸ“± Available React Native Charts"),Object(esm.b)(MobileComponents.a,{mdxType:"MobileComponents"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Intro",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/Sandbox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i\n
\n\n## Start using the Sandbox\n\n1. `yarn install`\n2. `yarn dev`\n3. Open second terminal\n4. `yarn sandbox`\n6. Hit `i` for `iOS` or `a` for android. You can also scan the QR Code to open the app on your phone (with the [expo app](https://expo.dev/)).\n\n
\n\n⚠️ Expo offers you a `web` option. This displays React Native components in the browser, which are not the same as the Polaris Viz web components.\n\n
\n
\n
\n\n### Additional Context on building with the sandbox\n\nIf you notice file updates are not being picked up, abort the `yarn sandbox` command using `CTRL+C` and then run `yarn sandbox -c`. This will clear the metro cache.\n\nAny file changes within the libraries will automatically trigger the metro bundler to rebuild. However, because `demo-rn` consumes the libraries `build` folders you will also need to rebuild the packages themselves. A `dev` command has been added to the root `package.json`. `yarn dev` will automatically rebuild `polaris-viz-core` and `polaris-viz-native` as soon as any `tsx` or `ts` files are changed (with the exception of `.d.ts`).\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Sandbox",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/ThemeDefinition.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Intro",parameters:{viewMode:"docs",docsOnly:!0},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(MDXContent,null))},__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/UsageWithShopifyQL.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),utilities=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"ShopifyQL",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/WritingStories.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i(Component, {\n name: ['Matt', 'Rita', 'Logan'],\n color: ['red', 'blue', 'green'],\n})\n```\n\nThe following snippet would generate 18 stories with each combination of `name` and `color` provided. This is extremely useful when you want to ensure a component with many different options has a visual test.\n\n[Full Example](https://github.com/Shopify/polaris-viz/blob/main/packages/polaris-viz/src/components/Legend/stories/Legend.chromatic.stories.tsx)\n\n## Adding new stories\n\nWhen adding new stories run the `yarn add:story` command. This launches an interactive CLI that walks you through adding a story, or starting a new `/stories` folder for a chart or a component.\n",mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Writing Stories",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))};__webpack_exports__.default=componentMeta},"./packages/polaris-viz/src/components/Docs/stories/arc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),ts_dedent__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i