diff --git a/docs/main-1f6afd51ed8d437f96db.js b/docs/main-1f6afd51ed8d437f96db.js index 7691392da..8eff43895 100644 --- a/docs/main-1f6afd51ed8d437f96db.js +++ b/docs/main-1f6afd51ed8d437f96db.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:{"Default 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/ComparisonMetric/ComparisonMetric.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".ComparisonMetric-PositiveIcon_3hQrg,.ComparisonMetric-NegativeIcon_1MPca,.ComparisonMetric-NeutralIcon_2T097{display:flex;align-items:center}.ComparisonMetric-PositiveIcon_3hQrg svg{margin-right:4px}.ComparisonMetric-NegativeIcon_1MPca svg{margin-right:4px}.ComparisonMetric-VisuallyHidden_12duA{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",PositiveIcon:"ComparisonMetric-PositiveIcon_3hQrg",NegativeIcon:"ComparisonMetric-NegativeIcon_1MPca",NeutralIcon:"ComparisonMetric-NeutralIcon_2T097",VisuallyHidden:"ComparisonMetric-VisuallyHidden_12duA"},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/ComparisonMetric/components/DownChevron/DownChevron.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".DownChevron-VisuallyHidden_1ZG3T{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:"DownChevron-VisuallyHidden_1ZG3T"},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/ComparisonMetric/components/UpChevron/UpChevron.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".UpChevron-VisuallyHidden_1iOi3{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:"UpChevron-VisuallyHidden_1iOi3"},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:-apple-system,BlinkMacSystemFont,"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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:-apple-system,BlinkMacSystemFont,"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;font-size:20px;pointer-events:none;width:100%;height:100%}.DonutChart-ContentValue_aD1Kb{font-size:20px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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 10px}",""]),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;text-wrap:nowrap;text-overflow:ellipsis;padding-left:4px}.LegendValueItem-TableSpacer_20o1U{padding-left:30px}.LegendValueItem-alignLeft_2i1fT{text-align:left}.LegendValueItem-alignRight_Nl1FG{text-align:right}",""]),exports.locals={ColorPreview:"LegendValueItem-ColorPreview_3SmUj",Name:"LegendValueItem-Name_2QuaD",TableSpacer:"LegendValueItem-TableSpacer_20o1U",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-TextContainer_2U0Ts{display:flex;flex-direction:column;text-align:left;gap:3px;line-height:16px;margin:-2px 0;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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}.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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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{font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal}.BarLabel-FormattedHorizontalLabel_2TDhI{font-weight:700;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}",""]),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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:20px;font-size:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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=0?[{offset:0,stopOpacity:.25},{offset:100,stopOpacity:0}]:max<=0&&min<=0?[{offset:0,stopOpacity:0},{offset:100,stopOpacity:.25}]:[{offset:0,stopOpacity:.25},{offset:100-100*(0-min)/(max-min),stopOpacity:0},{offset:100,stopOpacity:.25}]}(data).map((function(gradientStop){return DefaultArea_objectSpread(DefaultArea_objectSpread({},gradientStop),{},{color:areaColor})}))}),[areaColor,data]);return null==areaPath||null==areaColor||null==gradientStops?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,{d:areaPath,fill:"url(#"+maskId+"-gradient)"})}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:maskId+"-gradient",x1:"0%",x2:"100%",y1:"0%",y2:"0%",gradient:[{offset:0,color:"black"},{offset:10,color:"white"},{offset:90,color:"white"},{offset:100,color:"black"}]}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:gradientId,x1:"0%",x2:"0%",y1:"0%",y2:"100%",gradient:gradientStops})]}),Object(jsx_runtime.jsx)(AnimatedPath,{d:areaPath,fill:"url(#"+gradientId+")",mask:"url(#"+maskId+")",strokeWidth:"0",stroke:areaColor,style:{pointerEvents:"none"}})]})}try{DefaultArea.displayName="DefaultArea",DefaultArea.__docgenInfo={description:"",displayName:"DefaultArea",props:{series:{defaultValue:null,description:"",name:"series",required:!0,type:{name:"LineChartDataSeriesWithDefaults"}},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/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.S,unmountedSpringConfig:constants.R}),_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__.nb,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.hb,x1:targetLineX1,x2:targetLineX2,y1:targetLineYPosition,y2:targetLineYPosition,strokeLinecap:"round",opacity:"0.9",strokeDashoffset:strokeDashoffset,strokeDasharray:constants.gb}):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__,"X",(function(){return LINE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"D",(function(){return FONT_SIZE})),__webpack_require__.d(__webpack_exports__,"nb",(function(){return XMLNS})),__webpack_require__.d(__webpack_exports__,"j",(function(){return BASE_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"Y",(function(){return LOAD_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"eb",(function(){return SHAPE_ANIMATION_HEIGHT_BUFFER})),__webpack_require__.d(__webpack_exports__,"s",(function(){return DEFAULT_BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"k",(function(){return BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"E",(function(){return HORIZONTAL_BAR_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"F",(function(){return HORIZONTAL_BAR_LABEL_OFFSET})),__webpack_require__.d(__webpack_exports__,"G",(function(){return HORIZONTAL_GROUP_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"K",(function(){return HORIZONTAL_SPACE_BETWEEN_SETS})),__webpack_require__.d(__webpack_exports__,"L",(function(){return HORIZONTAL_SPACE_BETWEEN_SINGLE})),__webpack_require__.d(__webpack_exports__,"J",(function(){return HORIZONTAL_SPACE_BETWEEN_CHART_AND_AXIS})),__webpack_require__.d(__webpack_exports__,"i",(function(){return BAR_SPACING})),__webpack_require__.d(__webpack_exports__,"V",(function(){return LINE_ANIMATION_FAST_DURATION})),__webpack_require__.d(__webpack_exports__,"W",(function(){return LINE_ANIMATION_SLOW_DURATION})),__webpack_require__.d(__webpack_exports__,"U",(function(){return LINE_ANIMATION_FAST_COUNT})),__webpack_require__.d(__webpack_exports__,"T",(function(){return LINE_ANIMATION_DURATION_STEP})),__webpack_require__.d(__webpack_exports__,"v",(function(){return DEFAULT_MAX_Y})),__webpack_require__.d(__webpack_exports__,"cb",(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__,"R",(function(){return LINES_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"S",(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__,"Z",(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__,"w",(function(){return DEFAULT_THEME})),__webpack_require__.d(__webpack_exports__,"P",(function(){return LIGHT_THEME})),__webpack_require__.d(__webpack_exports__,"db",(function(){return PRINT_THEME})),__webpack_require__.d(__webpack_exports__,"kb",(function(){return UPLIFT_THEME})),__webpack_require__.d(__webpack_exports__,"fb",(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__,"O",(function(){return LEGENDS_TOP_MARGIN})),__webpack_require__.d(__webpack_exports__,"N",(function(){return LEGENDS_BOTTOM_MARGIN})),__webpack_require__.d(__webpack_exports__,"ob",(function(){return Y_AXIS_CHART_SPACING})),__webpack_require__.d(__webpack_exports__,"M",(function(){return LABEL_AREA_TOP_SPACING})),__webpack_require__.d(__webpack_exports__,"z",(function(){return ELLIPSIS})),__webpack_require__.d(__webpack_exports__,"H",(function(){return HORIZONTAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"I",(function(){return HORIZONTAL_LABEL_TARGET_HEIGHT})),__webpack_require__.d(__webpack_exports__,"y",(function(){return DIAGONAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"ab",(function(){return MAX_DIAGONAL_LABEL_WIDTH})),__webpack_require__.d(__webpack_exports__,"bb",(function(){return MAX_DIAGONAL_VISIBLE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"mb",(function(){return VERTICAL_LABEL_TARGET_WIDTH})),__webpack_require__.d(__webpack_exports__,"lb",(function(){return VERTICAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"u",(function(){return DEFAULT_COMPONENTS})),__webpack_require__.d(__webpack_exports__,"hb",(function(){return STROKE_WIDTH})),__webpack_require__.d(__webpack_exports__,"gb",(function(){return STROKE_DOT_ARRAY_WIDTH})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANIMATION_MARGIN})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return LINEAR_LABELS_INNER_PADDING})),__webpack_require__.d(__webpack_exports__,"n",(function(){return COLOR_VISION_EVENT})),__webpack_require__.d(__webpack_exports__,"t",(function(){return DEFAULT_CHART_PROPS})),__webpack_require__.d(__webpack_exports__,"ib",(function(){return TOO_MANY_DATA_POINTS_THRESHOLD})),__webpack_require__.d(__webpack_exports__,"jb",(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__.ob,chartYPosition=_constants__WEBPACK_IMPORTED_MODULE_0__.r.Top+annotationsHeight,drawableHeight=height-chartYPosition-xAxisHeight-_constants__WEBPACK_IMPORTED_MODULE_0__.M;return{chartXPosition:chartXPosition,chartYPosition:chartYPosition,drawableHeight:drawableHeight,drawableWidth:width-chartXPosition-horizontalMargin,xAxisBounds:{x:chartXPosition,y:drawableHeight+_constants__WEBPACK_IMPORTED_MODULE_0__.M+chartYPosition},yAxisBounds:{x:horizontalMargin,y:chartYPosition}}}},"./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}))})));return{minXDomain:0,maxXDomain:maxDataLength,yScale:Object(d3_scale__WEBPACK_IMPORTED_MODULE_3__.a)().range([height-svgMargin,svgMargin]).domain([Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues))])}}},"./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;if(Object.prototype.hasOwnProperty.call(themes,themeName))return themes[themeName];throw new Error(themeName+" theme not found. Did you forget to define it in the PolarisVizProvider?")}},"./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,characterWidths=Object(useChartContext.a)().characterWidths,_useMemo=Object(react.useMemo)((function(){var minY=min,maxY=0===max&&0===min?constants.v:max;return integersOnly?[Math.floor(minY),Math.ceil(maxY)]:[minY,maxY]}),[min,max,integersOnly]),_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.ib[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.jb;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:["Default","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"),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:["Default","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.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.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,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[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]),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,_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],_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&&"y"!==annotation.axis?(dataIndexes[key]=labels.indexOf(key),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,labels]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useAnnotationPositio=useAnnotationPositions({annotations:annotations,axisLabelWidth:axisLabelWidth,dataIndexes:dataIndexes,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale}),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"}},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.X/2,bottom=top+constants.X;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__.k)},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__.X-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,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:""+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])}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.G+")","aria-hidden":"true",children:ticks.map((function(value,index){return 0===value?null:Object(jsx_runtime.jsx)("line",{y1:0,y2:chartHeight-constants.G,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.X/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.G+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.G+yOffset}}if(isOutside.right){var x=currentX-tooltipDimensions.width,y=currentY-tooltipDimensions.height+constants.G-utilities.a;return y<0?{x:x,y:bandwidth+constants.G+utilities.a}:{x:x,y:y}}if(isOutside.bottom)return{x:currentX+utilities.a,y:chartBounds.height-tooltipDimensions.height-constants.G};return{x:currentX,y:currentY}}(props)}function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,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.X),_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}),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}),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.J,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,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent})]});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"}},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:"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/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,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;return Object(jsx_runtime.jsx)(Chart,{dimensions:dimensions,annotationsLookupTable:annotationsLookupTable,data:data,renderTooltipContent:renderTooltipContent,showLegend:showLegend,type:type,xAxisOptions:xAxisOptions,yAxisOptions:yAxisOptions,renderLegendContent:renderLegendContent})}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"}},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:"Dimensions"}},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__("./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 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.X),_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}),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,yScaleOptions={formatYAxisLabel:yAxisOptions.labelFormatter,integersOnly:yAxisOptions.integersOnly,max:max,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}),_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,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"}},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,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"}},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,_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;setChartDimensions({width:width,height:height,x:x,y:y+window.scrollY})}}),[entry,null==previousEntry?void 0:previousEntry.contentRect]),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>"}},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}}),[id,isPrinting,prefersReducedMotion,props.isAnimated,props.theme,dataTooBigToAnimate]),_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"}},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.l&&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.X;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.X,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,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.X),_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}),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.X,secondaryLabelWidth=null==secondaryAxis.name?0:constants.X,primaryLabelXPosition=horizontalMargin,leftYAxisXPosition=primaryLabelXPosition+primaryLabelWidth,chartXPosition=horizontalMargin+(primaryLabelWidth+leftTickWidth+constants.ob),drawableWidth=width-chartXPosition-(constants.ob+rightTickWidth+secondaryLabelWidth)-horizontalMargin-secondaryLabelWidth,rightAxisXPosition=chartXPosition+drawableWidth+constants.ob;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,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:""+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])}({renderTooltipContent:renderTooltipContent,data:data,seriesColors:colors}),_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,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"}},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 ^\\.[\\\\/](?:AnalyticsDesignLanguage\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AnalyticsDesignLanguage.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AnalyticsDesignLanguage.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 ^\\.[\\\\/](?:AnalyticsDesignLanguage\\.stories\\.mdx)$"},"./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/AnalyticsDesignLanguage.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### Dark and Light Themes\n\nTwo distinct themes—a dark and a light—have been developed for analytics experiences in the Shopify admin. Determining which theme and color palette to use depends on the type of experience being built, and the surface and context in which it will appear.\n\nUse of the dark theme is the most effective way to visually distinguish between operational and analytical elements that may exist within a page. For example, it is often ideal when building in-context dashboards on operational pages (e.g. Orders page dashboard).\n\nAdditionally, the dark theme:\n\n- Provides visual clarity when exploring visualizations over long periods of time with less strain to the eyes.\n- Allows merchants to scan through visualizations without getting too fixated on labels and other supporting text.\n\nUse of the light theme is best used in spaces where there isn’t a need to visually distinguish the analytics content from its surroundings, as it aligns with the dominant light theme of the Shopify admin. For example, the Finances overview uses a light theme as the entire page contains data-related content.\n\n
\n***\n\n### Color palettes\n\nThe defined color palettes make analytics experiences aesthetically pleasing, but also add a layer of meaning to the data. Each color, and its specific usage, communicates something in the data, such as progress, or highlighting peak or low values.\n\nChart gradients have been incorporated in order to reinforce the communication of peaks and negative values in the data. There are two key elements to chart gradients, each with distinct meaning:\n\n- The base gradient goes from a default purple for lower values to a blue hue for higher values.\n- The overlay gradient can be either green for positive scenarios or red for negative scenarios and is used to highlight the peak values of the chart.\n\n#### Single series gradients\n\n\"Dark\n\n\"Light\n\n#### Neutral\n\nA neutral gradient is best used when we are not adding a positive or negative interpretation to the chart with the colors used.\n\nFor example, the chart below displays a distribution of fulfillment times for orders. In this case, we’re showing a neutral gradient because it’s hard to judge whether this distribution is good or bad. It might be perfectly normal for certain types of orders to have long fulfillment times, so we don’t want to draw attention to them unnecessarily.\n\n\"Vertical\n\n#### Positive\nA positive gradient is best used to demonstrate where data has a positive impact on the business. This gradient highlights the points in the datasets where the values are most desirable.\n\nIn these two examples, the charts show the number of ordered items (bar chart) and their pattern over time (line chart). The higher the number of ordered items, the higher the business’s revenue, so the positive impact is highlighted by the green end of the gradient.\n\n\"Bar\n\n#### Negative\nA negative gradient is best used to demonstrate that the data has a negative impact on the business. This gradient highlights the points in the datasets where the values are least desirable.\n\nIn these two examples, the charts show the number of returned items (bar chart) and their trend over time (line chart). Greater numbers of returned items are not good for the business, so the negative impact is highlighted by the red end of the gradient.\n\n\"Bar\n\n
\n***\n\n### Multi series gradients\n\nThere may be situations where multiple series need to be used at the same time. For any of the multi-series gradients, you should follow the sequence of colors (from left to right) as defined for each of the sizes. For example, in the four-color gradient, start with indigo and end with teal.\n\n#### Multi series up to 4 colors\n\n##### Dark theme\n\n\"4\n\n##### Light theme\n\n\"4\n\n\n#### Multi series up to 7 colors\n\n##### Dark theme\n\n\"7\n\n##### Light theme\n\n\"7\n\n\n#### Multi series up to 14 colors\n\n##### Dark theme\n\n\"14\n\n###### Light theme\n\n\"14\n\n#### Solid colors\n\n##### Dark theme\n\n\"Solid\n\n##### Light theme\n\n\"Solid\n\n
\n\n### Comparison to past\nA solid gray color is used when the data set is being compared to past values. For example, when comparing total sales by month for this year to last year, the current data will be shown as a gradient, and the past values will be gray.\n\n### Trend Indicator\nSolid green and red colors are used in indicators to communicate data changes in a negative or positive light. A neutral light grey color is used when there has been no change compared to the previous period. For example, a positive change relative to a reference value will be shown with a green indicator arrow and green value, while no change will be shown as a grey dash (-).\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 Design Language",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/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:{Default:{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 Default 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,"Default")," 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 \"Default\" 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:{Default:{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");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:"Light",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:{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:"Light",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:"Light",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:{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:"Light",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:{Default:{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:{Default:{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"),___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/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__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/ComparisonMetric/ComparisonMetric.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".ComparisonMetric-PositiveIcon_3hQrg,.ComparisonMetric-NegativeIcon_1MPca,.ComparisonMetric-NeutralIcon_2T097{display:flex;align-items:center}.ComparisonMetric-PositiveIcon_3hQrg svg{margin-right:4px}.ComparisonMetric-NegativeIcon_1MPca svg{margin-right:4px}.ComparisonMetric-VisuallyHidden_12duA{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",PositiveIcon:"ComparisonMetric-PositiveIcon_3hQrg",NegativeIcon:"ComparisonMetric-NegativeIcon_1MPca",NeutralIcon:"ComparisonMetric-NeutralIcon_2T097",VisuallyHidden:"ComparisonMetric-VisuallyHidden_12duA"},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/ComparisonMetric/components/DownChevron/DownChevron.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".DownChevron-VisuallyHidden_1ZG3T{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:"DownChevron-VisuallyHidden_1ZG3T"},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/ComparisonMetric/components/UpChevron/UpChevron.scss":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".UpChevron-VisuallyHidden_1iOi3{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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:"UpChevron-VisuallyHidden_1iOi3"},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:-apple-system,BlinkMacSystemFont,"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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:-apple-system,BlinkMacSystemFont,"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;font-size:20px;pointer-events:none;width:100%;height:100%}.DonutChart-ContentValue_aD1Kb{font-size:20px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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 10px}",""]),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;text-wrap:nowrap;text-overflow:ellipsis;padding-left:4px}.LegendValueItem-TableSpacer_20o1U{padding-left:30px}.LegendValueItem-alignLeft_2i1fT{text-align:left}.LegendValueItem-alignRight_Nl1FG{text-align:right}",""]),exports.locals={ColorPreview:"LegendValueItem-ColorPreview_3SmUj",Name:"LegendValueItem-Name_2QuaD",TableSpacer:"LegendValueItem-TableSpacer_20o1U",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-TextContainer_2U0Ts{display:flex;flex-direction:column;text-align:left;gap:3px;line-height:16px;margin:-2px 0;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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}.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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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{font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal}.BarLabel-FormattedHorizontalLabel_2TDhI{font-weight:700;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}",""]),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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:20px;font-size:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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:14px;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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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",colorLightPositive:"var(--p-icon-success, #007f5f)",colorLightNegative:"var(--p-icon-critical, #d72c0d)",colorLightNeutral:"var(--p-icon-subdued, #8c9196)",colorDarkPositive:"var(--p-icon-success, #039c86)",colorDarkNegative:"var(--p-icon-critical, #f24f62)",colorDarkNeutral:"var(--p-icon-subdued, #8c9196)",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=0?[{offset:0,stopOpacity:.25},{offset:100,stopOpacity:0}]:max<=0&&min<=0?[{offset:0,stopOpacity:0},{offset:100,stopOpacity:.25}]:[{offset:0,stopOpacity:.25},{offset:100-100*(0-min)/(max-min),stopOpacity:0},{offset:100,stopOpacity:.25}]}(data).map((function(gradientStop){return DefaultArea_objectSpread(DefaultArea_objectSpread({},gradientStop),{},{color:areaColor})}))}),[areaColor,data]);return null==areaPath||null==areaColor||null==gradientStops?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,{d:areaPath,fill:"url(#"+maskId+"-gradient)"})}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:maskId+"-gradient",x1:"0%",x2:"100%",y1:"0%",y2:"0%",gradient:[{offset:0,color:"black"},{offset:10,color:"white"},{offset:90,color:"white"},{offset:100,color:"black"}]}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{id:gradientId,x1:"0%",x2:"0%",y1:"0%",y2:"100%",gradient:gradientStops})]}),Object(jsx_runtime.jsx)(AnimatedPath,{d:areaPath,fill:"url(#"+gradientId+")",mask:"url(#"+maskId+")",strokeWidth:"0",stroke:areaColor,style:{pointerEvents:"none"}})]})}try{DefaultArea.displayName="DefaultArea",DefaultArea.__docgenInfo={description:"",displayName:"DefaultArea",props:{series:{defaultValue:null,description:"",name:"series",required:!0,type:{name:"LineChartDataSeriesWithDefaults"}},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/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.S,unmountedSpringConfig:constants.R}),_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__.nb,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.hb,x1:targetLineX1,x2:targetLineX2,y1:targetLineYPosition,y2:targetLineYPosition,strokeLinecap:"round",opacity:"0.9",strokeDashoffset:strokeDashoffset,strokeDasharray:constants.gb}):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__,"X",(function(){return LINE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"D",(function(){return FONT_SIZE})),__webpack_require__.d(__webpack_exports__,"nb",(function(){return XMLNS})),__webpack_require__.d(__webpack_exports__,"j",(function(){return BASE_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"Y",(function(){return LOAD_ANIMATION_DURATION})),__webpack_require__.d(__webpack_exports__,"eb",(function(){return SHAPE_ANIMATION_HEIGHT_BUFFER})),__webpack_require__.d(__webpack_exports__,"s",(function(){return DEFAULT_BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"k",(function(){return BORDER_RADIUS})),__webpack_require__.d(__webpack_exports__,"E",(function(){return HORIZONTAL_BAR_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"F",(function(){return HORIZONTAL_BAR_LABEL_OFFSET})),__webpack_require__.d(__webpack_exports__,"G",(function(){return HORIZONTAL_GROUP_LABEL_HEIGHT})),__webpack_require__.d(__webpack_exports__,"K",(function(){return HORIZONTAL_SPACE_BETWEEN_SETS})),__webpack_require__.d(__webpack_exports__,"L",(function(){return HORIZONTAL_SPACE_BETWEEN_SINGLE})),__webpack_require__.d(__webpack_exports__,"J",(function(){return HORIZONTAL_SPACE_BETWEEN_CHART_AND_AXIS})),__webpack_require__.d(__webpack_exports__,"i",(function(){return BAR_SPACING})),__webpack_require__.d(__webpack_exports__,"V",(function(){return LINE_ANIMATION_FAST_DURATION})),__webpack_require__.d(__webpack_exports__,"W",(function(){return LINE_ANIMATION_SLOW_DURATION})),__webpack_require__.d(__webpack_exports__,"U",(function(){return LINE_ANIMATION_FAST_COUNT})),__webpack_require__.d(__webpack_exports__,"T",(function(){return LINE_ANIMATION_DURATION_STEP})),__webpack_require__.d(__webpack_exports__,"v",(function(){return DEFAULT_MAX_Y})),__webpack_require__.d(__webpack_exports__,"cb",(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__,"R",(function(){return LINES_LOAD_ANIMATION_CONFIG})),__webpack_require__.d(__webpack_exports__,"S",(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__,"Z",(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__,"w",(function(){return DEFAULT_THEME})),__webpack_require__.d(__webpack_exports__,"P",(function(){return LIGHT_THEME})),__webpack_require__.d(__webpack_exports__,"db",(function(){return PRINT_THEME})),__webpack_require__.d(__webpack_exports__,"kb",(function(){return UPLIFT_THEME})),__webpack_require__.d(__webpack_exports__,"fb",(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__,"O",(function(){return LEGENDS_TOP_MARGIN})),__webpack_require__.d(__webpack_exports__,"N",(function(){return LEGENDS_BOTTOM_MARGIN})),__webpack_require__.d(__webpack_exports__,"ob",(function(){return Y_AXIS_CHART_SPACING})),__webpack_require__.d(__webpack_exports__,"M",(function(){return LABEL_AREA_TOP_SPACING})),__webpack_require__.d(__webpack_exports__,"z",(function(){return ELLIPSIS})),__webpack_require__.d(__webpack_exports__,"H",(function(){return HORIZONTAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"I",(function(){return HORIZONTAL_LABEL_TARGET_HEIGHT})),__webpack_require__.d(__webpack_exports__,"y",(function(){return DIAGONAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"ab",(function(){return MAX_DIAGONAL_LABEL_WIDTH})),__webpack_require__.d(__webpack_exports__,"bb",(function(){return MAX_DIAGONAL_VISIBLE_HEIGHT})),__webpack_require__.d(__webpack_exports__,"mb",(function(){return VERTICAL_LABEL_TARGET_WIDTH})),__webpack_require__.d(__webpack_exports__,"lb",(function(){return VERTICAL_LABEL_MIN_WIDTH})),__webpack_require__.d(__webpack_exports__,"u",(function(){return DEFAULT_COMPONENTS})),__webpack_require__.d(__webpack_exports__,"hb",(function(){return STROKE_WIDTH})),__webpack_require__.d(__webpack_exports__,"gb",(function(){return STROKE_DOT_ARRAY_WIDTH})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ANIMATION_MARGIN})),__webpack_require__.d(__webpack_exports__,"Q",(function(){return LINEAR_LABELS_INNER_PADDING})),__webpack_require__.d(__webpack_exports__,"n",(function(){return COLOR_VISION_EVENT})),__webpack_require__.d(__webpack_exports__,"t",(function(){return DEFAULT_CHART_PROPS})),__webpack_require__.d(__webpack_exports__,"ib",(function(){return TOO_MANY_DATA_POINTS_THRESHOLD})),__webpack_require__.d(__webpack_exports__,"jb",(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__.ob,chartYPosition=_constants__WEBPACK_IMPORTED_MODULE_0__.r.Top+annotationsHeight,drawableHeight=height-chartYPosition-xAxisHeight-_constants__WEBPACK_IMPORTED_MODULE_0__.M;return{chartXPosition:chartXPosition,chartYPosition:chartYPosition,drawableHeight:drawableHeight,drawableWidth:width-chartXPosition-horizontalMargin,xAxisBounds:{x:chartXPosition,y:drawableHeight+_constants__WEBPACK_IMPORTED_MODULE_0__.M+chartYPosition},yAxisBounds:{x:horizontalMargin,y:chartYPosition}}}},"./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}))})));return{minXDomain:0,maxXDomain:maxDataLength,yScale:Object(d3_scale__WEBPACK_IMPORTED_MODULE_3__.a)().range([height-svgMargin,svgMargin]).domain([Math.min.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues)),Math.max.apply(Math,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(yValues))])}}},"./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;if(Object.prototype.hasOwnProperty.call(themes,themeName))return themes[themeName];throw new Error(themeName+" theme not found. Did you forget to define it in the PolarisVizProvider?")}},"./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,characterWidths=Object(useChartContext.a)().characterWidths,_useMemo=Object(react.useMemo)((function(){var minY=min,maxY=0===max&&0===min?constants.v:max;return integersOnly?[Math.floor(minY),Math.ceil(maxY)]:[minY,maxY]}),[min,max,integersOnly]),_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.ib[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.jb;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:["Default","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"),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:["Default","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.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.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,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[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]),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,_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],_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&&"y"!==annotation.axis?(dataIndexes[key]=labels.indexOf(key),annotation):null})).filter(Boolean),dataIndexes:dataIndexes}}),[annotationsLookupTable,labels]),annotations=_useMemo.annotations,dataIndexes=_useMemo.dataIndexes,_useAnnotationPositio=useAnnotationPositions({annotations:annotations,axisLabelWidth:axisLabelWidth,dataIndexes:dataIndexes,drawableWidth:drawableWidth,isShowingAllAnnotations:isShowingAllAnnotations,onHeightChange:onHeightChange,xScale:xScale}),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"}},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.X/2,bottom=top+constants.X;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__.k)},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__.X-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,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:""+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])}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.G+")","aria-hidden":"true",children:ticks.map((function(value,index){return 0===value?null:Object(jsx_runtime.jsx)("line",{y1:0,y2:chartHeight-constants.G,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.X/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.G+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.G+yOffset}}if(isOutside.right){var x=currentX-tooltipDimensions.width,y=currentY-tooltipDimensions.height+constants.G-utilities.a;return y<0?{x:x,y:bandwidth+constants.G+utilities.a}:{x:x,y:y}}if(isOutside.bottom)return{x:currentX+utilities.a,y:chartBounds.height-tooltipDimensions.height-constants.G};return{x:currentX,y:currentY}}(props)}function Chart(_ref){var annotationsLookupTable=_ref.annotationsLookupTable,data=_ref.data,dimensions=_ref.dimensions,renderLegendContent=_ref.renderLegendContent,renderTooltipContent=_ref.renderTooltipContent,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.X),_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}),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}),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.J,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,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent})]});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"}},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:"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/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,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;return Object(jsx_runtime.jsx)(Chart,{dimensions:dimensions,annotationsLookupTable:annotationsLookupTable,data:data,renderTooltipContent:renderTooltipContent,showLegend:showLegend,type:type,xAxisOptions:xAxisOptions,yAxisOptions:yAxisOptions,renderLegendContent:renderLegendContent})}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"}},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:"Dimensions"}},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__("./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 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.X),_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}),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,yScaleOptions={formatYAxisLabel:yAxisOptions.labelFormatter,integersOnly:yAxisOptions.integersOnly,max:max,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}),_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,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"}},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,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"}},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,_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;setChartDimensions({width:width,height:height,x:x,y:y+window.scrollY})}}),[entry,null==previousEntry?void 0:previousEntry.contentRect]),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>"}},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}}),[id,isPrinting,prefersReducedMotion,props.isAnimated,props.theme,dataTooBigToAnimate]),_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"}},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.l&&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.X;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.X,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,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.X),_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}),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.X,secondaryLabelWidth=null==secondaryAxis.name?0:constants.X,primaryLabelXPosition=horizontalMargin,leftYAxisXPosition=primaryLabelXPosition+primaryLabelWidth,chartXPosition=horizontalMargin+(primaryLabelWidth+leftTickWidth+constants.ob),drawableWidth=width-chartXPosition-(constants.ob+rightTickWidth+secondaryLabelWidth)-horizontalMargin-secondaryLabelWidth,rightAxisXPosition=chartXPosition+drawableWidth+constants.ob;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,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:""+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])}({renderTooltipContent:renderTooltipContent,data:data,seriesColors:colors}),_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,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"}},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 ^\\.[\\\\/](?:AnalyticsDesignLanguage\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./AnalyticsDesignLanguage.stories.mdx":"./packages/polaris-viz/src/components/Docs/stories/AnalyticsDesignLanguage.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 ^\\.[\\\\/](?:AnalyticsDesignLanguage\\.stories\\.mdx)$"},"./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/AnalyticsDesignLanguage.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### Dark and Light Themes\n\nTwo distinct themes—a dark and a light—have been developed for analytics experiences in the Shopify admin. Determining which theme and color palette to use depends on the type of experience being built, and the surface and context in which it will appear.\n\nUse of the dark theme is the most effective way to visually distinguish between operational and analytical elements that may exist within a page. For example, it is often ideal when building in-context dashboards on operational pages (e.g. Orders page dashboard).\n\nAdditionally, the dark theme:\n\n- Provides visual clarity when exploring visualizations over long periods of time with less strain to the eyes.\n- Allows merchants to scan through visualizations without getting too fixated on labels and other supporting text.\n\nUse of the light theme is best used in spaces where there isn’t a need to visually distinguish the analytics content from its surroundings, as it aligns with the dominant light theme of the Shopify admin. For example, the Finances overview uses a light theme as the entire page contains data-related content.\n\n
\n***\n\n### Color palettes\n\nThe defined color palettes make analytics experiences aesthetically pleasing, but also add a layer of meaning to the data. Each color, and its specific usage, communicates something in the data, such as progress, or highlighting peak or low values.\n\nChart gradients have been incorporated in order to reinforce the communication of peaks and negative values in the data. There are two key elements to chart gradients, each with distinct meaning:\n\n- The base gradient goes from a default purple for lower values to a blue hue for higher values.\n- The overlay gradient can be either green for positive scenarios or red for negative scenarios and is used to highlight the peak values of the chart.\n\n#### Single series gradients\n\n\"Dark\n\n\"Light\n\n#### Neutral\n\nA neutral gradient is best used when we are not adding a positive or negative interpretation to the chart with the colors used.\n\nFor example, the chart below displays a distribution of fulfillment times for orders. In this case, we’re showing a neutral gradient because it’s hard to judge whether this distribution is good or bad. It might be perfectly normal for certain types of orders to have long fulfillment times, so we don’t want to draw attention to them unnecessarily.\n\n\"Vertical\n\n#### Positive\nA positive gradient is best used to demonstrate where data has a positive impact on the business. This gradient highlights the points in the datasets where the values are most desirable.\n\nIn these two examples, the charts show the number of ordered items (bar chart) and their pattern over time (line chart). The higher the number of ordered items, the higher the business’s revenue, so the positive impact is highlighted by the green end of the gradient.\n\n\"Bar\n\n#### Negative\nA negative gradient is best used to demonstrate that the data has a negative impact on the business. This gradient highlights the points in the datasets where the values are least desirable.\n\nIn these two examples, the charts show the number of returned items (bar chart) and their trend over time (line chart). Greater numbers of returned items are not good for the business, so the negative impact is highlighted by the red end of the gradient.\n\n\"Bar\n\n
\n***\n\n### Multi series gradients\n\nThere may be situations where multiple series need to be used at the same time. For any of the multi-series gradients, you should follow the sequence of colors (from left to right) as defined for each of the sizes. For example, in the four-color gradient, start with indigo and end with teal.\n\n#### Multi series up to 4 colors\n\n##### Dark theme\n\n\"4\n\n##### Light theme\n\n\"4\n\n\n#### Multi series up to 7 colors\n\n##### Dark theme\n\n\"7\n\n##### Light theme\n\n\"7\n\n\n#### Multi series up to 14 colors\n\n##### Dark theme\n\n\"14\n\n###### Light theme\n\n\"14\n\n#### Solid colors\n\n##### Dark theme\n\n\"Solid\n\n##### Light theme\n\n\"Solid\n\n
\n\n### Comparison to past\nA solid gray color is used when the data set is being compared to past values. For example, when comparing total sales by month for this year to last year, the current data will be shown as a gradient, and the past values will be gray.\n\n### Trend Indicator\nSolid green and red colors are used in indicators to communicate data changes in a negative or positive light. A neutral light grey color is used when there has been no change compared to the previous period. For example, a positive change relative to a reference value will be shown with a green indicator arrow and green value, while no change will be shown as a grey dash (-).\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 Design Language",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/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:{Default:{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 Default 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,"Default")," 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 \"Default\" 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:{Default:{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");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:"Light",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:{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:"Light",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:"Light",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:{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:"Light",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:{Default:{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:{Default:{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"),___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/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__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 - `,center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_4__.a,{themes:{Default:{arc:{cornerRadius:0,thickness:10}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_9__.b,{mdxType:"SampleDonutChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/arc",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/bar.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/PropertyTable/PropertyTable.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"),_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\n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{showLegend:!1,mdxType:"SampleBarChart"})),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/bar",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/chartConainer.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"),_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"),_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\n \n \n ",theme:"Light",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{chartContainer:{borderRadius:"0",padding:"0",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{mdxType:"SampleSparkLineChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_6__.a,{codeSample:"\n \n \n \n ",theme:"Light",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{chartContainer:{borderRadius:"8px",padding:"20px",backgroundColor:"#dde2e9"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.h,{mdxType:"SampleSparkLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Global Properties/chartContainer",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/components/Banner/Banner.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/Docs/stories/components/Banner/Banner.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/Docs/stories/components/Banner/Banner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Banner}));var _Banner_scss__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.scss"),_Banner_scss__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_Banner_scss__WEBPACK_IMPORTED_MODULE_0__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Banner(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"Alert":_ref$type,children=_ref.children;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:_Banner_scss__WEBPACK_IMPORTED_MODULE_0___default.a.Banner+" "+_Banner_scss__WEBPACK_IMPORTED_MODULE_0___default.a[type],children:children})}try{Banner.displayName="Banner",Banner.__docgenInfo={description:"",displayName:"Banner",props:{type:{defaultValue:{value:"Alert"},description:"",name:"type",required:!1,type:{name:'"Alert" | "Info"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx#Banner"]={docgenInfo:Banner.__docgenInfo,name:"Banner",path:"packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx#Banner"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.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/Docs/stories/components/ComponentContainer/ComponentContainer.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/Docs/stories/components/ComponentContainer/ComponentContainer.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ComponentContainer}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_utilities__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/utilities/classnames.ts"),_hooks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.scss"),_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ComponentContainer(_ref){var chart=_ref.chart,title=_ref.title,description=_ref.description,kind=_ref.kind,center=_ref.center,_ref$theme=_ref.theme,theme=void 0===_ref$theme?_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_5__.x:_ref$theme,codeSample=_ref.codeSample,selectedTheme=Object(_hooks__WEBPACK_IMPORTED_MODULE_7__.a)(theme),onlyHasCodeSample=!kind&&!title&&!description&&Boolean(codeSample),cardTopMarkup=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[title&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("h3",{className:Object(_utilities__WEBPACK_IMPORTED_MODULE_6__.a)(_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.Heading,kind&&_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.Link),children:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.Paragraph,children:[description,codeSample&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span",{className:Object(_utilities__WEBPACK_IMPORTED_MODULE_6__.a)(onlyHasCodeSample?_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.CodeSampleOnly:_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.CodeSample),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.g,{dark:!0,language:"jsx",code:codeSample})})]})]});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.Container,style:{background:selectedTheme.chartContainer.backgroundColor},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:Object(_utilities__WEBPACK_IMPORTED_MODULE_6__.a)(_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.CardTop,kind?_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.HasLink:""),style:{padding:onlyHasCodeSample?"0px":"undefined"},children:kind?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_4__.a)(kind+" + "+title,"Default"),children:cardTopMarkup}):cardTopMarkup}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:center?_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.CenterChartContainer:_ComponentContainer_scss__WEBPACK_IMPORTED_MODULE_8___default.a.ChartContainer,children:chart})]})}try{ComponentContainer.displayName="ComponentContainer",ComponentContainer.__docgenInfo={description:"",displayName:"ComponentContainer",props:{chart:{defaultValue:null,description:"",name:"chart",required:!0,type:{name:"Element"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},kind:{defaultValue:null,description:"",name:"kind",required:!0,type:{name:"string"}},center:{defaultValue:null,description:"",name:"center",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}},codeSample:{defaultValue:null,description:"",name:"codeSample",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx#ComponentContainer"]={docgenInfo:ComponentContainer.__docgenInfo,name:"ComponentContainer",path:"packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx#ComponentContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Divider}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Divider(_ref){var noLine=_ref.noLine;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("hr",{style:{margin:"32px 0",borderBottom:"0px",border:noLine?"0":"undefined"}})})}try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{noLine:{defaultValue:null,description:"",name:"noLine",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ExamplesGrid}));var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function ExamplesGrid(_ref){var children=_ref.children,_ref$cols=_ref.cols,cols=void 0===_ref$cols?2:_ref$cols;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{display:"grid",gridGap:"20px",gridTemplateColumns:"repeat("+cols+", minmax(250px, 1fr))",gridTemplateRows:"1fr"},children:children})}try{ExamplesGrid.displayName="ExamplesGrid",ExamplesGrid.__docgenInfo={description:"",displayName:"ExamplesGrid",props:{cols:{defaultValue:{value:"2"},description:"",name:"cols",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx#ExamplesGrid"]={docgenInfo:ExamplesGrid.__docgenInfo,name:"ExamplesGrid",path:"packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx#ExamplesGrid"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/MobileComponents/MobileComponents.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MobileComponents}));var ___WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.tsx"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/src/components/SparkBarChart/SparkBarChart.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),KIND="polaris-viz/Charts/";function MobileComponents(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{display:"grid",gridGap:"20px",gridTemplateColumns:"repeat(auto-fit, minmax(490px, 1fr))"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_0__.a,{themes:{Default:{chartContainer:{padding:"20px"}}},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.a,{type:"h3",style:{gridColumn:"span 2"},children:"Spark Charts"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.a,{title:"SparkLineChart",description:"Used in small sizes to show how a metric has performed over time. ",center:!0,kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{width:"250px",height:"140px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.a,{isAnimated:!0,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: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}]}]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.a,{title:"SparkBarChart",description:"Used in small sizes to show how a metric has performed over time. ",center:!0,kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{width:"250px",height:"140px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.a,{isAnimated:!0,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: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}]}]})})})]})})}},"./packages/polaris-viz/src/components/Docs/stories/components/PageWithSizingInfo/PageWithSizingInfo.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PageWithSizingInfo}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz/node_modules/@storybook/addon-docs/dist/esm/index.js"),_Banner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Banner/Banner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PageWithSizingInfo(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.j,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.i,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.c,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_Banner__WEBPACK_IMPORTED_MODULE_2__.a,{type:"Info",children:["This component inherits its height and width from its container. If no parent height can be calculated, the chart will use the"," ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("code",{children:"ChartContainer.minHeight"})," defined in the ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("code",{children:"Theme"}),"."]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.f,{}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.b,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.e}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.h,{})]})}},"./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.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/Docs/stories/components/PropertyTable/PropertyTable.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/Docs/stories/components/PropertyTable/PropertyTable.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PropertyTable}));__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.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_PropertyTable_scss__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.scss"),_PropertyTable_scss__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_PropertyTable_scss__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function PropertyTable(_ref){var children=_ref.children,_ref$global=_ref.global,global=void 0!==_ref$global&&_ref$global;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("table",{className:_PropertyTable_scss__WEBPACK_IMPORTED_MODULE_5___default.a.PropertyTable,style:{width:"100%"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("colgroup",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("col",{span:1,style:{width:"1%"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("col",{span:1,style:{width:"1%"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("col",{span:1,style:{width:"50%"}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("col",{span:1,style:{width:"1%"}})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("thead",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("tr",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th",{children:"property"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th",{children:"type"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th",{children:"description"}),!global&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th",{children:"components affected"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("tbody",{children:children})]})}PropertyTable.Row=function(_ref2){var property=_ref2.property,type=_ref2.type,description=_ref2.description,chartsAffected=_ref2.chartsAffected;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("tr",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("code",{children:property})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td",{children:Array.isArray(type)?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{className:_PropertyTable_scss__WEBPACK_IMPORTED_MODULE_5___default.a.typeArray,children:type.map((function(i,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("span",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("code",{style:{whiteSpace:"pre"},children:i}),index===type.length-1?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:"|\n"})]},""+i+index)}))}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("code",{children:type})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td",{children:description}),chartsAffected&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td",{children:chartsAffected.map((function(chart,index){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("code",{style:{whiteSpace:"pre"},children:chart},""+chart+index)}))})]})};try{PropertyTable.displayName="PropertyTable",PropertyTable.__docgenInfo={description:"",displayName:"PropertyTable",props:{global:{defaultValue:{value:"false"},description:"",name:"global",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx#PropertyTable"]={docgenInfo:PropertyTable.__docgenInfo,name:"PropertyTable",path:"packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx#PropertyTable"})}catch(__react_docgen_typescript_loader_error){}try{PropertyTable.Row.displayName="PropertyTable.Row",PropertyTable.Row.__docgenInfo={description:"",displayName:"PropertyTable.Row",props:{property:{defaultValue:null,description:"",name:"property",required:!0,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"string | string[]"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},chartsAffected:{defaultValue:null,description:"",name:"chartsAffected",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx#PropertyTable.Row"]={docgenInfo:PropertyTable.Row.__docgenInfo,name:"PropertyTable.Row",path:"packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx#PropertyTable.Row"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"h",(function(){return SampleComponents_SampleSparkLineChart})),__webpack_require__.d(__webpack_exports__,"f",(function(){return SampleComponents_SampleLineChart})),__webpack_require__.d(__webpack_exports__,"a",(function(){return SampleComponents_SampleBarChart})),__webpack_require__.d(__webpack_exports__,"i",(function(){return SampleComponents_SampleStackedAreaChart})),__webpack_require__.d(__webpack_exports__,"g",(function(){return SampleComponents_SampleSimpleNormalizedChart})),__webpack_require__.d(__webpack_exports__,"d",(function(){return SampleComponents_SampleLegendChart})),__webpack_require__.d(__webpack_exports__,"e",(function(){return SampleComponents_SampleLegendContainer})),__webpack_require__.d(__webpack_exports__,"c",(function(){return SampleComponents_SampleLabelsBarChart})),__webpack_require__.d(__webpack_exports__,"b",(function(){return SampleComponents_SampleDonutChart}));var useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts"),useLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts"),LegendContainer=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx"),SparkLineChart=__webpack_require__("./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.tsx"),LineChart=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),BarChart=__webpack_require__("./packages/polaris-viz/src/components/BarChart/BarChart.tsx"),StackedAreaChart=__webpack_require__("./packages/polaris-viz/src/components/StackedAreaChart/StackedAreaChart.tsx"),SimpleNormalizedChart=__webpack_require__("./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.tsx"),DonutChart=__webpack_require__("./packages/polaris-viz/src/components/DonutChart/DonutChart.tsx"),utilities=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SimpleContainer_SimpleContainer=function SimpleContainer(_ref){var children=_ref.children,height=_ref.height,_ref$theme=_ref.theme,theme=void 0===_ref$theme?constants.x:_ref$theme,selectedTheme=Object(useTheme.a)(theme);return Object(jsx_runtime.jsx)("div",{style:{height:height,width:"calc(100% - 40px)",background:selectedTheme.chartContainer.backgroundColor,borderRadius:4,padding:"20px"},children:Object(jsx_runtime.jsx)("div",{style:{height:height},children:children})})};try{SimpleContainer_SimpleContainer.displayName="SimpleContainer",SimpleContainer_SimpleContainer.__docgenInfo={description:"",displayName:"SimpleContainer",props:{height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SimpleContainer/SimpleContainer.tsx#SimpleContainer"]={docgenInfo:SimpleContainer_SimpleContainer.__docgenInfo,name:"SimpleContainer",path:"packages/polaris-viz/src/components/Docs/stories/components/SimpleContainer/SimpleContainer.tsx#SimpleContainer"})}catch(__react_docgen_typescript_loader_error){}var SampleComponents_SampleSparkLineChart=function SampleSparkLineChart(){var _ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref.theme;return Object(jsx_runtime.jsx)(SparkLineChart.a,{theme:theme,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: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}]}]})},SampleComponents_SampleLineChart=function SampleLineChart(){var _ref2=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref2.theme,_ref2$showLegend=_ref2.showLegend,showLegend=void 0===_ref2$showLegend||_ref2$showLegend;return Object(jsx_runtime.jsx)(LineChart.a,{theme:theme,isAnimated:!0,data:[{name:"Sales",data:[{value:324.19,key:"2020-01-01"},{value:613.29,key:"2020-01-02"},{value:-422.79,key:"2020-01-03"},{value:0,key:"2020-01-04"},{value:1,key:"2020-01-05"}]}],showLegend:showLegend})},SampleComponents_SampleBarChart=function SampleBarChart(){var _ref3=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref3.theme,_ref3$seriesLength=_ref3.seriesLength,seriesLength=void 0===_ref3$seriesLength?3:_ref3$seriesLength,_ref3$showLegend=_ref3.showLegend,showLegend=void 0===_ref3$showLegend||_ref3$showLegend;return Object(jsx_runtime.jsx)(BarChart.a,{data:Object(utilities.d)(seriesLength),theme:theme,showLegend:showLegend})},SampleComponents_SampleStackedAreaChart=function SampleStackedAreaChart(){var _ref4=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref4.theme,_ref4$seriesLength=_ref4.seriesLength,seriesLength=void 0===_ref4$seriesLength?3:_ref4$seriesLength,_ref4$showLegend=_ref4.showLegend,showLegend=void 0===_ref4$showLegend||_ref4$showLegend;return Object(jsx_runtime.jsx)(StackedAreaChart.a,{data:Object(utilities.d)(3,"categories",seriesLength),showLegend:showLegend,theme:theme})},SampleComponents_SampleSimpleNormalizedChart=function SampleSimpleNormalizedChart(){var _ref5=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref5.theme;return Object(jsx_runtime.jsx)(SimpleNormalizedChart.a,{direction:"vertical",theme:theme,data:[{name:"Direct",data:[{key:"April 2022",value:200}]},{name:"Facebook",data:[{key:"April 2022",value:100}]},{name:"Twitter",data:[{key:"April 2022",value:100}]},{name:"Google",data:[{key:"April 2022",value:20}]}],labelFormatter:function labelFormatter(value){return"$"+value}})},SampleComponents_SampleLegendChart=function SampleLegendChart(){var _ref6=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref6.theme,data=[{name:"Breakfast",data:[{key:"Monday",value:3},{key:"Tuesday",value:7},{key:"Wednesday",value:7},{key:"Thursday",value:8},{key:"Friday",value:20},{key:"Saturday",value:0},{key:"Sunday",value:.1}]},{name:"Lunch",data:[{key:"Monday",value:4},{key:"Tuesday",value:0},{key:"Wednesday",value:10},{key:"Thursday",value:15},{key:"Friday",value:8},{key:"Saturday",value:20},{key:"Sunday",value:2}]},{name:"Dinner",data:[{key:"Monday",value:7},{key:"Tuesday",value:0},{key:"Wednesday",value:15},{key:"Thursday",value:12},{key:"Friday",value:20},{key:"Saturday",value:5},{key:"Sunday",value:4}]}];return Object(jsx_runtime.jsx)(SimpleContainer_SimpleContainer,{height:300,children:Object(jsx_runtime.jsx)(BarChart.a,{data:data,theme:theme})})},SampleComponents_SampleLegendContainer=function SampleLegendContainer(){var _ref7=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref7.theme,selectedTheme=Object(useTheme.a)(theme),colors=Object(getSeriesColors.a)(6,selectedTheme),_useLegend=Object(useLegend.a)({data:[{shape:"Line",series:[{name:"Breakfast",data:[{key:"Monday",value:3}]},{name:"Lunch",data:[{key:"Monday",value:4}]},{name:"Dinner",data:[{key:"Monday",value:7}]}]},{shape:"Bar",series:[{name:"Sunday",data:[{key:"Monday",value:3}]},{name:"Monday",data:[{key:"Monday",value:4}]},{name:"Tuesday",data:[{key:"Monday",value:7}]}]}],showLegend:!0,dimensions:{height:0,width:0},colors:colors}),legend=_useLegend.legend;return Object(jsx_runtime.jsx)(SimpleContainer_SimpleContainer,{children:Object(jsx_runtime.jsx)("div",{style:{marginTop:-16},children:Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:"",data:legend,onDimensionChange:function onDimensionChange(){}})})})},SampleComponents_SampleLabelsBarChart=function SampleLabelsBarChart(_ref8){var _ref8$width=_ref8.width,width=void 0===_ref8$width?760:_ref8$width;return Object(jsx_runtime.jsx)(SimpleContainer_SimpleContainer,{children:Object(jsx_runtime.jsx)("div",{style:{display:"flex",justifyContent:"center",height:"100%",width:"100%"},children:Object(jsx_runtime.jsx)("div",{style:{height:200,width:width},children:Object(jsx_runtime.jsx)(BarChart.a,{data:Object(utilities.d)(3),showLegend:!1})})})})},SampleComponents_SampleDonutChart=function SampleDonutChart(){var _ref9=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{theme:"Default"},theme=_ref9.theme;return Object(jsx_runtime.jsx)(DonutChart.a,{theme:theme,data:[{name:"Shopify Payments",data:[{key:"april - march",value:5e4}]},{name:"Paypal",data:[{key:"april - march",value:25e3}]},{name:"Other",data:[{key:"april - march",value:1e4}]},{name:"Amazon Pay",data:[{key:"april - march",value:4e3}]}]})};try{SampleComponents_SampleSparkLineChart.displayName="SampleSparkLineChart",SampleComponents_SampleSparkLineChart.__docgenInfo={description:"",displayName:"SampleSparkLineChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleSparkLineChart"]={docgenInfo:SampleComponents_SampleSparkLineChart.__docgenInfo,name:"SampleSparkLineChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleSparkLineChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleLineChart.displayName="SampleLineChart",SampleComponents_SampleLineChart.__docgenInfo={description:"",displayName:"SampleLineChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},showLegend:{defaultValue:{value:"true"},description:"",name:"showLegend",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLineChart"]={docgenInfo:SampleComponents_SampleLineChart.__docgenInfo,name:"SampleLineChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLineChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleBarChart.displayName="SampleBarChart",SampleComponents_SampleBarChart.__docgenInfo={description:"",displayName:"SampleBarChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},seriesLength:{defaultValue:{value:"3"},description:"",name:"seriesLength",required:!1,type:{name:"number"}},showLegend:{defaultValue:{value:"true"},description:"",name:"showLegend",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleBarChart"]={docgenInfo:SampleComponents_SampleBarChart.__docgenInfo,name:"SampleBarChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleBarChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleStackedAreaChart.displayName="SampleStackedAreaChart",SampleComponents_SampleStackedAreaChart.__docgenInfo={description:"",displayName:"SampleStackedAreaChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},seriesLength:{defaultValue:{value:"3"},description:"",name:"seriesLength",required:!1,type:{name:"number"}},showLegend:{defaultValue:{value:"true"},description:"",name:"showLegend",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleStackedAreaChart"]={docgenInfo:SampleComponents_SampleStackedAreaChart.__docgenInfo,name:"SampleStackedAreaChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleStackedAreaChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleSimpleNormalizedChart.displayName="SampleSimpleNormalizedChart",SampleComponents_SampleSimpleNormalizedChart.__docgenInfo={description:"",displayName:"SampleSimpleNormalizedChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleSimpleNormalizedChart"]={docgenInfo:SampleComponents_SampleSimpleNormalizedChart.__docgenInfo,name:"SampleSimpleNormalizedChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleSimpleNormalizedChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleLegendChart.displayName="SampleLegendChart",SampleComponents_SampleLegendChart.__docgenInfo={description:"",displayName:"SampleLegendChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLegendChart"]={docgenInfo:SampleComponents_SampleLegendChart.__docgenInfo,name:"SampleLegendChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLegendChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleLegendContainer.displayName="SampleLegendContainer",SampleComponents_SampleLegendContainer.__docgenInfo={description:"",displayName:"SampleLegendContainer",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLegendContainer"]={docgenInfo:SampleComponents_SampleLegendContainer.__docgenInfo,name:"SampleLegendContainer",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLegendContainer"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleLabelsBarChart.displayName="SampleLabelsBarChart",SampleComponents_SampleLabelsBarChart.__docgenInfo={description:"",displayName:"SampleLabelsBarChart",props:{width:{defaultValue:{value:"760"},description:"",name:"width",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLabelsBarChart"]={docgenInfo:SampleComponents_SampleLabelsBarChart.__docgenInfo,name:"SampleLabelsBarChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleLabelsBarChart"})}catch(__react_docgen_typescript_loader_error){}try{SampleComponents_SampleDonutChart.displayName="SampleDonutChart",SampleComponents_SampleDonutChart.__docgenInfo={description:"",displayName:"SampleDonutChart",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleDonutChart"]={docgenInfo:SampleComponents_SampleDonutChart.__docgenInfo,name:"SampleDonutChart",path:"packages/polaris-viz/src/components/Docs/stories/components/SampleComponents.tsx#SampleDonutChart"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.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/Docs/stories/components/Title/Title.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/Docs/stories/components/Title/Title.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Title}));__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),_utilities__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/Docs/utilities/index.ts"),_Title_scss__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.scss"),_Title_scss__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_Title_scss__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Title(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"h1":_ref$type,_ref$children=_ref.children,children=void 0===_ref$children?"":_ref$children,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,id=Object(react__WEBPACK_IMPORTED_MODULE_2__.useMemo)((function(){return Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_3__.a)("titleAnchor")}),[]),markup=Object(react__WEBPACK_IMPORTED_MODULE_2__.useMemo)((function(){switch(type){case"h1":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h1",{className:_Title_scss__WEBPACK_IMPORTED_MODULE_5___default.a.h2,children:children});case"h2":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2",{className:_Title_scss__WEBPACK_IMPORTED_MODULE_5___default.a.h2,children:children});case"h3":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h3",{className:_Title_scss__WEBPACK_IMPORTED_MODULE_5___default.a.h3,children:children});case"h4":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h4",{className:_Title_scss__WEBPACK_IMPORTED_MODULE_5___default.a.h4,children:children});default:return children}}),[children,type]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{className:_Title_scss__WEBPACK_IMPORTED_MODULE_5___default.a.TitleAnchor,id:id,href:"#"+id,onClick:function handleInteraction(event){event.preventDefault();var url=(window.location.href+"#"+id).replace("iframe.html?id=","?path=/docs/");Object(_utilities__WEBPACK_IMPORTED_MODULE_4__.b)(url)},style:style,children:markup})}try{Title.displayName="Title",Title.__docgenInfo={description:"",displayName:"Title",props:{type:{defaultValue:{value:"h1"},description:"",name:"type",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx#Title"]={docgenInfo:Title.__docgenInfo,name:"Title",path:"packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx#Title"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Docs/stories/components/UtilitiesHeader/UtilitiesHeader.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UtilitiesHeader}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Title__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function UtilitiesHeader(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Title__WEBPACK_IMPORTED_MODULE_1__.a,{children:"🛠 Utilities"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("p",{children:["You can import utility functions from either",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("code",{children:"polaris-viz"})," or ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("code",{children:"polaris-viz-native"})]})]})}},"./packages/polaris-viz/src/components/Docs/stories/components/WebComponents/WebComponents.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return WebComponents}));var _shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_PolarisVizProvider__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/polaris-viz/src/components/BarChart/BarChart.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/polaris-viz/src/components/LineChart/LineChart.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/polaris-viz/src/components/StackedAreaChart/StackedAreaChart.tsx"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/DonutChart/DonutChart.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/FunnelChart/FunnelChart.tsx"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/ComboChart/ComboChart.tsx"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/SparkBarChart/SparkBarChart.tsx"),___WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.tsx"),___WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/polaris-viz/src/components/SimpleBarChart/SimpleBarChart.tsx"),___WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.tsx"),___WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Title/Title.tsx"),___WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/jsx-runtime.js"),KIND="polaris-viz/Charts/";function WebComponents(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{style:{display:"grid",gridGap:"20px",gridTemplateColumns:"repeat(auto-fit, minmax(490px, 1fr))"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(_PolarisVizProvider__WEBPACK_IMPORTED_MODULE_1__.a,{themes:{Default:{chartContainer:{padding:"20px"}}},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_12__.a,{type:"h3",style:{gridColumn:"span 2"},children:"Default Charts"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"BarChart",description:"Used to show a grouped comparison of different types, across categories or time. ",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.a,{isAnimated:!0,xAxisOptions:{},data:[{name:"Breakfast",data:[{key:"Monday",value:3},{key:"Tuesday",value:10},{key:"Wednesday",value:4}]},{name:"Lunch",data:[{key:"Monday",value:4},{key:"Tuesday",value:9},{key:"Wednesday",value:5}]},{name:"Dinner",data:[{key:"Monday",value:7},{key:"Tuesday",value:10},{key:"Wednesday",value:6}]}]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"LineChart",description:"Used to show change over time. ",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.a,{isAnimated:!0,data:[{name:"Sales",data:[{value:324.19,key:"2020-01-01"},{value:613.29,key:"2020-01-02"},{value:-422.79,key:"2020-01-03"},{value:0,key:"2020-01-04"},{value:1,key:"2020-01-05"}]}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"StackedAreaChart",description:"Used to compare multiple series of data and display the total value. ",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.a,{isAnimated:!0,data:[{name:"First-time",data:[{key:"January",value:4237},{key:"February",value:5024},{key:"March",value:5730},{key:"April",value:5587},{key:"May",value:5303},{key:"June",value:5634},{key:"July",value:3238}]},{name:"Returning",data:[{key:"January",value:5663},{key:"February",value:7349},{key:"March",value:9795},{key:"April",value:7396},{key:"May",value:7028},{key:"June",value:12484},{key:"July",value:4878}]}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"DonutChart",description:"Circular statistical graphic, which is divided into slices to illustrate numerical proportion. ",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.a,{isAnimated:!0,data:[{data:[{key:"april - march",value:5e4}],name:"Shopify Payments"},{color:"lime",data:[{key:"april - march",value:25e3}],name:"Paypal"},{data:[{key:"april - march",value:4e3}],name:"Amazon Pay"}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"FunnelChart",description:"Used to show conversion data.",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.a,{data:[{data:[{key:"Opens",value:126},{key:"Visitors",value:48},{key:"Added to carts",value:12},{key:"Orders",value:0}],name:"Conversion"}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"ComboChart",description:"Combines BarChart and LineChart.",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.a,{data:[{name:"Total Sales",series:[{data:[{key:"2020-07-07T12:00:00",value:3},{key:"2020-07-08T12:00:00",value:-7},{key:"2020-07-09T12:00:00",value:-7},{key:"2020-07-10T12:00:00",value:-8},{key:"2020-07-11T12:00:00",value:50}],name:"POS"},{color:"lime",data:[{key:"2020-07-07T12:00:00",value:4},{key:"2020-07-08T12:00:00",value:0},{key:"2020-07-09T12:00:00",value:-10},{key:"2020-07-10T12:00:00",value:15},{key:"2020-07-11T12:00:00",value:8}],name:"Online"},{data:[{key:"2020-07-07T12:00:00",value:7},{key:"2020-07-08T12:00:00",value:0},{key:"2020-07-09T12:00:00",value:-15},{key:"2020-07-10T12:00:00",value:8},{key:"2020-07-11T12:00:00",value:50}],name:"Mobile"}],shape:"Bar"},{name:"Total Sessions",series:[{data:[{key:"2020-07-07T12:00:00",value:333},{key:"2020-07-08T12:00:00",value:797},{key:"2020-07-09T12:00:00",value:234},{key:"2020-07-10T12:00:00",value:534},{key:"2020-07-11T12:00:00",value:132}],name:"Sessions from Google ads"},{data:[{key:"2020-07-07T12:00:00",value:709},{key:"2020-07-08T12:00:00",value:238},{key:"2020-07-09T12:00:00",value:190},{key:"2020-07-10T12:00:00",value:90},{key:"2020-07-11T12:00:00",value:399}],isComparison:!0,name:"Sessions from Facebooks ads"}],shape:"Line"}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x,showLegend:!1})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_12__.a,{type:"h3",style:{gridColumn:"span 2"},children:"Spark Charts"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"SparkBarChart",description:"Used in small sizes to show how a metric has performed over time. ",center:!0,kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{style:{width:"250px",height:"140px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.a,{isAnimated:!0,targetLine:{value:2e3},data:[{data:[{key:1,value:100},{key:2,value:200},{key:3,value:300},{key:4,value:400},{key:5,value:400},{key:6,value:100},{key:7,value:2e3},{key:8,value:800},{key:9,value:900},{key:10,value:200},{key:11,value:100},{key:12,value:200},{key:13,value:300},{key:14,value:400},{key:15,value:400},{key:16,value:100},{key:17,value:1e3},{key:18,value:800},{key:19,value:900},{key:20,value:200},{key:21,value:100},{key:22,value:200},{key:23,value:300},{key:24,value:400},{key:25,value:400},{key:26,value:100},{key:27,value:800},{key:28,value:800},{key:29,value:900}]}]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"SparkLineChart",description:"Used in small sizes to show how a metric has performed over time. ",center:!0,kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{style:{width:"250px",height:"140px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.a,{isAnimated:!0,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: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}]}]})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_12__.a,{type:"h3",style:{gridColumn:"span 2"},children:"Simple Charts"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"SimpleBarChart",description:"Used to show a grouped comparison of different types, across categories or time. ",kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_10__.a,{data:[{name:"BFCM 2020",data:[{value:4,key:"Shirt"},{value:7,key:"Shoes"}]},{name:"BFCM 2021",data:[{value:5,key:"Shirt"},{value:6,key:"Shoes"}]}],theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_13__.a,{title:"SimpleNormalizedChart",description:"Used for positive datasets with two to four items. ",center:!0,kind:KIND,chart:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("div",{style:{width:450},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(___WEBPACK_IMPORTED_MODULE_11__.a,{direction:"horizontal",comparisonMetrics:[{dataIndex:0,metric:"5",trend:"positive",accessibilityLabel:"Increase of"},{dataIndex:1,metric:"5",trend:"negative",accessibilityLabel:"Decrease of"}],data:[{name:"Direct",data:[{key:"April 2022",value:200}]},{name:"Facebook",data:[{key:"April 2022",value:100}]},{name:"Twitter",data:[{key:"April 2022",value:100}]},{name:"Google",data:[{key:"April 2022",value:20}]}],labelFormatter:function labelFormatter(value){return"$"+value},theme:_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_0__.x})})})]})})}},"./packages/polaris-viz/src/components/Docs/stories/createThemeUtility.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"),_shopify_polaris_viz__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 {\n //...This function creates a complete theme from the\n // partial theme provided. It will overwrite the base theme\n // with the properties of the partial theme\n};\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"If you call the function passing only a partial theme, it will use the",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizDefaultTheme")," as a base theme:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"myDefaultTheme")," has all the properties from"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"PolarisVizDefaultTheme")," but has red background and square corners"),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"},"import {createTheme} from '@shopify/polaris-viz';\n\nconst myDefaultTheme = createTheme({\n barTheme: {\n borderRadius: 1,\n },\n chartContainer: {\n backgroundColor: 'red',\n },\n});\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("p",null,"You can also pass your own theme as the base theme.",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("code",null,"myOtherTheme")," will inherit all the properties of myDefaultTheme but will use green background"),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"},"import {createTheme} from '@shopify/polaris-viz';\n\nconst myOtherTheme = createTheme(\n {\n chartContainer: {\n backgroundColor: 'green',\n },\n },\n myDefaultTheme,\n);\n")))))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/createTheme Utility",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/crosshair.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/Divider.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/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{crossHair:{color:"lime",width:10}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_9__.f,{mdxType:"SampleLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/crossHair",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/grid.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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{grid:{showHorizontalLines:!1}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{grid:{}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.i,{showLegend:!1,mdxType:"SampleStackedAreaChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{grid:{showHorizontalLines:!0,horizontalOverflow:!1,verticalOverflow:!1,color:"lime",horizontalMargin:50}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.f,{showLegend:!1,mdxType:"SampleLineChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{grid:{showHorizontalLines:!0,horizontalOverflow:!0,verticalOverflow:!0,color:"lime",horizontalMargin:50}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.f,{showLegend:!1,mdxType:"SampleLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/grid",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/legend.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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"320px",height:"250px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{chartContainer:{padding:"10px"},legend:{labelColor:"lime",valueColor:"yellow"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.g,{mdxType:"SampleSimpleNormalizedChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{crossHair:{color:"lime",width:10},legend:{backgroundColor:"purple"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.f,{mdxType:"SampleLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/legend",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/line.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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{line:{hasSpline:!1,style:"dotted",width:5,pointStroke:"lime"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.f,{mdxType:"SampleLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/line",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/polaris-viz-core.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\n\n## 🧠 `polaris-viz-core`\n\n`packages/polaris-viz-core` contains platform agnostic utility functions, hooks, constants, types and UI components.\n\nIt gets published as the `@shopify/polaris-viz-core` library that is used by both `@shopify/polaris-viz` and `@shopify/polaris-viz-native`\n\n\n
\n
\n
\n\n## 👯‍♀️ Sharing code between React and React Native\n\n
\n
\n\n### Keeping the bundle size small\n\nTo keep the bundle size of the libraries small, `@shopify/polaris-viz-core` shouldn't depend on platform specific packages, like ` @react-native` or `@react-spring/web`, directly.\n\n
\n
\n\n### Sharing UI components\n\nTo render SVG tags in React Native, we use [the `react-native-svg` library](https://github.com/react-native-svg/react-native-svg). `@shopify/polaris-viz` doesn't need this package as a dependency though, since its targets are web browsers only. If we added `react-native-svg` as a depency of `@shopify/polaris-viz-core` we would also increase `@shopify/polaris-viz` bundle size for something that only `@shopify/polaris-viz-native` needs.\n\nTo solve this, we:\n\n- Store all regular SVG tags as React components in the `polaris-viz-context` used by `PolarisVizProvider`:\n\n```ts\n// packages/polaris-viz-core/polaris-viz-context.ts\n\nexport const PolarisVizContext = createContext({\n components: {\n Svg: ({children, ...props}) => createElement('svg', props, children),\n Circle: ({children, ...props}) => createElement('circle', props, children),\n Ellipse: ({children, ...props}) => createElement('ellipse', props, children),\n G: ({children, ...props}) => createElement('g', props, children),\n Text: ({children, ...props}) => createElement('text', props, children),\n // ... other SVG tags\n },\n});\n```\n\n- Re-export `PolarisVizProvider` from `polaris-viz-native` overwriting the regular SVG tags, with the equivalent tags from `react-native-svg`\n\n```ts\n// packages/polaris-viz-native/PolarisVizProvider.tsx\n\nimport {PolarisVizProvider as OriginalPolarisVizProvider} from '@shopify/polaris-viz-core';\n\nimport {\n Svg,\n Circle,\n // ...\n} from 'react-native-svg';\n\nexport const NativeComponents = {\n Svg,\n Circle,\n // ...\n}\n\nexport const PolarisVizProvider = ({themes, children}) => {\n return (\n \n {children}\n \n );\n};\n\n```\n\n\n\n\n- When building UI components in `polaris-viz-core`, instead of using `` directly, we get `` from the context:\n\n```ts\n// packages/polaris-viz-core/SomeSharedComponent.tsx\n\nexport function SomeSharedComponent() {\n const {\n components: {Svg, Rect},\n } = usePolarisVizContext();\n\n return (\n \n \n \n )\n}\n\n```\n\nWith these changes in place,\n- in `polaris-viz`:\n
\n `` and `` will fetch the `svg` and `rect` tags from the default values of `polaris-viz-context` and render correctly in web browsers\n
\n
\n- in `polaris-viz-native`:\n
\n `` and `` will fetch the `Svg` and `Rect` tags from the `react-native-svg` library that were used to overwrite the default tags in the `PolarisVizProvider`, thus rendering correctly in React Native\n\nTo summarize:\n\n![graph demontrating that core components fetching svg tags from PolarisVizProvider will use regular SVG tags in polaris-viz and native SVG tags in polaris-viz-native](../../public/PolarisVizProvider_graph.png)\n\n
\n
\n
\n### Animating shared UI components\n\nWe use [react-spring](https://react-spring.io/) to handle animations. This library also has platform specific exports to keep bundle size small: `@react-spring/web` and `@react-spring/native`\n\nTo animate components in core, we fetch the platform specific `animated` function from the ` PolarisVizContext`, similarly to how we get the correct SVG tags.\n\n```tsx\n\n// packages/polaris-viz-core/SomeSharedComponent.tsx\n\nimport { useSpring } from \"@react-spring/core\"\n\nexport function SomeSharedComponent() {\n const {\n components: {Svg, Circle},\n animated,\n } = usePolarisVizContext();\n\n const {animatedRadius} = useSpring({\n from: {\n animatedRadius: 0,\n },\n to: {\n animatedRadius: 100,\n },\n });\n\n const AnimatedCircle = animated(Circle);\n\n\n return (\n \n \n \n )\n}\n\n```\n","../../public/PolarisVizProvider_graph.png","PolarisVizProvider_graph.png"),mdxType:"Description"}))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Contributing/Polaris Viz Core",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/seriesColors.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"),___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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{seriesColors:{single:"lime"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.i,{seriesLength:1,mdxType:"SampleStackedAreaChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{seriesColors:{upToEight:["yellow","lime","aqua","Teal"]}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{seriesLength:4,showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{seriesColors:{all:["magenta","orange","DarkOrchid","yellow","lime","aqua","Teal"]}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{seriesLength:7,showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{seriesColors:{all:["GreenYellow","ForestGreen","LawnGreen","Lime","LimeGreen","PaleGreen","YellowGreen","MediumSpringGreen","SpringGreen","MediumSeaGreen","SeaGreen"]}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{seriesLength:11,showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{seriesColors:{comparison:"lime"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.h,{mdxType:"SampleSparkLineChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Global Properties/seriesColors",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/tooltip.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"),___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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{tooltip:{backgroundColor:"MidnightBlue",valueColor:"yellow",labelColor:"Fuchsia"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Global Properties/tooltip",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/xaxis.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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{xAxis:{labelColor:"lime"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_7__.a,{codeSample:"\n \n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{xAxis:{hide:!0}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_8__.a,{showLegend:!1,mdxType:"SampleBarChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/xAxis",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/yaxis.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"),_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/Divider.tsx"),_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PropertyTable/PropertyTable.tsx"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ExamplesGrid/ExamplesGrid.tsx"),_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/ComponentContainer/ComponentContainer.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__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\n \n \n ",center:!0,chart:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)("div",{style:{width:"350px",height:"140px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(___WEBPACK_IMPORTED_MODULE_3__.a,{themes:{Default:{yAxis:{labelColor:"lime",backgroundColor:"black"}}},mdxType:"PolarisVizProvider"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.b)(_components__WEBPACK_IMPORTED_MODULE_9__.i,{mdxType:"SampleStackedAreaChart"}))),mdxType:"ComponentContainer"})))}MDXContent.isMDXComponent=!0;const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Shared/Themes/Theme Definition/Chart Specific Properties/yAxis",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/utilities/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"d",(function(){return generateMultipleSeries})),__webpack_require__.d(__webpack_exports__,"b",(function(){return copyTextToClipboard})),__webpack_require__.d(__webpack_exports__,"a",(function(){return SHARK_SPECIES_GROWTH})),__webpack_require__.d(__webpack_exports__,"c",(function(){return fixImagePath}));__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__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.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var PRODUCT_NAMES=["Shirts","Pants","Shoes","Hat","Jacket","Parka","Toque","Wind-breaker","Sweat pants","Shorts","Hoodies","Scarfs","Beanies","Socks","Flip Flops","Glasses"];var generateDataSet=function generateDataSet(dataLength,typeOfData){var dates="dates"===typeOfData?function generateDayRange(numDays){for(var currentDate=new Date("April 1, 2020"),dayRange=[],i=0;i1&&void 0!==arguments[1]?arguments[1]:"categories",dataSetLength=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;return Array(quantity).fill(null).map((function(_,index){return{name:"Series "+(index+1),data:generateDataSet(dataSetLength,typeOfData)}}))};function copyTextToClipboard(text){var textArea=document.createElement("textarea");textArea.style.position="fixed",textArea.style.top="-1000px",textArea.style.left="-1000px",textArea.style.width="0",textArea.style.height="0",textArea.style.border="none",textArea.style.outline="none",textArea.style.boxShadow="none",textArea.style.background="transparent",textArea.value=text,document.body.appendChild(textArea),textArea.focus(),textArea.select();try{document.execCommand("copy")}catch(err){}document.body.removeChild(textArea)}var SHARK_SPECIES_GROWTH=[{name:"Mako",data:[{key:"0",value:80},{key:"5",value:170},{key:"10",value:210},{key:"15",value:240}]},{name:"Great White",data:[{key:"0",value:80},{key:"5",value:180},{key:"10",value:250},{key:"15",value:300}]}];function fixImagePath(rawMd){var originalPath=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"./public/polaris_viz_header.png",newPath=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"polaris_viz_header.png";return rawMd.replace(originalPath,newPath)}},"./packages/polaris-viz/src/components/DonutChart/DonutChart.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/DonutChart/DonutChart.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/DonutChart/DonutChart.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DonutChart_DonutChart}));__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),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),ChartContainer=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx"),slicedToArray=(__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.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.map.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js")),slicedToArray_default=__webpack_require__.n(slicedToArray),react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),pie=__webpack_require__("./node_modules/d3-shape/src/pie.js"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useUniqueId=__webpack_require__("./packages/polaris-viz-core/src/hooks/useUniqueId.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),getContainerAlignmentForLegend=__webpack_require__("./packages/polaris-viz/src/utilities/getContainerAlignmentForLegend.ts"),estimateStringWidth=__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"),src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),Legend_constants=__webpack_require__("./packages/polaris-viz/src/components/Legend/constants.ts");var useLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts"),LegendContainer=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx"),getSeriesColors=__webpack_require__("./packages/polaris-viz-core/src/utilities/getSeriesColors.ts"),useColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),useWatchColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useWatchColorVisionEvents.tsx"),Arc=__webpack_require__("./packages/polaris-viz/src/components/Arc/Arc.tsx"),ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),DonutChart=__webpack_require__("./packages/polaris-viz/src/components/DonutChart/DonutChart.scss"),DonutChart_default=__webpack_require__.n(DonutChart),useOverflowLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useOverflowLegend.ts"),getTrendIndicatorData=__webpack_require__("./packages/polaris-viz/src/utilities/getTrendIndicatorData.ts"),HiddenLegendTooltip=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.tsx"),LegendValues=__webpack_require__("./packages/polaris-viz/src/components/DonutChart/components/LegendValues/LegendValues.scss"),LegendValues_default=__webpack_require__.n(LegendValues),TrendIndicator=__webpack_require__("./packages/polaris-viz/src/components/TrendIndicator/TrendIndicator.tsx"),SquareColorPreview=__webpack_require__("./packages/polaris-viz/src/components/SquareColorPreview/SquareColorPreview.tsx"),LegendValueItem=__webpack_require__("./packages/polaris-viz/src/components/DonutChart/components/LegendValues/components/LegendValueItem/LegendValueItem.scss"),LegendValueItem_default=__webpack_require__.n(LegendValueItem),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 void"}},getColorVisionStyles:{defaultValue:null,description:"",name:"getColorVisionStyles",required:!0,type:{name:"ColorVisionInteractionMethods"}},getColorVisionEventAttrs:{defaultValue:null,description:"",name:"getColorVisionEventAttrs",required:!0,type:{name:"ColorVisionInteractionMethods"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/DonutChart/components/LegendValues/components/LegendValueItem/LegendValueItem.tsx#LegendValueItem"]={docgenInfo:LegendValueItem_LegendValueItem.__docgenInfo,name:"LegendValueItem",path:"packages/polaris-viz/src/components/DonutChart/components/LegendValues/components/LegendValueItem/LegendValueItem.tsx#LegendValueItem"})}catch(__react_docgen_typescript_loader_error){}function LegendValues_LegendValues(_ref){var allData=_ref.data,activeIndex=_ref.activeIndex,labelFormatter=_ref.labelFormatter,_ref$renderHiddenLege=_ref.renderHiddenLegendLabel,renderHiddenLegendLabel=void 0===_ref$renderHiddenLege?function(count){return"+"+count+" more"}:_ref$renderHiddenLege,getColorVisionStyles=_ref.getColorVisionStyles,getColorVisionEventAttrs=_ref.getColorVisionEventAttrs,dimensions=_ref.dimensions,selectedTheme=Object(useTheme.a)(),theme=Object(useChartContext.a)().theme,legendItemDimensions=Object(react.useRef)([{width:0,height:0}]),seriesCount=Object(clamp.a)({amount:allData.length,min:1,max:1/0}),seriesColors=Object(getSeriesColors.a)(seriesCount,selectedTheme),_useLegend=Object(useLegend.a)({showLegend:!0,data:[{series:allData,shape:"Bar"}],colors:seriesColors,dimensions:dimensions}),legendData=_useLegend.legend,height=_useLegend.height,_useOverflowLegend=Object(useOverflowLegend.a)({direction:"vertical",data:legendData,height:height,legendItemDimensions:legendItemDimensions,enableHideOverflow:!0}),displayedData=_useOverflowLegend.displayedData,hiddenData=_useOverflowLegend.hiddenData,hasHiddenData=displayedData.length `+${count} more`"},description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"RenderHiddenLegendLabel"}},getColorVisionStyles:{defaultValue:null,description:"",name:"getColorVisionStyles",required:!0,type:{name:"ColorVisionInteractionMethods"}},getColorVisionEventAttrs:{defaultValue:null,description:"",name:"getColorVisionEventAttrs",required:!0,type:{name:"ColorVisionInteractionMethods"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/DonutChart/components/LegendValues/LegendValues.tsx#LegendValues"]={docgenInfo:LegendValues_LegendValues.__docgenInfo,name:"LegendValues",path:"packages/polaris-viz/src/components/DonutChart/components/LegendValues/LegendValues.tsx#LegendValues"})}catch(__react_docgen_typescript_loader_error){}var react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),classnames=__webpack_require__("./packages/polaris-viz/src/utilities/classnames.ts"),ComparisonMetric=__webpack_require__("./packages/polaris-viz/src/components/ComparisonMetric/ComparisonMetric.tsx");function InnerValue(_ref){var _renderInnerValueCont,activeValue=_ref.activeValue,activeIndex=_ref.activeIndex,comparisonMetric=_ref.comparisonMetric,labelFormatter=_ref.labelFormatter,isAnimated=_ref.isAnimated,renderInnerValueContent=_ref.renderInnerValueContent,totalValue=_ref.totalValue,selectedTheme=Object(useTheme.a)(),animatedValue=Object(react_spring_web_esm.useSpring)({animatedValue:totalValue,from:{animatedValue:0},config:react_spring_web_esm.config.stiff,default:{immediate:!isAnimated}}).animatedValue,animatedTotalValue=Object(jsx_runtime.jsx)(react_spring_web_esm.animated.span,{children:animatedValue.to((function(value){return animatedValue.isPaused?labelFormatter(value):labelFormatter(Math.abs(Math.floor(value)))}))}),activeValueExists=null!=activeValue,valueToDisplay=activeValueExists?labelFormatter(activeValue):animatedTotalValue,innerContent=null!=(_renderInnerValueCont=null==renderInnerValueContent?void 0:renderInnerValueContent({activeValue:activeValue,activeIndex:activeIndex,animatedTotalValue:animatedTotalValue,totalValue:totalValue}))?_renderInnerValueCont:Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)(react_spring_web_esm.animated.p,{className:Object(classnames.a)(DonutChart_default.a.ContentValue),style:{color:selectedTheme.xAxis.labelColor},children:valueToDisplay}),null!=comparisonMetric&&!activeValueExists&&Object(jsx_runtime.jsx)("div",{className:DonutChart_default.a.ComparisonMetric,children:Object(jsx_runtime.jsx)(ComparisonMetric.a,{metric:comparisonMetric.metric,trend:comparisonMetric.trend,accessibilityLabel:comparisonMetric.accessibilityLabel})})]});return Object(jsx_runtime.jsx)("div",{className:DonutChart_default.a.ContentWrapper,children:innerContent})}try{InnerValue.displayName="InnerValue",InnerValue.__docgenInfo={description:"",displayName:"InnerValue",props:{activeValue:{defaultValue:null,description:"",name:"activeValue",required:!0,type:{name:"number"}},activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},labelFormatter:{defaultValue:null,description:"",name:"labelFormatter",required:!0,type:{name:"LabelFormatter"}},isAnimated:{defaultValue:null,description:"",name:"isAnimated",required:!0,type:{name:"boolean"}},totalValue:{defaultValue:null,description:"",name:"totalValue",required:!0,type:{name:"number"}},comparisonMetric:{defaultValue:null,description:"",name:"comparisonMetric",required:!1,type:{name:"ComparisonMetricProps"}},renderInnerValueContent:{defaultValue:null,description:"",name:"renderInnerValueContent",required:!1,type:{name:"RenderInnerValueContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/DonutChart/components/InnerValue/InnerValue.tsx#InnerValue"]={docgenInfo:InnerValue.__docgenInfo,name:"InnerValue",path:"packages/polaris-viz/src/components/DonutChart/components/InnerValue/InnerValue.tsx#InnerValue"})}catch(__react_docgen_typescript_loader_error){}function Chart_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 Chart_objectSpread(target){for(var i=1;iprevious?estimatedLegendWidth:previous}),0),maxLegendWidth="vertical"===legendDirection?Math.max(longestLegendWidth,.35*dimensions.width):0,_useLegend=Object(useLegend.a)({data:[{series:data,shape:"Bar"}],dimensions:dimensions,showLegend:showLegend,direction:legendDirection,colors:seriesColor,maxWidth:maxLegendWidth}),height=_useLegend.height,width=_useLegend.width,legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,isLegendMounted=_useLegend.isLegendMounted,shouldUseColorVisionEvents=Boolean(width&&height&&isLegendMounted);if(Object(useColorVisionEvents.a)({enabled:shouldUseColorVisionEvents,dimensions:Chart_objectSpread(Chart_objectSpread({},dimensions),{},{x:0,y:0})}),Object(useWatchColorVisionEvents.a)({type:constants.q,onIndexChange:function onIndexChange(_ref2){var detail=_ref2.detail;setActiveIndex(detail.index)}}),!width||!height)return null;var diameter=Math.min(height,width),radius=diameter/2,points=data.reduce((function(prev,_ref3){var data=_ref3.data;return prev.concat(data)}),[]),pieChartData=Object(pie.a)().value((function(_ref4){return _ref4.value})).sort(null)(points),emptyState=0===pieChartData.length,totalValue=total||points.reduce((function(acc,_ref5){var value=_ref5.value;return(null!=value?value:0)+acc}),0),activeValue=null==(_points$activeIndex=points[activeIndex])?void 0:_points$activeIndex.value,viewBoxDimensions_height=diameter+20,viewBoxDimensions_width=diameter+20- -80,containerAlignmentStyle=Object(getContainerAlignmentForLegend.a)(legendPosition),shouldRenderLegendContentWithValues=!renderLegendContent&&showLegendValues&&("right"===legendPosition||"left"===legendPosition),isCornerPosition=legendPosition.includes("-");return Object(jsx_runtime.jsxs)("div",{className:DonutChart_default.a.DonutWrapper,style:containerAlignmentStyle,children:[Object(jsx_runtime.jsx)("div",{className:DonutChart_default.a.Donut,children:state===types.a.Success?Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)("span",{className:DonutChart_default.a.VisuallyHidden,children:accessibilityLabel}),Object(jsx_runtime.jsx)("svg",{viewBox:"-80 -40 "+viewBoxDimensions_width+" "+viewBoxDimensions_height,height:diameter,width:diameter,children:isLegendMounted&&Object(jsx_runtime.jsx)("g",{className:DonutChart_default.a.DonutChart,children:emptyState?Object(jsx_runtime.jsx)("g",{"aria-hidden":!0,children:Object(jsx_runtime.jsx)(Arc.a,{isAnimated:shouldAnimate,width:diameter,height:diameter,radius:radius,startAngle:0,endAngle:FULL_CIRCLE,color:selectedTheme.grid.color,cornerRadius:selectedTheme.arc.cornerRadius,thickness:selectedTheme.arc.thickness})}):pieChartData.map((function(_ref7,index){var _data$index$color,_data$index,pieData=_ref7.data,startAngle=_ref7.startAngle,endAngle=_ref7.endAngle,color=null!=(_data$index$color=null==(_data$index=data[index])?void 0:_data$index.color)?_data$index$color:seriesColor[index],accessibilityLabel=data[index].name+": "+pieData.key+" - "+pieData.value;return Object(jsx_runtime.jsx)("g",{className:DonutChart_default.a.DonutChart,"aria-label":accessibilityLabel,role:"img",children:Object(jsx_runtime.jsx)(Arc.a,{isAnimated:shouldAnimate,index:index,activeIndex:activeIndex,width:diameter,height:diameter,radius:radius,startAngle:startAngle,endAngle:endAngle,color:color,cornerRadius:selectedTheme.arc.cornerRadius,thickness:selectedTheme.arc.thickness})},chartId+"-arc-"+index)}))})}),Object(jsx_runtime.jsx)(InnerValue,{activeValue:activeValue,activeIndex:activeIndex,isAnimated:shouldAnimate,totalValue:totalValue,comparisonMetric:comparisonMetric,labelFormatter:labelFormatter,renderInnerValueContent:renderInnerValueContent})]}):Object(jsx_runtime.jsx)(ChartSkeleton.a,{dimensions:{width:diameter,height:diameter},state:state,type:"Donut",errorText:errorText,theme:theme})}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{fullWidth:legendFullWidth,onDimensionChange:setLegendDimensions,colorVisionType:constants.q,data:legend,direction:legendDirection,position:legendPosition,maxWidth:maxLegendWidth,enableHideOverflow:!isCornerPosition,dimensions:Chart_objectSpread(Chart_objectSpread({},dimensions),{},{x:0,y:0}),renderLegendContent:shouldRenderLegendContentWithValues?function renderLegendContentWithValues(_ref6){var getColorVisionStyles=_ref6.getColorVisionStyles,getColorVisionEventAttrs=_ref6.getColorVisionEventAttrs;return Object(jsx_runtime.jsx)(LegendValues_LegendValues,{data:data,activeIndex:activeIndex,labelFormatter:labelFormatter,getColorVisionStyles:getColorVisionStyles,getColorVisionEventAttrs:getColorVisionEventAttrs,dimensions:Chart_objectSpread(Chart_objectSpread({},dimensions),{},{x:0,y:0}),renderHiddenLegendLabel:renderHiddenLegendLabel})}:renderLegendContent})]})}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},labelFormatter:{defaultValue:null,description:"",name:"labelFormatter",required:!0,type:{name:"LabelFormatter"}},legendPosition:{defaultValue:{value:"right"},description:"",name:"legendPosition",required:!1,type:{name:"LegendPosition"}},showLegend:{defaultValue:null,description:"",name:"showLegend",required:!0,type:{name:"boolean"}},showLegendValues:{defaultValue:null,description:"",name:"showLegendValues",required:!0,type:{name:"boolean"}},state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ChartState"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},accessibilityLabel:{defaultValue:{value:""},description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},comparisonMetric:{defaultValue:null,description:"",name:"comparisonMetric",required:!1,type:{name:"ComparisonMetricProps"}},dimensions:{defaultValue:{value:"{height: 0, width: 0}"},description:"",name:"dimensions",required:!1,type:{name:"Dimensions"}},errorText:{defaultValue:null,description:"",name:"errorText",required:!1,type:{name:"string"}},legendFullWidth:{defaultValue:{value:"false"},description:"",name:"legendFullWidth",required:!1,type:{name:"boolean"}},renderInnerValueContent:{defaultValue:null,description:"",name:"renderInnerValueContent",required:!1,type:{name:"RenderInnerValueContent"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},renderHiddenLegendLabel:{defaultValue:null,description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"RenderHiddenLegendLabel"}},total:{defaultValue:null,description:"",name:"total",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/DonutChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/DonutChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function DonutChart_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 DonutChart_objectSpread(target){for(var i=1;i"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/FunnelChart/components/Label.tsx#Label"]={docgenInfo:Label_Label.__docgenInfo,name:"Label",path:"packages/polaris-viz/src/components/FunnelChart/components/Label.tsx#Label"})}catch(__react_docgen_typescript_loader_error){}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 FunnelSegment(_ref){var barWidth=_ref.barWidth,barHeight=_ref.barHeight,drawableHeight=_ref.drawableHeight,x=_ref.x,ariaLabel=_ref.ariaLabel,_ref$index=_ref.index,index=void 0===_ref$index?0:_ref$index,color=_ref.color,connector=_ref.connector,isLast=_ref.isLast,portalTo=_ref.portalTo,percentLabel=_ref.percentLabel,formattedYValue=_ref.formattedYValue,labelHelper=_ref.labelHelper,selectedTheme=Object(useTheme.a)(),mounted=Object(react.useRef)(!1),borderRadius=selectedTheme.bar.borderRadius,_useTheme=Object(useTheme.a)(),axisLabelColor=_useTheme.xAxis.labelColor,backgroundColor=_useTheme.chartContainer.backgroundColor,springConfig=Object(useBarSpringConfig.a)({animationDelay:150*index}),_useSpring=Object(react_spring_web_esm.useSpring)(function _objectSpread(target){for(var i=1;i>"}},x:{defaultValue:null,description:"",name:"x",required:!0,type:{name:"number"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},chartX:{defaultValue:null,description:"",name:"chartX",required:!0,type:{name:"number"}},chartY:{defaultValue:null,description:"",name:"chartY",required:!0,type:{name:"number"}},labelWidth:{defaultValue:null,description:"",name:"labelWidth",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/FunnelChart/components/FunnelChartXAxisArrows.tsx#FunnelChartXAxisArrows"]={docgenInfo:FunnelChartXAxisArrows.__docgenInfo,name:"FunnelChartXAxisArrows",path:"packages/polaris-viz/src/components/FunnelChart/components/FunnelChartXAxisArrows.tsx#FunnelChartXAxisArrows"})}catch(__react_docgen_typescript_loader_error){}function FunnelChartXAxisLabels(_ref){var allowLineWrap=_ref.allowLineWrap,chartX=_ref.chartX,chartY=_ref.chartY,labels=_ref.labels,labelWidth=_ref.labelWidth,onHeightChange=_ref.onHeightChange,reducedLabelIndexes=_ref.reducedLabelIndexes,xScale=_ref.xScale,lines=Object(useLabels.a)({allowLineWrap:allowLineWrap,labels:labels,targetWidth:labelWidth,onHeightChange:onHeightChange}).lines;return Object(jsx_runtime.jsx)(react.Fragment,{children:lines.map((function(line,index){var _xScale;if(Object(shouldSkipLabel.a)(index,reducedLabelIndexes))return null;var x=null!=(_xScale=xScale(index.toString()))?_xScale:0;return Object(jsx_runtime.jsxs)("g",{children:[0===index?null:Object(jsx_runtime.jsx)(FunnelChartXAxisArrows,{onHeightChange:onHeightChange,x:x,index:index,chartX:chartX,chartY:chartY,labelWidth:labelWidth}),Object(jsx_runtime.jsx)("g",{transform:"translate("+(chartX+x)+","+chartY+")",children:Object(jsx_runtime.jsx)(TextLine.a,{line:line,index:index})},index)]},"label-group-"+index)}))})}try{FunnelChartXAxisLabels.displayName="FunnelChartXAxisLabels",FunnelChartXAxisLabels.__docgenInfo={description:"",displayName:"FunnelChartXAxisLabels",props:{allowLineWrap:{defaultValue:null,description:"",name:"allowLineWrap",required:!0,type:{name:"boolean"}},chartX:{defaultValue:null,description:"",name:"chartX",required:!0,type:{name:"number"}},chartY:{defaultValue:null,description:"",name:"chartY",required:!0,type:{name:"number"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},labelWidth:{defaultValue:null,description:"",name:"labelWidth",required:!0,type:{name:"number"}},onHeightChange:{defaultValue:null,description:"",name:"onHeightChange",required:!0,type:{name:"Dispatch>"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleBand"}},reducedLabelIndexes:{defaultValue:null,description:"",name:"reducedLabelIndexes",required:!1,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/FunnelChart/components/FunnelChartXAxisLabels.tsx#FunnelChartXAxisLabels"]={docgenInfo:FunnelChartXAxisLabels.__docgenInfo,name:"FunnelChartXAxisLabels",path:"packages/polaris-viz/src/components/FunnelChart/components/FunnelChartXAxisLabels.tsx#FunnelChartXAxisLabels"})}catch(__react_docgen_typescript_loader_error){}function Chart(_ref){var data=_ref.data,dimensions=_ref.dimensions,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions,labelHelpers=_ref.labelHelpers,theme=Object(useChartContext.a)().theme,selectedTheme=Object(useTheme.a)(),_useState=Object(react.useState)(constants.X),_useState2=slicedToArray_default()(_useState,2),xAxisHeight=_useState2[0],setXAxisHeight=_useState2[1],dataSeries=data[0].data,colorOverride=data[0].color,_useState3=Object(react.useState)(null),_useState4=slicedToArray_default()(_useState3,2),maskRef=_useState4[0],setMaskRef=_useState4[1],xValues=dataSeries.map((function(_ref2){return _ref2.key})),yValues=dataSeries.map((function(_ref3){return _ref3.value})),_ref4=dimensions||{width:0,height:0},width=_ref4.width,height=_ref4.height,labels=Object(react.useMemo)((function(){return dataSeries.map((function(_ref5){var key=_ref5.key;return xAxisOptions.labelFormatter(key)}))}),[dataSeries,xAxisOptions]),xScale=Object(band.a)().domain(xValues).range([0,width]).paddingInner(.5),labelXScale=Object(band.a)().range([0,width]).paddingInner(.5).paddingOuter(0).domain(labels.map((function(_,index){return index.toString()}))),drawableHeight=height-xAxisHeight-16,yScale=Object(linear.a)().range([0,drawableHeight-src_constants.c]).domain([0,Math.max.apply(Math,toConsumableArray_default()(yValues))]),barWidth=xScale.bandwidth(),getBarHeight=Object(react.useCallback)((function(rawValue){var rawHeight=Math.abs(yScale(rawValue)-yScale(0));return rawHeight1?barsGradient[1].color:barsGradient[0].color),connectorGradientId=Object(react.useMemo)((function(){return Object(uniqueId.a)("connector-gradient")}),[]),connectorGradient=[{color:Object(changeColorOpacity.a)(averageColor,.2),offset:0},{color:Object(changeColorOpacity.a)(averageColor,0),offset:100}],gradientId=Object(react.useMemo)((function(){return Object(uniqueId.a)("gradient")}),[]),maskId=Object(react.useMemo)((function(){return Object(uniqueId.a)("mask")}),[]);return Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{height:height,width:width,children:[Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{gradient:connectorGradient,id:connectorGradientId,x1:"0%",x2:"0%",y1:"100%",y2:"0%"}),Object(jsx_runtime.jsx)(LinearGradientWithStops.a,{gradient:barsGradient,id:""+gradientId}),Object(jsx_runtime.jsx)("mask",{ref:setMaskRef,id:maskId+"-"+theme+"-grad"}),dataSeries.map((function(dataPoint,index){var nextPoint=dataSeries[index+1],xPosition=xScale(dataPoint.key),x=null==xPosition?0:xPosition,nextBarHeight=getBarHeight((null==nextPoint?void 0:nextPoint.value)||0),yAxisValue=dataPoint.value,percentCalculation=null!=nextPoint&&nextPoint.value&&yAxisValue?nextPoint.value/yAxisValue*100:0,barHeight=getBarHeight(dataPoint.value||0),percentLabel=function handlePercentLabelFormatter(percentCalculation){var percentRounded=Math.round(percentCalculation);return percentCalculation?yAxisOptions.labelFormatter(percentRounded)+"%":""}(percentCalculation),formattedYValue=yAxisOptions.labelFormatter(yAxisValue),labelHelper=null==labelHelpers?void 0:labelHelpers.find((function(helper){return helper.key===dataPoint.key}));return Object(jsx_runtime.jsx)(react.Fragment,{children:maskRef&&Object(jsx_runtime.jsx)("g",{role:"listitem",children:Object(jsx_runtime.jsx)(FunnelSegment,{percentLabel:percentLabel,labelHelper:labelHelper&&labelHelper.value,formattedYValue:formattedYValue,isLast:index===dataSeries.length-1,connector:{height:drawableHeight,startX:x+barWidth,startY:drawableHeight-barHeight,nextX:xScale(null==nextPoint?void 0:nextPoint.key),nextY:drawableHeight-nextBarHeight,nextPoint:nextPoint,fill:"url(#"+connectorGradientId+")"},ariaLabel:xAxisOptions.labelFormatter(dataPoint.key)+": "+yAxisOptions.labelFormatter(dataPoint.value),barWidth:barWidth,barHeight:barHeight,color:constants.Z,x:x,portalTo:maskRef,index:index,drawableHeight:drawableHeight})},dataPoint.key)},dataPoint.key)})),Object(jsx_runtime.jsx)("g",{"aria-hidden":"true",children:Object(jsx_runtime.jsx)(FunnelChartXAxisLabels,{allowLineWrap:xAxisOptions.allowLineWrap,chartX:barWidth/-4,chartY:drawableHeight+16,labels:labels,labelWidth:barWidth+barWidth/2,onHeightChange:setXAxisHeight,reducedLabelIndexes:reducedLabelIndexes,xScale:labelXScale})}),Object(jsx_runtime.jsx)("rect",{mask:"url(#"+maskId+"-"+theme+"-grad)",x:0,y:0,width:width,height:drawableHeight,fill:"url(#"+gradientId+")",style:{pointerEvents:"none"}})]})}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},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:"Dimensions"}},labelHelpers:{defaultValue:null,description:"",name:"labelHelpers",required:!1,type:{name:"LabelHelpers[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/FunnelChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/FunnelChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function FunnelChart_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 FunnelChart_objectSpread(target){for(var i=1;i0}));skipEndWordTruncate?truncatedLabels[index].truncatedWords.push(truncatedLabels[index].text):words.forEach((function(word){var wordWidth=Object(estimateStringWidth.a)(word,characterWidths);truncatedLabels[index].words.push({word:word,wordWidth:wordWidth}),wordWidth>targetWidth?truncatedLabels[index].truncatedWords.push(endWordTruncate({word:word,targetWidth:targetWidth,characterWidths:characterWidths})):truncatedLabels[index].truncatedWords.push(word)})),truncatedLabels[index].truncatedName=truncatedLabels[index].truncatedWords.join(" "),truncatedLabels[index].truncatedName=Object(endLineTruncate.a)({label:truncatedLabels[index].truncatedName,targetWidth:targetWidth,targetHeight:targetHeight,characterWidths:characterWidths}),truncatedLabels[index].truncatedWidth=Object(estimateStringWidth.a)(truncatedLabels[index].truncatedName,characterWidths),truncatedLabels[index].truncatedWords=truncatedLabels[index].truncatedName.split(" ")})),truncatedLabels}function useLabels(_ref){var allowLineWrap=_ref.allowLineWrap,labels=_ref.labels,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=void 0===_ref$onHeightChange?function(){}:_ref$onHeightChange,targetWidth=_ref.targetWidth,characterWidths=Object(useChartContext.a)().characterWidths,preparedLabels=Object(react.useMemo)((function(){return labels.map((function(label){return{text:label,words:[],truncatedWords:[],truncatedName:"",truncatedWidth:0}}))}),[labels]),longestLabelWidth=Object(react.useMemo)((function(){return labels.reduce((function(prev,string){var newWidth=Object(estimateStringWidth.a)(string,characterWidths);return newWidth>prev?newWidth:prev}),0)}),[labels,characterWidths]),_useMemo=Object(react.useMemo)((function(){var shouldDrawHorizontal=function checkIfShouldDrawHorizontal(_ref2){var allowLineWrap=_ref2.allowLineWrap,longestLabelWidth=_ref2.longestLabelWidth,targetWidth=_ref2.targetWidth,isLabelLongerThanTarget=targetWidth>longestLabelWidth;if(!1===allowLineWrap)return isLabelLongerThanTarget;return targetWidth>=constants.H||isLabelLongerThanTarget}({allowLineWrap:allowLineWrap,longestLabelWidth:longestLabelWidth,targetWidth:targetWidth}),shouldDrawDiagonal=targetWidth>constants.y,shouldDrawVertical=targetWidth>constants.lb;switch(!0){case shouldDrawHorizontal:return function getHorizontalLabels(_ref){var labels=_ref.labels,targetHeight=_ref.targetHeight,targetWidth=_ref.targetWidth,characterWidths=_ref.characterWidths,truncatedLabels=truncateLabels({labels:labels,targetWidth:targetWidth,targetHeight:targetHeight,characterWidths:characterWidths}),lines=[],longestLineCount=0;return truncatedLabels.forEach((function(label,index){lines[index]=[];for(var line="",lineNumber=0,words=label.truncatedWords,wordIndex=0;wordIndextargetWidth&&(words[wordIndex]=endWordTruncate({word:words[wordIndex],targetWidth:targetWidth,characterWidths:characterWidths})),line+=words[wordIndex];null!=words[wordIndex+1]&&Object(estimateStringWidth.a)(line+" "+words[wordIndex+1],characterWidths)longestLineCount&&(longestLineCount=lineNumber)}})),{lines:lines,containerHeight:longestLineCount*constants.X}}({labels:preparedLabels,targetWidth:targetWidth,targetHeight:constants.I,characterWidths:characterWidths});case shouldDrawDiagonal:return function getDiagonalLabels(_ref){for(var characterWidths=_ref.characterWidths,labels=_ref.labels,longestLabelWidth=_ref.longestLabelWidth,targetHeight=_ref.targetHeight,targetWidth=_ref.targetWidth,clampedTargetWidth=Object(clamp.a)({amount:longestLabelWidth,min:targetWidth,max:constants.ab}),truncatedLabels=truncateLabels({labels:labels,targetWidth:clampedTargetWidth,targetHeight:targetHeight,characterWidths:characterWidths,skipEndWordTruncate:!0}),lines=[],centerPoint=targetWidth/2-constants.X/2,i=0;ilongestWidth&&(longestIndex=index,longestWidth=truncatedWidth)})),labels[longestIndex]}(truncatedLabels),truncatedWidth=_getWidestLabel.truncatedWidth;return{lines:lines,containerHeight:Object(clamp.a)({amount:(width=truncatedWidth,angle=45,originalHeight=targetHeight,radians=Math.PI/180*angle,hypotenuse=width*Math.sin(radians),opp=originalHeight*Math.cos(radians),Math.round(hypotenuse+opp)),min:0,max:constants.bb})}}({characterWidths:characterWidths,labels:preparedLabels,longestLabelWidth:longestLabelWidth,targetHeight:constants.X,targetWidth:targetWidth});case shouldDrawVertical:return function getVerticalLabels(_ref){for(var labels=_ref.labels,characterWidths=_ref.characterWidths,longestLabelWidth=_ref.longestLabelWidth,targetWidth=_ref.targetWidth,clampedTargetWidth=Object(clamp.a)({amount:longestLabelWidth,min:targetWidth,max:constants.mb}),truncatedLabels=truncateLabels({labels:labels,targetWidth:clampedTargetWidth,targetHeight:constants.X,characterWidths:characterWidths,skipEndWordTruncate:!0}),lines=[],longestString=0,i=0;ilongestString&&(longestString=truncatedLabels[i].truncatedWidth);return{lines:lines,containerHeight:longestString}}({characterWidths:characterWidths,labels:preparedLabels,longestLabelWidth:longestLabelWidth,targetWidth:targetWidth});default:return{lines:[],containerHeight:0}}}),[allowLineWrap,targetWidth,characterWidths,preparedLabels,longestLabelWidth]),lines=_useMemo.lines,containerHeight=_useMemo.containerHeight;return Object(react.useEffect)((function(){onHeightChange(containerHeight)}),[containerHeight,onHeightChange]),{lines:lines,containerHeight:containerHeight}}try{useLabels.displayName="useLabels",useLabels.__docgenInfo={description:"",displayName:"useLabels",props:{allowLineWrap:{defaultValue:null,description:"",name:"allowLineWrap",required:!0,type:{name:"boolean"}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"string[]"}},targetWidth:{defaultValue:null,description:"",name:"targetWidth",required:!0,type:{name:"number"}},onHeightChange:{defaultValue:{value:"() => {}"},description:"",name:"onHeightChange",required:!1,type:{name:"Dispatch> | (() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Labels/hooks/useLabels.tsx#useLabels"]={docgenInfo:useLabels.__docgenInfo,name:"useLabels",path:"packages/polaris-viz/src/components/Labels/hooks/useLabels.tsx#useLabels"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Labels/utilities/endLineTruncate.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return endLineTruncate}));var constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),estimateStringWidth=(__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.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./packages/polaris-viz-core/src/utilities/estimateStringWidth.ts"));function estimateTextHeight(_ref){var characterWidths=_ref.characterWidths,targetWidth=_ref.targetWidth,words=_ref.label.split(" "),lines=0,lineWidth=0;return words.forEach((function(_,index){var wordParts=words[index].split("-");lines+=wordParts.length;var wordWidth=Object(estimateStringWidth.a)(words[index],characterWidths);(lineWidth+=wordWidth)>targetWidth&&(lines+=1,lineWidth=wordWidth)})),lines*constants.X}__webpack_require__("./node_modules/core-js/modules/es.string.trim-end.js"),__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js");function formatAndAddEllipsis(label){var newLabel=label.trimEnd();return newLabel.endsWith("-")&&(newLabel=newLabel.substring(0,newLabel.length-1)),""+newLabel+constants.z}function endLineTruncate(_ref){var label=_ref.label,targetWidth=_ref.targetWidth,targetHeight=_ref.targetHeight,characterWidths=_ref.characterWidths;return targetHeight<=constants.X?function truncateSingleLine(_ref){var characterWidths=_ref.characterWidths,label=_ref.label,targetWidth=_ref.targetWidth;if(Object(estimateStringWidth.a)(label,characterWidths)<=targetWidth)return label;for(var characters=label.split(""),width=0,newLabel="",index=0;width<=targetWidth-characterWidths[constants.z];)width+=characterWidths[characters[index]],newLabel+=characters[index],index++;return formatAndAddEllipsis(newLabel)}({label:label,targetWidth:targetWidth,characterWidths:characterWidths}):function truncateLastLine(_ref){var label=_ref.label,targetHeight=_ref.targetHeight,targetWidth=_ref.targetWidth,characterWidths=_ref.characterWidths,newLabel=label,lineStart=0,lineEnd=label.length,counter=0;if(lineEndtargetHeight&&(lineEnd=middle-1),newLabelHeight"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",required:!1,type:{name:"string"}},indexOffset:{defaultValue:{value:"0"},description:"",name:"indexOffset",required:!1,type:{name:"number"}},truncate:{defaultValue:{value:"false"},description:"",name:"truncate",required:!1,type:{name:"boolean"}},showLegendValues:{defaultValue:{value:"false"},description:"",name:"showLegendValues",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Legend/Legend.tsx#Legend"]={docgenInfo:Legend.__docgenInfo,name:"Legend",path:"packages/polaris-viz/src/components/Legend/Legend.tsx#Legend"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.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/Legend/components/LegendItem/LegendItem.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/Legend/components/LegendItem/LegendItem.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LegendItem}));__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.name.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__),_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__),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionEventAttrs.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionStylesForActiveIndex.ts"),react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./packages/polaris-viz/src/components/Legend/constants.ts"),_constants__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_shared_SeriesIcon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./packages/polaris-viz/src/components/shared/SeriesIcon/SeriesIcon.tsx"),_hooks__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_LegendItem_scss__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.scss"),_LegendItem_scss__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(_LegendItem_scss__WEBPACK_IMPORTED_MODULE_19__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__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 ReactNode"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}},onDimensionChange:{defaultValue:null,description:"",name:"onDimensionChange",required:!1,type:{name:"({ width, height }: LegendItemDimension) => void"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",required:!1,type:{name:"string"}},truncate:{defaultValue:{value:"false"},description:"",name:"truncate",required:!1,type:{name:"boolean"}},showLegendValues:{defaultValue:{value:"false"},description:"",name:"showLegendValues",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"Color"}},isComparison:{defaultValue:null,description:"",name:"isComparison",required:!1,type:{name:"boolean"}},shape:{defaultValue:null,description:"",name:"shape",required:!1,type:{name:"Shape"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},trend:{defaultValue:null,description:"",name:"trend",required:!1,type:{name:"MetaDataTrendIndicator"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.tsx#LegendItem"]={docgenInfo:LegendItem.__docgenInfo,name:"LegendItem",path:"packages/polaris-viz/src/components/Legend/components/LegendItem/LegendItem.tsx#LegendItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/Legend/constants.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return LEGEND_ITEM_LEFT_PADDING})),__webpack_require__.d(__webpack_exports__,"c",(function(){return LEGEND_ITEM_RIGHT_PADDING})),__webpack_require__.d(__webpack_exports__,"a",(function(){return LEGEND_ITEM_GAP}));var LEGEND_ITEM_LEFT_PADDING=8,LEGEND_ITEM_RIGHT_PADDING=16,LEGEND_ITEM_GAP=8},"./packages/polaris-viz/src/components/Legend/stories sync ^\\.[\\\\/](?:Legend\\.stories\\.tsx)$":function(module,exports,__webpack_require__){var map={"./Legend.stories.tsx":"./packages/polaris-viz/src/components/Legend/stories/Legend.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/src/components/Legend/stories sync ^\\.[\\\\/](?:Legend\\.stories\\.tsx)$"},"./packages/polaris-viz/src/components/Legend/stories/Legend.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return META})),__webpack_require__.d(__webpack_exports__,"Default",(function(){return Default}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var constants=__webpack_require__("./packages/polaris-viz/src/storybook/constants.ts"),Legend=__webpack_require__("./packages/polaris-viz/src/components/Legend/Legend.tsx"),META={title:"polaris-viz/Subcomponents/Legend",component:Legend.a,parameters:{docs:{description:{component:"Used to indicate which color is associated with which series. The color preview will appear as a square unless a `shape` is passed to `LegendData`.

All charts except spark charts and `SimpleNormalizedChart` include a `Legend` by default."}},controls:constants.c},argTypes:{data:{description:"`name` and `color` props should be passed to each legend to display a title and a color icon. `isComparison`, `shape` and `value` props are optional."},colorVisionType:{table:{disable:!0}},theme:constants.r}},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/@babel/runtime/helpers/defineProperty.js")),defineProperty_default=__webpack_require__.n(defineProperty),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"}},direction:{defaultValue:{value:"horizontal"},description:"",name:"direction",required:!1,type:{name:"Direction"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},position:{defaultValue:{value:"bottom-right"},description:"",name:"position",required:!1,type:{name:"LegendPosition"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"number"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},enableHideOverflow:{defaultValue:{value:"false"},description:"",name:"enableHideOverflow",required:!1,type:{name:"boolean"}},renderHiddenLegendLabel:{defaultValue:{value:"(count) => `+${count} more`"},description:"",name:"renderHiddenLegendLabel",required:!1,type:{name:"RenderHiddenLegendLabel"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx#LegendContainer"]={docgenInfo:LegendContainer.__docgenInfo,name:"LegendContainer",path:"packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx#LegendContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.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/LegendContainer/components/HiddenLegendTooltip.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/LegendContainer/components/HiddenLegendTooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HiddenLegendTooltip}));__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_slicedToArray__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__),react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react-dom/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./packages/polaris-viz-core/src/utilities/changeColorOpacity.ts"),_constants__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_hooks_useBrowserCheck__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./packages/polaris-viz/src/hooks/useBrowserCheck.ts"),_hooks_useRootContainer__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./packages/polaris-viz/src/hooks/useRootContainer.ts"),_hooks_ColorVisionA11y__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),_TooltipWrapper__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/utilities.ts"),_Legend__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./packages/polaris-viz/src/components/Legend/Legend.tsx"),_HiddenLegendTooltip_scss__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.scss"),_HiddenLegendTooltip_scss__WEBPACK_IMPORTED_MODULE_22___default=__webpack_require__.n(_HiddenLegendTooltip_scss__WEBPACK_IMPORTED_MODULE_22__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__=__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=window.innerHeight+window.scrollY?yPosition-tooltip.height-activator.height:yPosition}(),left:function getXPosition(){return xPosition+tooltip.width+_TooltipWrapper__WEBPACK_IMPORTED_MODULE_20__.a>window.innerWidth?xPosition-tooltip.width+activator.width:xPosition}()})}}),[setPosition]),handleMouseLeave=Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(event){(null==event?void 0:event.relatedTarget.id)!==tooltipId&&(setActive(!1),setPosition(defaultPosition))}),[setActive,setPosition,defaultPosition,tooltipId]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsxs)(react__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)("button",{className:_HiddenLegendTooltip_scss__WEBPACK_IMPORTED_MODULE_22___default.a.MoreText,ref:activatorRef,onMouseEnter:getTooltipPosition,onMouseLeave:handleMouseLeave,onFocus:getTooltipPosition,onBlur:handleMouseLeave,style:{color:selectedTheme.legend.labelColor},children:label}),Object(react_dom__WEBPACK_IMPORTED_MODULE_12__.createPortal)(Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)("div",{className:_HiddenLegendTooltip_scss__WEBPACK_IMPORTED_MODULE_22___default.a.Tooltip,ref:tooltipRef,onMouseLeave:handleMouseLeave,onBlur:handleMouseLeave,id:tooltipId,style:_objectSpread({visibility:active?"visible":"hidden",zIndex:active?520:-1e5,background:Object(_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_15__.a)(selectedTheme.tooltip.backgroundColor,isFirefox?1:_constants__WEBPACK_IMPORTED_MODULE_16__.k)},position),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)(_Legend__WEBPACK_IMPORTED_MODULE_21__.a,{activeIndex:activeIndex,colorVisionType:colorVisionType,data:data,theme:theme,indexOffset:lastVisibleIndex,backgroundColor:"transparent"})}),container)]})}try{HiddenLegendTooltip.displayName="HiddenLegendTooltip",HiddenLegendTooltip.__docgenInfo={description:"",displayName:"HiddenLegendTooltip",props:{activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},colorVisionType:{defaultValue:null,description:"",name:"colorVisionType",required:!0,type:{name:"string"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"LegendData[]"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},setActivatorWidth:{defaultValue:null,description:"",name:"setActivatorWidth",required:!0,type:{name:"(width: number) => void"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}},lastVisibleIndex:{defaultValue:{value:"0"},description:"",name:"lastVisibleIndex",required:!1,type:{name:"number"}},dimensions:{defaultValue:null,description:"",name:"dimensions",required:!1,type:{name:"BoundingRect"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.tsx#HiddenLegendTooltip"]={docgenInfo:HiddenLegendTooltip.__docgenInfo,name:"HiddenLegendTooltip",path:"packages/polaris-viz/src/components/LegendContainer/components/HiddenLegendTooltip.tsx#HiddenLegendTooltip"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useLegend}));__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.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__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.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.flat.js");var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_16__),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@babel/runtime/helpers/defineProperty.js"),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_18___default=__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_18__),react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/react/index.js"),_shopify_polaris_viz_core__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),_constants__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./packages/polaris-viz/src/constants.ts"),_excluded=["color"];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;iheight))return totalHeight+card.height;_lastVisibleIndex=index}),_lastVisibleIndex),{displayedData:allData.slice(0,_lastVisibleIndex||1),hiddenData:allData.slice(_lastVisibleIndex||1,allData.length)}}var width=props.width,leftMargin=props.leftMargin,horizontalMargin=props.horizontalMargin,activatorWidth=props.activatorWidth,lastVisibleIndex=allData.length,containerWidth=width-leftMargin-horizontalMargin-activatorWidth;return legendItemDimensions.current.reduce((function(totalWidth,card,index){if(!(totalWidth+card.width+10*index>containerWidth))return totalWidth+card.width;lastVisibleIndex=index}),lastVisibleIndex),{displayedData:allData.slice(0,lastVisibleIndex||1),hiddenData:allData.slice(lastVisibleIndex||1,allData.length)}}),[enableHideOverflow,legendItemDimensions,direction,props,allData]);return{displayedData:_useMemo.displayedData,hiddenData:_useMemo.hiddenData}}},"./packages/polaris-viz/src/components/LineChart/LineChart.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LineChart}));__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),react=__webpack_require__("./node_modules/react/index.js"),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),getTooltipContentRenderer=__webpack_require__("./packages/polaris-viz/src/utilities/getTooltipContentRenderer.tsx"),fillMissingDataPoints=__webpack_require__("./packages/polaris-viz/src/utilities/fillMissingDataPoints.ts"),getLineChartDataWithDefaults=__webpack_require__("./packages/polaris-viz/src/utilities/getLineChartDataWithDefaults.ts"),ChartContainer=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx"),ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),useThemeSeriesColors=__webpack_require__("./packages/polaris-viz/src/hooks/useThemeSeriesColors.ts"),getAxisOptions=__webpack_require__("./packages/polaris-viz/src/utilities/getAxisOptions.ts"),normalizeData=__webpack_require__("./packages/polaris-viz/src/utilities/normalizeData.ts"),SkipLink=__webpack_require__("./packages/polaris-viz/src/components/SkipLink/SkipLink.tsx"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),slicedToArray=(__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js")),slicedToArray_default=__webpack_require__.n(slicedToArray),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useYScale=__webpack_require__("./packages/polaris-viz-core/src/hooks/useYScale.ts"),useChartPositions=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartPositions.ts"),clamp=__webpack_require__("./packages/polaris-viz-core/src/utilities/clamp.ts"),LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),useExternalHideEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ExternalEvents/useExternalHideEvents.ts"),useIndexForLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useIndexForLabels.ts"),checkAvailableAnnotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/utilities/checkAvailableAnnotations.ts"),Annotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/Annotations.tsx"),YAxisAnnotations=__webpack_require__("./packages/polaris-viz/src/components/Annotations/YAxisAnnotations.tsx"),useFormattedLabels=__webpack_require__("./packages/polaris-viz/src/hooks/useFormattedLabels.ts"),XAxis=__webpack_require__("./packages/polaris-viz/src/components/XAxis/XAxis.tsx"),useLegend=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/hooks/useLegend.ts"),LegendContainer=__webpack_require__("./packages/polaris-viz/src/components/LegendContainer/LegendContainer.tsx"),TooltipWrapper_constants=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/constants.ts"),TooltipWrapper=__webpack_require__("./packages/polaris-viz/src/components/TooltipWrapper/TooltipWrapper.tsx"),eventPoint=__webpack_require__("./packages/polaris-viz/src/utilities/eventPoint.ts"),useColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),useWatchColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useWatchColorVisionEvents.tsx"),useLinearLabelsAndDimensions=__webpack_require__("./packages/polaris-viz/src/hooks/useLinearLabelsAndDimensions.ts"),src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),VisuallyHiddenRows=__webpack_require__("./packages/polaris-viz/src/components/VisuallyHiddenRows/VisuallyHiddenRows.tsx"),YAxis=__webpack_require__("./packages/polaris-viz/src/components/YAxis/YAxis.tsx"),HorizontalGridLines=__webpack_require__("./packages/polaris-viz/src/components/HorizontalGridLines/HorizontalGridLines.tsx"),ChartElements=__webpack_require__("./packages/polaris-viz/src/components/ChartElements/index.ts");__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var 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"),yAxisMinMax=__webpack_require__("./packages/polaris-viz/src/components/LineChart/utilities/yAxisMinMax.ts");function getAlteredLineChartPosition(props){var _chartBounds$y,currentX=props.currentX,currentY=props.currentY,chartBounds=props.chartBounds,x=currentX,y=currentY;props.isPerformanceImpacted&&(y=null!=(_chartBounds$y=chartBounds.y)?_chartBounds$y:0);var right=function getRightPosition(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var value=args[0],props=args[1],x=value+props.bandwidth,wasOutsideBounds=isOutsideBounds({current:x,alteredPosition:props});wasOutsideBounds.right?x-=props.tooltipDimensions.width+props.bandwidth+20:x+=20;return{value:x,wasOutsideBounds:wasOutsideBounds.right}}(x,props);if(x=right.value,right.wasOutsideBounds){var left=function getLeftPosition(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return{value:args[0]-20,wasOutsideBounds:!1}}(x,props);x=left.value}return{x:Object(clamp.a)({amount:x,min:20,max:window.innerWidth-props.tooltipDimensions.width-20-20}),y:Object(clamp.a)({amount:y,min:window.scrollY+20,max:window.scrollY+window.innerHeight-props.tooltipDimensions.height-20})}}function isOutsideBounds(data){var current=data.current,alteredPosition=data.alteredPosition,max=window.innerWidth-20-20;return{left:current<20,right:current+alteredPosition.tooltipDimensions.width>max}}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;i1,dimensions:dimensions});var selectedTheme=Object(useTheme.a)(theme),isPerformanceImpacted=Object(useChartContext.a)().isPerformanceImpacted,_useState=Object(react.useState)(null),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],_useState3=Object(react.useState)(-1),_useState4=slicedToArray_default()(_useState3,2),activeLineIndex=_useState4[0],setActiveLineIndex=_useState4[1],_useState5=Object(react.useState)(constants.X),_useState6=slicedToArray_default()(_useState5,2),xAxisHeight=_useState6[0],setXAxisHeight=_useState6[1],_useState7=Object(react.useState)(0),_useState8=slicedToArray_default()(_useState7,2),annotationsHeight=_useState8[0],setAnnotationsHeight=_useState8[1],_useLegend=Object(useLegend.a)({data:[{shape:"Line",series:data}],dimensions:dimensions,showLegend:showLegend}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width;Object(useWatchColorVisionEvents.a)({type:constants.q,onIndexChange:function onIndexChange(_ref2){var detail=_ref2.detail;return setActiveLineIndex(detail.index)}});var hiddenLineIndexes=Object(useExternalHideEvents.a)().hiddenIndexes,indexForLabels=Object(useIndexForLabels.a)(data),_useFormattedLabels=Object(useFormattedLabels.a)({data:[data[indexForLabels]],labelFormatter:xAxisOptions.labelFormatter}),formattedLabels=_useFormattedLabels.formattedLabels,unformattedLabels=_useFormattedLabels.unformattedLabels,tooltipId=Object(react.useRef)(Object(uniqueId.a)("lineChart")),_useState9=Object(react.useState)(null),_useState10=slicedToArray_default()(_useState9,2),svgRef=_useState10[0],setSvgRef=_useState10[1],emptyState=0===data.length||data.every((function(series){return 0===series.data.length})),_yAxisMinMax=Object(yAxisMinMax.a)(data),minY=_yAxisMinMax.minY,maxY=_yAxisMinMax.maxY,yScaleOptions={formatYAxisLabel:yAxisOptions.labelFormatter,integersOnly:yAxisOptions.integersOnly,fixedWidth:yAxisOptions.fixedWidth,max:maxY,min:minY},yAxisLabelWidth=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:height,verticalOverflow:selectedTheme.grid.verticalOverflow})).yAxisLabelWidth,_useFormatData=Object(useFormatData.a)(data),longestSeriesLength=_useFormatData.longestSeriesLength,longestSeriesIndex=_useFormatData.longestSeriesIndex,_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,hideXAxis=xAxisOptions.hide||selectedTheme.xAxis.hide,_useLinearLabelsAndDi=Object(useLinearLabelsAndDimensions.a)({data:data,drawableWidth:drawableWidth,hideXAxis:hideXAxis,labels:formattedLabels,longestSeriesLength:longestSeriesLength}),xAxisDetails=_useLinearLabelsAndDi.xAxisDetails,xScale=_useLinearLabelsAndDi.xScale,labels=_useLinearLabelsAndDi.labels,_useYScale2=Object(useYScale.a)(_objectSpread(_objectSpread({},yScaleOptions),{},{drawableHeight:drawableHeight,verticalOverflow:selectedTheme.grid.verticalOverflow})),ticks=_useYScale2.ticks,yScale=_useYScale2.yScale,annotationsDrawableHeight=chartYPosition+drawableHeight+src_constants.a,getTooltipMarkup=function useLineChartTooltipContent(_ref){var data=_ref.data,_ref$hiddenIndexes=_ref.hiddenIndexes,hiddenIndexes=void 0===_ref$hiddenIndexes?[]:_ref$hiddenIndexes,indexForLabels=_ref.indexForLabels,renderTooltipContent=_ref.renderTooltipContent,theme=Object(useChartContext.a)().theme;return Object(react.useCallback)((function(activeIndex){if(-1===activeIndex)return null;var tooltipData=[{shape:"Line",data:[]}],key=data[indexForLabels].data[activeIndex]?data[indexForLabels].data[activeIndex].key:"";return data.forEach((function(_ref2,index){var name=_ref2.name,seriesData=_ref2.data,color=_ref2.color,isComparison=_ref2.isComparison;if(seriesData[activeIndex]){var value=seriesData[activeIndex].value;tooltipData[0].data.push({key:""+name,value:value,color:color,isComparison:isComparison,isHidden:hiddenIndexes.includes(index)})}})),renderTooltipContent({data:tooltipData,activeIndex:activeIndex,title:""+key,dataSeries:data,theme:theme})}),[data,renderTooltipContent,theme,hiddenIndexes,indexForLabels])}({data:data,renderTooltipContent:renderTooltipContent,indexForLabels:indexForLabels,hiddenIndexes:hiddenLineIndexes});if(null==xScale||null==drawableWidth||null==yAxisLabelWidth)return null;var chartBounds={width:width,height:height,x:null!=(_dimensions$x2=null==dimensions?void 0:dimensions.x)?_dimensions$x2:chartXPosition,y:null!=(_dimensions$y2=null==dimensions?void 0:dimensions.y)?_dimensions$y2:chartYPosition},_checkAvailableAnnota=Object(checkAvailableAnnotations.a)(annotationsLookupTable),hasXAxisAnnotations=_checkAvailableAnnota.hasXAxisAnnotations,hasYAxisAnnotations=_checkAvailableAnnota.hasYAxisAnnotations,halfXAxisLabelWidth=xAxisDetails.labelWidth/2;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{emptyState:emptyState,emptyStateText:emptyStateText,height:height,role:"table",setRef:setSvgRef,width:width,children:[hideXAxis?null:Object(jsx_runtime.jsx)(XAxis.a,{allowLineWrap:xAxisOptions.allowLineWrap,ariaHidden:!0,isLinearChart:!0,labels:labels,labelWidth:xAxisDetails.labelWidth,onHeightChange:setXAxisHeight,reducedLabelIndexes:xAxisDetails.reducedLabelIndexes,x:xAxisBounds.x-halfXAxisLabelWidth,xScale:xScale,y:xAxisBounds.y}),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,width:yAxisLabelWidth+src_constants.m,textAlign:"right",ariaHidden:!0,x:yAxisBounds.x,y:yAxisBounds.y}),emptyState?null:Object(jsx_runtime.jsx)(VisuallyHiddenRows.a,{data:data,formatYAxisLabel:yAxisOptions.labelFormatter,xAxisLabels:labels}),Object(jsx_runtime.jsxs)("g",{transform:"translate("+chartXPosition+","+chartYPosition+")",children:[null==slots||null==slots.chart?void 0:slots.chart({yScale:yScale,xScale:xScale,drawableWidth:drawableWidth,drawableHeight:drawableHeight,theme:theme}),data.map((function(singleSeries,index){var _singleSeries$metadat;return!0===(null==(_singleSeries$metadat=singleSeries.metadata)?void 0:_singleSeries$metadat.isVisuallyHidden)?null:Object(jsx_runtime.jsx)(LineSeries.a,{activeLineIndex:activeLineIndex,data:singleSeries,hiddenIndexes:hiddenLineIndexes,index:index,svgDimensions:{height:drawableHeight,width:drawableWidth},theme:theme,xScale:xScale,yScale:yScale,type:"default"},name+"-"+index)})),Object(jsx_runtime.jsx)(PointsAndCrosshair.a,{activeIndex:activeIndex,data:data,drawableHeight:drawableHeight,emptyState:emptyState,hiddenIndexes:hiddenLineIndexes,longestSeriesIndex:longestSeriesIndex,theme:theme,tooltipId:tooltipId.current,xScale:xScale,yScale:yScale})]}),hasXAxisAnnotations&&Object(jsx_runtime.jsx)("g",{transform:"translate("+chartXPosition+",0)",tabIndex:-1,children:Object(jsx_runtime.jsx)(Annotations.a,{annotationsLookupTable:annotationsLookupTable,axisLabelWidth:xAxisDetails.labelWidth,drawableHeight:annotationsDrawableHeight,drawableWidth:drawableWidth,labels:unformattedLabels,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})})]}),-1!==longestSeriesLength&&Object(jsx_runtime.jsx)(TooltipWrapper.a,{alwaysUpdatePosition:!0,chartBounds:chartBounds,focusElementDataType:types.b.Point,getAlteredPosition:getAlteredLineChartPosition,getMarkup:getTooltipMarkup,getPosition:function getTooltipPosition(_ref3){var event=_ref3.event,index=_ref3.index;if("mouse"===_ref3.eventType){var point=Object(eventPoint.a)(event);if(null==point||null==xScale||null==data[longestSeriesIndex])return TooltipWrapper_constants.b;var svgX=point.svgX,closestIndex=Math.round(xScale.invert(svgX-chartXPosition)),_activeIndex=Object(clamp.a)({amount:closestIndex,min:0,max:data[longestSeriesIndex].data.length-1});return{x:event.pageX,y:event.pageY,activeIndex:_activeIndex}}var _xScale,_dimensions$x,_dimensions$y,_activeIndex2=null!=index?index:0;return{x:(null!=(_xScale=null==xScale?void 0:xScale(_activeIndex2))?_xScale:0)+(null!=(_dimensions$x=null==dimensions?void 0:dimensions.x)?_dimensions$x:0),y:null!=(_dimensions$y=null==dimensions?void 0:dimensions.y)?_dimensions$y:0,activeIndex:_activeIndex2}},id:tooltipId.current,margin:constants.r,onIndexChange:function onIndexChange(index){null!=index&&isPerformanceImpacted?function moveCrosshair(index){if(setActiveIndex(0),null!=index){var crosshair=document.getElementById(tooltipId.current+"-"+src_constants.e);null!=crosshair&&crosshair.setAttribute("x",""+(xScale(index)-selectedTheme.crossHair.width/2))}}(index):setActiveIndex(index)},parentRef:svgRef,usePortal:!0}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,renderHiddenLegendLabel:renderHiddenLegendLabel,dimensions:dimensions,enableHideOverflow:!0})]})}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{renderTooltipContent:{defaultValue:null,description:"",name:"renderTooltipContent",required:!0,type:{name:"(data: RenderTooltipContentData) => ReactNode"}},annotationsLookupTable:{defaultValue:null,description:"",name:"annotationsLookupTable",required:!0,type:{name:"AnnotationLookupTable"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"LineChartDataSeriesWithDefaults[]"}},showLegend:{defaultValue:{value:"true"},description:"",name:"showLegend",required:!1,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"}},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:"RenderHiddenLegendLabel"}},slots:{defaultValue:null,description:"",name:"slots",required:!1,type:{name:"{ chart?: (props: LineChartSlotProps) => Element; }"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/LineChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function LineChart_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 LineChart_objectSpread(target){for(var i=1;i number | Interpolation"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}},hiddenIndexes:{defaultValue:{value:"[]"},description:"",name:"hiddenIndexes",required:!1,type:{name:"number[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChart/components/Points/Points.tsx#Points"]={docgenInfo:Points.__docgenInfo,name:"Points",path:"packages/polaris-viz/src/components/LineChart/components/Points/Points.tsx#Points"})}catch(__react_docgen_typescript_loader_error){}function PointsAndCrosshair(_ref){var activeIndex=_ref.activeIndex,data=_ref.data,drawableHeight=_ref.drawableHeight,emptyState=_ref.emptyState,_ref$hiddenIndexes=_ref.hiddenIndexes,hiddenIndexes=void 0===_ref$hiddenIndexes?[]:_ref$hiddenIndexes,longestSeriesIndex=_ref.longestSeriesIndex,theme=_ref.theme,tooltipId=_ref.tooltipId,xScale=_ref.xScale,yScale=_ref.yScale,selectedTheme=Object(useTheme.a)(theme),_useChartContext=Object(useChartContext.a)(),shouldAnimate=_useChartContext.shouldAnimate,isPerformanceImpacted=_useChartContext.isPerformanceImpacted,gradientId=Object(react.useRef)(Object(uniqueId.a)("lineChartGradient")),lineGenerator=Object(react.useMemo)((function(){var generator=Object(line.a)().x((function(_,index){return null==xScale?0:xScale(index)})).y((function(_ref2){var value=_ref2.value;return yScale(null!=value?value:0)}));return selectedTheme.line.hasSpline&&generator.curve(curveStepRounded.a),generator}),[selectedTheme.line.hasSpline,xScale,yScale]),animatedCoordinates=Object(useLinearChartAnimations.a)({data:data,lineGenerator:lineGenerator,activeIndex:activeIndex}).animatedCoordinates,getXPosition=function getXPosition(){var _ref3=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{isCrosshair:!1},isCrosshair=_ref3.isCrosshair;if(null==xScale)return 0;var offset=isCrosshair?selectedTheme.crossHair.width/2:0;return null!=animatedCoordinates&&null!=animatedCoordinates[longestSeriesIndex]&&shouldAnimate?animatedCoordinates[longestSeriesIndex].to((function(coord){return coord.x-offset})):xScale(null==activeIndex?0:activeIndex)-offset};return Object(jsx_runtime.jsxs)(react.Fragment,{children:[emptyState?null:Object(jsx_runtime.jsx)(Crosshair.a,{height:drawableHeight,id:tooltipId+"-"+constants.e,opacity:null==activeIndex?0:1,theme:theme,x:getXPosition({isCrosshair:!0})}),isPerformanceImpacted?null:Object(jsx_runtime.jsx)(Points,{activeIndex:emptyState?null:activeIndex,animatedCoordinates:animatedCoordinates,data:data,getXPosition:getXPosition,gradientId:gradientId.current,hiddenIndexes:hiddenIndexes,longestSeriesIndex:longestSeriesIndex,tooltipId:tooltipId,xScale:xScale,yScale:yScale})]})}try{PointsAndCrosshair.displayName="PointsAndCrosshair",PointsAndCrosshair.__docgenInfo={description:"",displayName:"PointsAndCrosshair",props:{activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"LineChartDataSeriesWithDefaults[]"}},drawableHeight:{defaultValue:null,description:"",name:"drawableHeight",required:!0,type:{name:"number"}},emptyState:{defaultValue:null,description:"",name:"emptyState",required:!0,type:{name:"boolean"}},hiddenIndexes:{defaultValue:{value:"[]"},description:"",name:"hiddenIndexes",required:!1,type:{name:"number[]"}},longestSeriesIndex:{defaultValue:null,description:"",name:"longestSeriesIndex",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"string"}},tooltipId:{defaultValue:null,description:"",name:"tooltipId",required:!0,type:{name:"string"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!0,type:{name:"ScaleLinear"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!0,type:{name:"ScaleLinear"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChart/components/PointsAndCrosshair/PointsAndCrosshair.tsx#PointsAndCrosshair"]={docgenInfo:PointsAndCrosshair.__docgenInfo,name:"PointsAndCrosshair",path:"packages/polaris-viz/src/components/LineChart/components/PointsAndCrosshair/PointsAndCrosshair.tsx#PointsAndCrosshair"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/LineChart/hooks/useFormatData.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useFormatData}));__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js");var react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js");function useFormatData(data){var longestSeriesIndex=Object(react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return data.reduce((function(maxIndex,currentSeries,currentIndex){return data[maxIndex].data.length HTMLAttributes"}},getColorVisionStyles:{defaultValue:null,description:"",name:"getColorVisionStyles",required:!0,type:{name:"(index: number) => CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChartPredictive/components/CustomLegend/CustomLegend.tsx#CustomLegend"]={docgenInfo:CustomLegend_CustomLegend.__docgenInfo,name:"CustomLegend",path:"packages/polaris-viz/src/components/LineChartPredictive/components/CustomLegend/CustomLegend.tsx#CustomLegend"})}catch(__react_docgen_typescript_loader_error){}var polaris_viz_src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),LinePreview=__webpack_require__("./packages/polaris-viz/src/components/LinePreview/LinePreview.tsx"),TooltipRow=__webpack_require__("./packages/polaris-viz/src/components/TooltipContent/components/TooltipRow/TooltipRow.tsx"),TooltipContentContainer=__webpack_require__("./packages/polaris-viz/src/components/TooltipContent/components/TooltipContentContainer/TooltipContentContainer.tsx"),TooltipTitle=__webpack_require__("./packages/polaris-viz/src/components/TooltipContent/components/TooltipTitle/TooltipTitle.tsx"),Styles=__webpack_require__("./packages/polaris-viz/src/components/LineChartPredictive/utilities/Styles.scss"),Styles_default=__webpack_require__.n(Styles);function renderLinearPredictiveTooltipContent_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 renderLinearPredictiveTooltipContent(tooltipData){var theme=tooltipData.theme,formatters=function renderLinearPredictiveTooltipContent_objectSpread(target){for(var i=1;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);i HTMLAttributes"}},getColorVisionStyles:{defaultValue:null,description:"",name:"getColorVisionStyles",required:!0,type:{name:"(index: number) => CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChartRelational/components/CustomLegend/CustomLegend.tsx#CustomLegend"]={docgenInfo:CustomLegend_CustomLegend.__docgenInfo,name:"CustomLegend",path:"packages/polaris-viz/src/components/LineChartRelational/components/CustomLegend/CustomLegend.tsx#CustomLegend"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.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.array.sort.js");var toConsumableArray=__webpack_require__("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),toConsumableArray_default=__webpack_require__.n(toConsumableArray),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts");var MissingDataArea=Object(react.memo)((function MissingDataAreaRaw(_ref){var data=_ref.data,drawableHeight=_ref.drawableHeight,xScale=_ref.xScale,selectedTheme=Object(useTheme.a)(),patternID=Object(react.useRef)(Object(uniqueId.a)("missingDataPattern")),nullIndexes=new Set([]);if(data.forEach((function(series){series.data.forEach((function(_ref2,index){var value=_ref2.value;null==value&&nullIndexes.add(index);var nextSeries=series.data[index+1],previousSeries=series.data[index-1];null==value&&nextSeries&&null!=nextSeries.value&&nullIndexes.add(index+1),null==value&&previousSeries&&null!=previousSeries.value&&nullIndexes.add(index-1)}))})),0===nullIndexes.size)return null;var groups=function groupNumbersIntoRuns(indexes){var runs=[],current=[];return indexes.forEach((function(value,index){0===index||value-indexes[index-1]==1?current.push(value):(runs.push(current),current=[value])})),runs.push(current),runs}(toConsumableArray_default()(nullIndexes).sort((function(current,next){return current-next})));return Object(jsx_runtime.jsxs)(react.Fragment,{children:[Object(jsx_runtime.jsx)("defs",{children:Object(jsx_runtime.jsx)("pattern",{id:patternID.current,patternUnits:"userSpaceOnUse",width:"12",height:"12",patternTransform:"rotate(135)",children:Object(jsx_runtime.jsx)("line",{x1:"0",y:"0",x2:"0",y2:"12",stroke:selectedTheme.missingData.lineColor,strokeWidth:"12",opacity:"0.2"})})}),groups.map((function(indexes,index){var startIndex=Math.min.apply(Math,toConsumableArray_default()(indexes)),endIndex=Math.max.apply(Math,toConsumableArray_default()(indexes)),width=xScale(endIndex-startIndex);return Object(jsx_runtime.jsx)("rect",{x:xScale(startIndex),y:0,height:drawableHeight,width:width,fill:"url(#"+patternID.current+")"},index)}))]})}));try{MissingDataArea.displayName="MissingDataArea",MissingDataArea.__docgenInfo={description:"",displayName:"MissingDataArea",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"LineChartRelationalDataSeries[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChartRelational/components/MissingDataArea/MissingDataArea.tsx#MissingDataArea"]={docgenInfo:MissingDataArea.__docgenInfo,name:"MissingDataArea",path:"packages/polaris-viz/src/components/LineChartRelational/components/MissingDataArea/MissingDataArea.tsx#MissingDataArea"})}catch(__react_docgen_typescript_loader_error){}var slicedToArray=__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js"),slicedToArray_default=__webpack_require__.n(slicedToArray),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useSpringConfig=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSpringConfig.ts"),curveStepRounded=__webpack_require__("./packages/polaris-viz-core/src/utilities/curveStepRounded.ts"),src_area=__webpack_require__("./node_modules/d3-shape/src/area.js"),react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),useExternalHideEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ExternalEvents/useExternalHideEvents.ts"),utilities=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/utilities.ts"),useCallbackRef=__webpack_require__("./packages/polaris-viz/src/hooks/useCallbackRef.tsx");function useWatchActiveSeries(id,onIndexChange){var onIndexChangeCallback=Object(useCallbackRef.a)(onIndexChange);Object(react.useEffect)((function(){var clearActiveSeriesListener=function setActiveSeriesListener(id,onIndexChange){var eventName=Object(utilities.b)(id,src_constants.q);return window.addEventListener(eventName,onIndexChange),function(){window.removeEventListener(eventName,onIndexChange)}}(id,onIndexChangeCallback);return function(){return clearActiveSeriesListener()}}),[id,onIndexChangeCallback])}__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var usePrevious=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePrevious.ts"),getColorVisionStylesForActiveIndex=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionStylesForActiveIndex.ts");function Area_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 Area_objectSpread(target){for(var i=1;i string"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},series:{defaultValue:null,description:"",name:"series",required:!0,type:{name:"LineChartRelationalDataSeries"}},hiddenIndexes:{defaultValue:{value:"[]"},description:"",name:"hiddenIndexes",required:!1,type:{name:"number[]"}},shouldAnimate:{defaultValue:{value:"false"},description:"",name:"shouldAnimate",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/LineChartRelational/components/Area/Area.tsx#Area"]={docgenInfo:Area.__docgenInfo,name:"Area",path:"packages/polaris-viz/src/components/LineChartRelational/components/Area/Area.tsx#Area"})}catch(__react_docgen_typescript_loader_error){}function RelatedAreas_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 RelatedAreas(_ref){var yScale=_ref.yScale,xScale=_ref.xScale,data=_ref.data,_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],percentileIndex=data.filter((function(series){var _series$metadata;return null==(null==series||null==(_series$metadata=series.metadata)?void 0:_series$metadata.relatedIndex)})).length+1,hiddenIndexes=Object(useExternalHideEvents.a)().hiddenIndexes,_useChartContext=Object(useChartContext.a)(),shouldAnimate=_useChartContext.shouldAnimate,id=_useChartContext.id,springConfig=Object(useSpringConfig.a)({animationDelay:shouldAnimate?src_constants.j*(data.length+1):0}),_useSpring=Object(react_spring_web_esm.useSpring)(function RelatedAreas_objectSpread(target){for(var i=1;i1&&void 0!==arguments[1]?arguments[1]:{},title=options.title,_options$groups=options.groups,groups=void 0===_options$groups?[{title:tooltipData.dataSeries[0].data[tooltipData.activeIndex].key,indexes:tooltipData.dataSeries.map((function(_,index){return index}))}]:_options$groups,theme=tooltipData.theme,formatters=renderLinearTooltipContent_objectSpread({keyFormatter:function keyFormatter(key){return""+key},valueFormatter:function valueFormatter(value){return""+value},titleFormatter:function titleFormatter(title){return""+title}},tooltipData.formatters);function _renderSeriesIcon(color,styleOverride){var _styleOverride$line$w,_styleOverride$line,_styleOverride$line2;return null==(null==styleOverride?void 0:styleOverride.line)?null:Object(jsx_runtime.jsx)(LinePreview.a,{color:color,lineStyle:"solid",width:null!=(_styleOverride$line$w=null==styleOverride||null==(_styleOverride$line=styleOverride.line)?void 0:_styleOverride$line.width)?_styleOverride$line$w:2,strokeDasharray:null==styleOverride||null==(_styleOverride$line2=styleOverride.line)?void 0:_styleOverride$line2.strokeDasharray})}function renderContent(_ref){var activeColorVisionIndex=_ref.activeColorVisionIndex;return groups.map((function(_ref2){var seriesName=_ref2.title,dataSeries=_ref2.indexes.map((function(groupIndex){if(null!=tooltipData.data[0].data[groupIndex]){var rawDataSeries=tooltipData.data[0].data[groupIndex];return renderLinearTooltipContent_objectSpread(renderLinearTooltipContent_objectSpread({},tooltipData.dataSeries[groupIndex]),{},{color:rawDataSeries.color,groupIndex:groupIndex,isHidden:null==rawDataSeries.value||rawDataSeries.isHidden})}})).filter((function(series){return Boolean(series)})),hasTitle=dataSeries.some((function(_ref3){return!0!==_ref3.isHidden}));return Object(jsx_runtime.jsxs)(TooltipSeries.a,{isEmpty:!hasTitle,children:[hasTitle&&Object(jsx_runtime.jsx)(TooltipSeriesName.a,{theme:theme,children:seriesName}),dataSeries.map((function(_ref4){var _styleOverride$toolti,_styleOverride$toolti2,_item$value,name=_ref4.name,data=_ref4.data,color=_ref4.color,groupIndex=_ref4.groupIndex,styleOverride=_ref4.styleOverride,isHidden=_ref4.isHidden,item=data[tooltipData.activeIndex];return Object(jsx_runtime.jsx)(TooltipRow.a,{activeIndex:activeColorVisionIndex,color:color,index:groupIndex,isHidden:isHidden,label:name,renderSeriesIcon:function renderSeriesIcon(){return _renderSeriesIcon(color,styleOverride)},shape:null!=(_styleOverride$toolti=null==styleOverride||null==(_styleOverride$toolti2=styleOverride.tooltip)?void 0:_styleOverride$toolti2.shape)?_styleOverride$toolti:"Line",value:formatters.valueFormatter(null!=(_item$value=item.value)?_item$value:0)},"row-"+groupIndex)}))]},seriesName)}))}return Object(jsx_runtime.jsx)(TooltipContentContainer.a,{maxWidth:300,theme:theme,children:function children(_ref5){var activeColorVisionIndex=_ref5.activeColorVisionIndex;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[null!=title&&Object(jsx_runtime.jsx)(TooltipTitle.a,{theme:theme,children:formatters.titleFormatter(title)}),renderContent({activeColorVisionIndex:activeColorVisionIndex})]})}})}(tooltipData,{title:tooltipData.title,groups:[{title:"Your store",indexes:[0]},{title:"Similar stores",indexes:[1,2,3]}]})}},showLegend:!1},DEFAULT_DATA=[{name:"Average",data:[{value:333,key:"2020-03-01T12:00:00"},{value:797,key:"2020-03-02T12:00:00"},{value:234,key:"2020-03-03T12:00:00"},{value:534,key:"2020-03-04T12:00:00"},{value:132,key:"2020-03-05T12:00:00"},{value:159,key:"2020-03-06T12:00:00"},{value:239,key:"2020-03-07T12:00:00"},{value:708,key:"2020-03-08T12:00:00"},{value:234,key:"2020-03-09T12:00:00"},{value:645,key:"2020-03-10T12:00:00"},{value:543,key:"2020-03-11T12:00:00"},{value:89,key:"2020-03-12T12:00:00"},{value:849,key:"2020-03-13T12:00:00"},{value:129,key:"2020-03-14T12:00:00"}],color:src_constants.kb.seriesColors.upToEight[0]},{name:"75th Percentile",data:[{value:388,key:"2020-03-01T12:00:00"},{value:859,key:"2020-03-02T12:00:00"},{value:340,key:"2020-03-03T12:00:00"},{value:240,key:"2020-03-04T12:00:00"},{value:387,key:"2020-03-05T12:00:00"},{value:122,key:"2020-03-06T12:00:00"},{value:760,key:"2020-03-07T12:00:00"},{value:162,key:"2020-03-08T12:00:00"},{value:540,key:"2020-03-09T12:00:00"},{value:193,key:"2020-03-10T12:00:00"},{value:860,key:"2020-03-11T12:00:00"},{value:941,key:"2020-03-12T12:00:00"},{value:773,key:"2020-03-13T12:00:00"},{value:171,key:"2020-03-14T12:00:00"}],color:"rgba(218, 182, 242, 1)",metadata:{relatedIndex:2,areaColor:"rgba(218, 182, 242, 0.2)",legendLabel:"75th - 25th percentile"},styleOverride:{tooltip:{shape:"Bar"}}},{name:"Median",data:[{value:238,key:"2020-03-01T12:00:00"},{value:759,key:"2020-03-02T12:00:00"},{value:190,key:"2020-03-03T12:00:00"},{value:90,key:"2020-03-04T12:00:00"},{value:237,key:"2020-03-05T12:00:00"},{value:172,key:"2020-03-06T12:00:00"},{value:580,key:"2020-03-07T12:00:00"},{value:12,key:"2020-03-08T12:00:00"},{value:390,key:"2020-03-09T12:00:00"},{value:43,key:"2020-03-10T12:00:00"},{value:710,key:"2020-03-11T12:00:00"},{value:791,key:"2020-03-12T12:00:00"},{value:623,key:"2020-03-13T12:00:00"},{value:21,key:"2020-03-14T12:00:00"}],color:src_constants.kb.seriesColors.upToEight[5],styleOverride:{line:{hasArea:!1,strokeDasharray:"3 6"}}},{name:"25th percentile",data:[{value:88,key:"2020-03-01T12:00:00"},{value:559,key:"2020-03-02T12:00:00"},{value:40,key:"2020-03-03T12:00:00"},{value:0,key:"2020-03-04T12:00:00"},{value:87,key:"2020-03-05T12:00:00"},{value:22,key:"2020-03-06T12:00:00"},{value:430,key:"2020-03-07T12:00:00"},{value:0,key:"2020-03-08T12:00:00"},{value:240,key:"2020-03-09T12:00:00"},{value:0,key:"2020-03-10T12:00:00"},{value:540,key:"2020-03-11T12:00:00"},{value:641,key:"2020-03-12T12:00:00"},{value:473,key:"2020-03-13T12:00:00"},{value:0,key:"2020-03-14T12:00:00"}],color:"rgba(218, 182, 242, 1)",metadata:{relatedIndex:2,areaColor:"rgba(218, 182, 242, 0.2)",legendLabel:"75th - 25th percentile"},styleOverride:{tooltip:{shape:"Bar"}}}],META={title:"polaris-viz/Charts/LineChartRelational",component:LineChartRelational,decorators:[function(Story){return Object(jsx_runtime.jsx)("div",{style:{height:400},children:Story()})}],parameters:{controls:constants.c,docs:{page:PageWithSizingInfo.a,description:{component:"Used to show change over time, comparisons, and trends."}}},argTypes:{annotations:constants.a,data:constants.e,xAxisOptions:constants.t,emptyStateText:constants.g,isAnimated:constants.h,renderLegendContent:constants.m,renderTooltipContent:{options:Object.keys(TOOLTIP_CONTENT),mapping:TOOLTIP_CONTENT,description:constants.n},skipLinkText:constants.q,yAxisOptions:constants.u,theme:constants.r,state:constants.b,showLegend:constants.i}};function Default_stories_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 Default_stories_objectSpread(target){for(var i=1;i"}},cy:{defaultValue:null,description:"",name:"cy",required:!0,type:{name:"number | Interpolation"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"string"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},isAnimated:{defaultValue:null,description:"",name:"isAnimated",required:!0,type:{name:"boolean"}},ariaHidden:{defaultValue:null,description:"",name:"ariaHidden",required:!1,type:{name:"boolean"}},ariaLabelledby:{defaultValue:null,description:"",name:"ariaLabelledby",required:!1,type:{name:"string"}},dataType:{defaultValue:null,description:"",name:"dataType",required:!1,type:{name:"DataType"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"({ index, x, y }: ActiveTooltip) => void"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},visuallyHidden:{defaultValue:null,description:"",name:"visuallyHidden",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/Point/Point.tsx#Point"]={docgenInfo:Point.__docgenInfo,name:"Point",path:"packages/polaris-viz/src/components/Point/Point.tsx#Point"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PolarisVizProvider_PolarisVizProvider_PolarisVizProvider}));__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),react=__webpack_require__("./node_modules/react/index.js"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts");__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.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;i1&&void 0!==arguments[1]?arguments[1]:constants.w;return Object.keys(baseTheme).reduce((function(accumulator,key){var defaultValue=baseTheme[key],value=theme[key];return"string"==typeof defaultValue||"string"==typeof value||Array.isArray(defaultValue)?accumulator[key]=null==value?defaultValue:value:accumulator[key]=_objectSpread(_objectSpread({},baseTheme[key]),theme[key]),accumulator}),{})}(themeRecord[themeName],BASE_THEMES[themeName]),accumulator}),{})},PolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/contexts/PolarisVizContext.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PolarisVizProvider_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 PolarisVizProvider_objectSpread(target){for(var i=1;i(Component: any) => ForwardRefExoticComponent"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz-core/src/components/PolarisVizProvider/PolarisVizProvider.tsx#PolarisVizProvider"]={docgenInfo:PolarisVizProvider_PolarisVizProvider.__docgenInfo,name:"PolarisVizProvider",path:"packages/polaris-viz-core/src/components/PolarisVizProvider/PolarisVizProvider.tsx#PolarisVizProvider"})}catch(__react_docgen_typescript_loader_error){}var react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),PolarisVizProvider_PolarisVizProvider_PolarisVizProvider=function PolarisVizProvider(_ref){var themes=_ref.themes,children=_ref.children,defaultTheme=_ref.defaultTheme,onError=_ref.onError;return Object(jsx_runtime.jsx)(PolarisVizProvider_PolarisVizProvider,{themes:themes,animated:react_spring_web_esm.animated,defaultTheme:defaultTheme,onError:onError,children:children})};try{PolarisVizProvider_PolarisVizProvider_PolarisVizProvider.displayName="PolarisVizProvider",PolarisVizProvider_PolarisVizProvider_PolarisVizProvider.__docgenInfo={description:"",displayName:"PolarisVizProvider",props:{themes:{defaultValue:null,description:"",name:"themes",required:!1,type:{name:"{ [key: string]: PartialTheme; }"}},defaultTheme:{defaultValue:null,description:"",name:"defaultTheme",required:!1,type:{name:"string"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ErrorBoundaryResponse"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx#PolarisVizProvider"]={docgenInfo:PolarisVizProvider_PolarisVizProvider_PolarisVizProvider.__docgenInfo,name:"PolarisVizProvider",path:"packages/polaris-viz/src/components/PolarisVizProvider/PolarisVizProvider.tsx#PolarisVizProvider"})}catch(__react_docgen_typescript_loader_error){}},"./packages/polaris-viz/src/components/SimpleBarChart/SimpleBarChart.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SimpleBarChart}));__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),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),getAxisOptions=__webpack_require__("./packages/polaris-viz/src/utilities/getAxisOptions.ts"),ChartContainer=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx"),ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),react=__webpack_require__("./node_modules/react/index.js"),uniqueId=__webpack_require__("./packages/polaris-viz-core/src/utilities/uniqueId.ts"),useAriaLabel=__webpack_require__("./packages/polaris-viz-core/src/hooks/useAriaLabel.ts"),react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),ChartElements=__webpack_require__("./packages/polaris-viz/src/components/ChartElements/index.ts"),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"),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"),useHorizontalTransitions=__webpack_require__("./packages/polaris-viz/src/hooks/useHorizontalTransitions.ts"),getContainerAlignmentForLegend=__webpack_require__("./packages/polaris-viz/src/utilities/getContainerAlignmentForLegend.ts"),slicedToArray=(__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/slicedToArray.js")),slicedToArray_default=__webpack_require__.n(slicedToArray),estimateTrendIndicatorWidth=__webpack_require__("./packages/polaris-viz/src/components/TrendIndicator/utilities/estimateTrendIndicatorWidth.ts");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Chart(_ref){var data=_ref.data,dimensions=_ref.dimensions,renderLegendContent=_ref.renderLegendContent,_ref$legendPosition=_ref.legendPosition,legendPosition=void 0===_ref$legendPosition?"bottom-right":_ref$legendPosition,showLegend=_ref.showLegend,type=_ref.type,xAxisOptions=_ref.xAxisOptions,yAxisOptions=_ref.yAxisOptions;Object(useColorVisionEvents.a)({enabled:data.length>1});var id=Object(react.useMemo)((function(){return Object(uniqueId.a)("SimpleBarChart")}),[]),labelFormatter=xAxisOptions.labelFormatter,isStacked="stacked"===type,_useHorizontalSeriesC=Object(useHorizontalSeriesColors.a)(data),longestSeriesCount=_useHorizontalSeriesC.longestSeriesCount,seriesColors=_useHorizontalSeriesC.seriesColors,_useLegend=Object(useLegend.a)({data:[{shape:"Bar",series:data}],dimensions:dimensions,colors:seriesColors,showLegend:showLegend}),legend=_useLegend.legend,setLegendDimensions=_useLegend.setLegendDimensions,height=_useLegend.height,width=_useLegend.width,_useDataForHorizontal=Object(useDataForHorizontalChart.a)({data:data,isSimple:!0,isStacked:isStacked,labelFormatter:labelFormatter}),allNumbers=_useDataForHorizontal.allNumbers,longestLabel=_useDataForHorizontal.longestLabel,highestPositive=_useDataForHorizontal.highestPositive,lowestNegative=_useDataForHorizontal.lowestNegative,areAllNegative=_useDataForHorizontal.areAllNegative,_useHorizontalStacked=Object(useHorizontalStackedValues.a)({isStacked:isStacked,data:data}),stackedValues=_useHorizontalStacked.stackedValues,stackedMin=_useHorizontalStacked.stackedMin,stackedMax=_useHorizontalStacked.stackedMax,longestTrendIndicator=function getLongestTrendIndicator(data,highestPositive,lowestNegative){var longestTrendIndicator=data.reduce((function(longestTrendIndicator,series){for(var _metadata$trends,seriesData=series.data,metadata=series.metadata,trends=null!=(_metadata$trends=null==metadata?void 0:metadata.trends)?_metadata$trends:{},_i=0,_trendEntries=Object.entries(trends);_i<_trendEntries.length;_i++){var _ref=_trendEntries[_i],_ref2=slicedToArray_default()(_ref,2),index=_ref2[0],trend=_ref2[1],dataPoint=seriesData[index];(null==dataPoint?void 0:dataPoint.value)===highestPositive?longestTrendIndicator.positive=Object(estimateTrendIndicatorWidth.a)(trend.value).totalWidth:(null==dataPoint?void 0:dataPoint.value)===lowestNegative&&(longestTrendIndicator.negative=Object(estimateTrendIndicatorWidth.a)(trend.value).totalWidth)}return longestTrendIndicator}),{positive:0,negative:0});return longestTrendIndicator.positive>0&&(longestTrendIndicator.positive+=constants.F),longestTrendIndicator.negative>0&&(longestTrendIndicator.negative+=constants.F),longestTrendIndicator}(data,highestPositive,lowestNegative),trendIndicatorOffset=longestTrendIndicator.positive+longestTrendIndicator.negative,xScale=Object(useHorizontalXScale.a)({allNumbers:allNumbers,isStacked:isStacked,labelFormatter:labelFormatter,maxWidth:width-trendIndicatorOffset,stackedMax:stackedMax,stackedMin:stackedMin,longestLabel:longestLabel}).xScale,_useHorizontalBarSize=Object(useHorizontalBarSizes.a)({chartDimensions:{width:width,height:height},isSimple:!0,isStacked:isStacked,seriesLength:longestSeriesCount,singleBarCount:data.length,xAxisHeight:0}),barHeight=_useHorizontalBarSize.barHeight,groupHeight=_useHorizontalBarSize.groupHeight,transitions=Object(useHorizontalTransitions.a)({series:data,groupHeight:groupHeight,chartXPosition:0}).transitions,zeroPosition=xScale(0)+longestLabel.negative+longestTrendIndicator.negative,getAriaLabel=Object(useAriaLabel.a)(data,{xAxisLabelFormatter:labelFormatter}),containerStyle=Object(getContainerAlignmentForLegend.a)(legendPosition,!0);return Object(jsx_runtime.jsxs)(ChartElements.a.Div,{style:containerStyle,width:"auto",height:"auto",children:[Object(jsx_runtime.jsxs)(ChartElements.a.Svg,{height:height,width:width,children:[Object(jsx_runtime.jsx)(GradientDefs.a,{direction:"horizontal",gradientUnits:isStacked?"objectBoundingBox":"userSpaceOnUse",id:id,seriesColors:seriesColors,size:isStacked?"100%":width+"px"}),transitions((function(style,item,_transition,index){var _item$key,_data$0$data$item$ind,_ref2=style,opacity=_ref2.opacity,transform=_ref2.transform,name=null!=(_item$key=item.key)?_item$key:"",ariaLabel=getAriaLabel({seriesIndex:item.index,key:null==(_data$0$data$item$ind=data[0].data[item.index])?void 0:_data$0$data$item$ind.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:!0,isStacked:isStacked,name:name,stackedValues:stackedValues,xAxisOptions:xAxisOptions,xScale:xScale,yAxisOptions:yAxisOptions,zeroPosition:zeroPosition})},"group-"+name)}))]}),showLegend&&Object(jsx_runtime.jsx)(LegendContainer.a,{colorVisionType:constants.q,data:legend,onDimensionChange:setLegendDimensions,renderLegendContent:renderLegendContent,position:legendPosition})]})}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"SimpleBarChartDataSeries[]"}},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:"Dimensions"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}},legendPosition:{defaultValue:{value:"bottom-right"},description:"",name:"legendPosition",required:!1,type:{name:"LegendPosition"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/SimpleBarChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/SimpleBarChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}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&&void 0!==arguments[1]?arguments[1]:LABELS;return labels.map((function(name,index){var data=GROUPS.map((function(name,groupIndex){var item=items[groupIndex],array=Array.isArray(item)?item:[item];return null!=array[index]&&{key:name,value:array[index]}}));return{name:name,data:data.filter(Boolean),metadata:{trends:{0:{value:"10%"}}}}}))}var SERIES=buildSeries([[3,4,7],[0,0,0],[4,5,6],[8,15,12],[48,8,50],[1,5,5]]),SINGLE_SERIES=buildSeries([[3],[0],[4],[8],[48],[1]],[LABELS[0]]),LONG_LABEL_SERIES=buildSeries([[1e3],[6e3]],["Series label"])},"./packages/polaris-viz/src/components/SimpleBarChart/stories/meta.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return META}));var _storybook_constants__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/polaris-viz/src/storybook/constants.ts"),_Docs_stories__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/polaris-viz/src/components/Docs/stories/components/PageWithSizingInfo/PageWithSizingInfo.tsx"),META={title:"polaris-viz/Charts/SimpleBarChart",component:__webpack_require__("./packages/polaris-viz/src/components/SimpleBarChart/SimpleBarChart.tsx").a,parameters:{docs:{page:_Docs_stories__WEBPACK_IMPORTED_MODULE_1__.a,description:{component:"Used to show comparison of different types, across categories or time. Bars can be stacked or side by side. "}},controls:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.c},argTypes:{data:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.e,isAnimated:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.h,renderLegendContent:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.m,legendPosition:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.k,state:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.b,theme:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.r,type:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.s,xAxisOptions:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.t,yAxisOptions:_storybook_constants__WEBPACK_IMPORTED_MODULE_0__.u}}},"./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.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/SimpleNormalizedChart/SimpleNormalizedChart.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/SimpleNormalizedChart/SimpleNormalizedChart.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SimpleNormalizedChart_SimpleNormalizedChart}));__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),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),ChartContainer=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx"),ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),toConsumableArray=(__webpack_require__("./node_modules/core-js/modules/es.array.flat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.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.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__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),react=__webpack_require__("./node_modules/react/index.js"),sum=__webpack_require__("./node_modules/d3-array/src/sum.js"),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),getColorVisionStylesForActiveIndex=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionStylesForActiveIndex.ts"),utilities_getColorVisionEventAttrs=__webpack_require__("./packages/polaris-viz-core/src/utilities/getColorVisionEventAttrs.ts"),useThemeSeriesColors=__webpack_require__("./packages/polaris-viz/src/hooks/useThemeSeriesColors.ts"),useColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useColorVisionEvents.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),useWatchColorVisionEvents=__webpack_require__("./packages/polaris-viz/src/hooks/ColorVisionA11y/useWatchColorVisionEvents.tsx"),classnames=__webpack_require__("./packages/polaris-viz/src/utilities/classnames.ts"),src_constants=__webpack_require__("./packages/polaris-viz/src/constants.ts"),getCSSBackgroundFromColor=__webpack_require__("./packages/polaris-viz/src/utilities/getCSSBackgroundFromColor.ts"),ComparisonMetric=__webpack_require__("./packages/polaris-viz/src/components/ComparisonMetric/ComparisonMetric.tsx"),BarLabel=__webpack_require__("./packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarLabel/BarLabel.scss"),BarLabel_default=__webpack_require__.n(BarLabel),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&&scale<1.5?1.5:scale,isMaxScale=scale>=100,delay=150*index,angle="horizontal"===direction?90:180,dimension="horizontal"===direction?"width":"height",backgroundColor=Object(getCSSBackgroundFromColor.a)(color,angle),springConfig=Object(useBarSpringConfig.a)({animationDelay:delay}),spring=Object(react_spring_web_esm.useSpring)(BarSegment_objectSpread({from:defineProperty_default()({},dimension,"0%"),to:defineProperty_default()({},dimension,safeScale+"%")},springConfig));return Object(jsx_runtime.jsx)(react_spring_web_esm.animated.div,BarSegment_objectSpread(BarSegment_objectSpread({className:Object(classnames.a)(BarSegment_default.a.Segment,roundedCorners&&!isMaxScale&&BarSegment_default.a[direction+"-RoundedCorners"],roundedCorners&&isMaxScale&&BarSegment_default.a.RoundedCorners,BarSegment_default.a[direction+"-"+size]),style:BarSegment_objectSpread((_objectSpread2={},defineProperty_default()(_objectSpread2,dimension,shouldAnimate?spring[dimension]:safeScale+"%"),defineProperty_default()(_objectSpread2,"background",backgroundColor),_objectSpread2),Object(getColorVisionStylesForActiveIndex.a)({activeIndex:activeIndex,index:index}))},Object(utilities_getColorVisionEventAttrs.a)({type:constants.q,index:index})),{},{tabIndex:0}))}try{BarSegment_BarSegment.displayName="BarSegment",BarSegment_BarSegment.__docgenInfo={description:"",displayName:"BarSegment",props:{activeIndex:{defaultValue:null,description:"",name:"activeIndex",required:!0,type:{name:"number"}},index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},scale:{defaultValue:null,description:"",name:"scale",required:!0,type:{name:"number"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"Color"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"Size"}},direction:{defaultValue:null,description:"",name:"direction",required:!0,type:{name:"Direction"}},roundedCorners:{defaultValue:null,description:"",name:"roundedCorners",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarSegment/BarSegment.tsx#BarSegment"]={docgenInfo:BarSegment_BarSegment.__docgenInfo,name:"BarSegment",path:"packages/polaris-viz/src/components/SimpleNormalizedChart/components/BarSegment/BarSegment.tsx#BarSegment"})}catch(__react_docgen_typescript_loader_error){}var SimpleNormalizedChart=__webpack_require__("./packages/polaris-viz/src/components/SimpleNormalizedChart/SimpleNormalizedChart.scss"),SimpleNormalizedChart_default=__webpack_require__.n(SimpleNormalizedChart);function Chart(_ref){var _ref$comparisonMetric=_ref.comparisonMetrics,comparisonMetrics=void 0===_ref$comparisonMetric?[]:_ref$comparisonMetric,data=_ref.data,_ref$labelFormatter=_ref.labelFormatter,labelFormatter=void 0===_ref$labelFormatter?function(value){return""+value}:_ref$labelFormatter,_ref$legendPosition=_ref.legendPosition,legendPosition=void 0===_ref$legendPosition?"top-left":_ref$legendPosition,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"horizontal":_ref$direction,_ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,_ref$showLegend=_ref.showLegend,showLegend=void 0===_ref$showLegend||_ref$showLegend,renderLegendContent=_ref.renderLegendContent,flattenedData=data.map((function(_ref2){return _ref2.data})).flat();Object(useColorVisionEvents.a)();var selectedTheme=Object(useTheme.a)(),colors=Object(useThemeSeriesColors.a)(data,selectedTheme),containsNegatives=flattenedData.some((function(_ref3){var value=_ref3.value;return null!==value&&value<0})),_useState=Object(react.useState)(-1),_useState2=slicedToArray_default()(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1];if(Object(useWatchColorVisionEvents.a)({type:constants.q,onIndexChange:function onIndexChange(_ref4){var detail=_ref4.detail;return setActiveIndex(detail.index)}}),src_constants.l&&containsNegatives&&console.warn("This component is not built to handle negatives. Consider using a different component."),src_constants.l&&flattenedData.length>4)throw new Error("This component displays a max of 4 data items. Please modify your data before passing it into this component.");var slicedData=flattenedData.slice(0,4),totalValue=Object(sum.a)(slicedData,(function(_ref5){return _ref5.value})),xScale=Object(linear.a)().range([0,100]).domain([0,totalValue]),isVertical="vertical"===direction,bars=isVertical?slicedData.reverse():slicedData,isEmptyValues=slicedData.every((function(_ref6){return!_ref6.value})),isRightLabel=legendPosition.includes("right"),isBottomLabel=legendPosition.includes("bottom"),isVerticalAndRightLabel=isVertical&&isRightLabel,isVerticalAndBottomLabel=isVertical&&isBottomLabel,isHorizontalAndRightLabel=!isVertical&&isRightLabel,isHorizontalAndBottomLabel=!isVertical&&isBottomLabel;return Object(jsx_runtime.jsxs)("div",{className:Object(classnames.a)(SimpleNormalizedChart_default.a.Container,isVertical?SimpleNormalizedChart_default.a.VerticalContainer:SimpleNormalizedChart_default.a.HorizontalContainer,isVerticalAndRightLabel&&SimpleNormalizedChart_default.a.VerticalContainerRightLabel,isHorizontalAndBottomLabel&&SimpleNormalizedChart_default.a.HorizontalContainerBottomLabel),children:[function legendMarkup(){if(!showLegend)return null;if(renderLegendContent){var colorVisionInteractionMethods={getColorVisionStyles:function getColorVisionStyles(index){return Object(getColorVisionStylesForActiveIndex.a)({activeIndex:activeIndex,index:index})},getColorVisionEventAttrs:function getColorVisionEventAttrs(index){return Object(utilities_getColorVisionEventAttrs.a)({type:constants.q,index:index})}};return Object(jsx_runtime.jsx)("div",{className:Object(classnames.a)(isVertical?SimpleNormalizedChart_default.a.VerticalLabelContainer:SimpleNormalizedChart_default.a.HorizontalLabelContainer,(isVerticalAndBottomLabel||isHorizontalAndRightLabel)&&SimpleNormalizedChart_default.a.LabelContainerEndJustify),children:renderLegendContent(colorVisionInteractionMethods)})}return Object(jsx_runtime.jsx)("ul",{className:classnames.a.apply(void 0,toConsumableArray_default()(isVertical?[SimpleNormalizedChart_default.a.VerticalLabelContainer]:[SimpleNormalizedChart_default.a.HorizontalLabelContainer,SimpleNormalizedChart_default.a.HorizontalLabelContainerGrid]).concat([(isVerticalAndBottomLabel||isHorizontalAndRightLabel)&&SimpleNormalizedChart_default.a.LabelContainerEndJustify])),children:slicedData.map((function(_ref7,index){var key=_ref7.key,value=_ref7.value;if(null==value)return null;var comparisonMetric=comparisonMetrics.find((function(_ref8){var dataIndex=_ref8.dataIndex;return index===dataIndex})),formattedValue=labelFormatter(value);return Object(jsx_runtime.jsx)(BarLabel_BarLabel,{activeIndex:activeIndex,index:index,label:""+data[index].name,value:formattedValue,color:colors[index],comparisonMetric:comparisonMetric,direction:direction,legendPosition:legendPosition},key+"-"+formattedValue+"-"+index)}))})}(),Object(jsx_runtime.jsx)("div",{className:Object(classnames.a)(SimpleNormalizedChart_default.a.BarContainer,isVertical?SimpleNormalizedChart_default.a.VerticalBarContainer:SimpleNormalizedChart_default.a.HorizontalBarContainer),children:isEmptyValues?Object(jsx_runtime.jsx)(BarSegment_BarSegment,{activeIndex:-1,index:-1,direction:direction,size:size,scale:100,color:selectedTheme.seriesColors.empty,roundedCorners:selectedTheme.bar.borderRadius},"empty-bar"):bars.map((function(_ref9,index){var value=_ref9.value,key=_ref9.key;if(null==value||0===value)return null;var colorIndex=isVertical?bars.length-1-index:index;return Object(jsx_runtime.jsx)(BarSegment_BarSegment,{activeIndex:activeIndex,index:colorIndex,direction:direction,size:size,scale:xScale(value),color:colors[colorIndex],roundedCorners:selectedTheme.bar.borderRadius},key+"-"+index)}))})]})}try{Chart.displayName="Chart",Chart.__docgenInfo={description:"",displayName:"Chart",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"DataSeries[]"}},comparisonMetrics:{defaultValue:{value:"[]"},description:"",name:"comparisonMetrics",required:!1,type:{name:'Omit[]'}},labelFormatter:{defaultValue:{value:"(value) => `${value}`"},description:"",name:"labelFormatter",required:!1,type:{name:"LabelFormatter"}},legendPosition:{defaultValue:{value:"top-left"},description:"",name:"legendPosition",required:!1,type:{name:"LegendPosition"}},direction:{defaultValue:{value:"horizontal"},description:"",name:"direction",required:!1,type:{name:"Direction"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"Size"}},showLegend:{defaultValue:{value:"true"},description:"",name:"showLegend",required:!1,type:{name:"boolean"}},renderLegendContent:{defaultValue:null,description:"",name:"renderLegendContent",required:!1,type:{name:"RenderLegendContent"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/polaris-viz/src/components/SimpleNormalizedChart/Chart.tsx#Chart"]={docgenInfo:Chart.__docgenInfo,name:"Chart",path:"packages/polaris-viz/src/components/SimpleNormalizedChart/Chart.tsx#Chart"})}catch(__react_docgen_typescript_loader_error){}function SimpleNormalizedChart_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 SimpleNormalizedChart_objectSpread(target){for(var i=1;i
Note: We currently only support a single series. Any additional series passed to the data array will be ignored."},accessibilityLabel:{description:"Visually hidden text for screen readers."},targetLine:{description:"The prop to determine the value of the comparison line, as well as the number of pixels to add to the left and right margin to the bar data."},isAnimated:_storybook_constants__WEBPACK_IMPORTED_MODULE_2__.h,theme:_storybook_constants__WEBPACK_IMPORTED_MODULE_2__.r,state:_storybook_constants__WEBPACK_IMPORTED_MODULE_2__.b}}},"./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.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/SparkLineChart/SparkLineChart.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/SparkLineChart/SparkLineChart.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SparkLineChart_SparkLineChart}));__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),usePolarisVizContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/usePolarisVizContext.ts"),constants=__webpack_require__("./packages/polaris-viz-core/src/constants.ts"),types=__webpack_require__("./packages/polaris-viz-core/src/types.ts"),ChartContainer=__webpack_require__("./packages/polaris-viz/src/components/ChartContainer/ChartContainer.tsx"),ChartSkeleton=__webpack_require__("./packages/polaris-viz/src/components/ChartSkeleton/ChartSkeleton.tsx"),react=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/index.js")),linear=__webpack_require__("./node_modules/d3-scale/src/linear.js"),useChartContext=__webpack_require__("./packages/polaris-viz-core/src/hooks/useChartContext.ts"),useSparkLine=__webpack_require__("./packages/polaris-viz-core/src/hooks/useSparkLine.ts"),LineSeries=__webpack_require__("./packages/polaris-viz-core/src/components/LineSeries/LineSeries.tsx"),useThemeSeriesColors=__webpack_require__("./packages/polaris-viz/src/hooks/useThemeSeriesColors.ts"),useTheme=__webpack_require__("./packages/polaris-viz-core/src/hooks/useTheme.ts"),SparkLineChart=__webpack_require__("./packages/polaris-viz/src/components/SparkLineChart/SparkLineChart.scss"),SparkLineChart_default=__webpack_require__.n(SparkLineChart),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 Chart(_ref){var data=_ref.data,dimensions=_ref.dimensions,accessibilityLabel=_ref.accessibilityLabel,_ref$offsetLeft=_ref.offsetLeft,offsetLeft=void 0===_ref$offsetLeft?0:_ref$offsetLeft,_ref$offsetRight=_ref.offsetRight,offsetRight=void 0===_ref$offsetRight?0:_ref$offsetRight,theme=Object(useChartContext.a)().theme,selectedTheme=Object(useTheme.a)(),seriesColors=Object(useThemeSeriesColors.a)(data,selectedTheme),_ref2=null!=dimensions?dimensions:{height:0,width:0},width=_ref2.width,height=_ref2.height,_useSparkLine=Object(useSparkLine.a)({data:data,height:height}),minXDomain=_useSparkLine.minXDomain,maxXDomain=_useSparkLine.maxXDomain,yScale=_useSparkLine.yScale;return Object(jsx_runtime.jsxs)(react.Fragment,{children:[accessibilityLabel?Object(jsx_runtime.jsx)("span",{className:SparkLineChart_default.a.VisuallyHidden,children:accessibilityLabel}):null,Object(jsx_runtime.jsx)("svg",{xmlns:constants.nb,"aria-hidden":!0,width:width,height:height,children:data.map((function(series,index){var singleOffsetLeft=series.isComparison?0:offsetLeft,singleOffsetRight=series.isComparison?0:offsetRight,xScale=Object(linear.a)().range([singleOffsetLeft+2,width-singleOffsetRight-2]).domain([minXDomain,maxXDomain]),seriesWithColor=function _objectSpread(target){for(var i=1;i