@carbon/charts 1.10.2 → 1.10.4

package/dist/demo/index.mjs

@@ -1,4 +1,4 @@
-import { b as B, a as r, c as dA, d as n } from "../index-becfb567.mjs";
+import { b as c, a as r, c as dA, d as n } from "../index-becfb567.mjs";
 import { timeFormat as ZM } from "d3";
 var wM = {
   lessThanXSeconds: {
@@ -83,15 +83,15 @@ var xM = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, jM = {
-  date: B({
+  date: c({
     formats: xM,
     defaultWidth: "full"
   }),
-  time: B({
+  time: c({
     formats: XM,
     defaultWidth: "full"
   }),
-  dateTime: B({
+  dateTime: c({
     formats: QM,
     defaultWidth: "full"
   })
@@ -369,15 +369,15 @@ var mE = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, gE = {
-  date: B({
+  date: c({
     formats: mE,
     defaultWidth: "full"
   }),
-  time: B({
+  time: c({
     formats: UE,
     defaultWidth: "full"
   }),
-  dateTime: B({
+  dateTime: c({
     formats: GE,
     defaultWidth: "full"
   })
@@ -1296,7 +1296,7 @@ const pA = EN, mA = [
       numCharacter: 12
     }
   }
-}, U = [
+}, G = [
   { group: "Qty", date: new Date(2019, 0, 1), value: 1e4 },
   { group: "More", date: new Date(2019, 0, 2), value: 65e3 },
   { group: "Sold", date: new Date(2019, 0, 3), value: 3e4 },
@@ -1331,7 +1331,7 @@ const pA = EN, mA = [
       scaleType: "time"
     }
   }
-}, o_ = U, i_ = {
+}, o_ = G, i_ = {
   title: "Turkish locale (date-fns locales)",
   axes: {
     left: {
@@ -1367,7 +1367,7 @@ const pA = EN, mA = [
   },
   timeScale: { localeObject: pA },
   bars: { maxWidth: 200 }
-}, R_ = U, F_ = [
+}, R_ = G, F_ = [
   { group: "Qty", date: new Date(2019, 0, 1), value: [1e4, 41e3] },
   { group: "More", date: new Date(2019, 0, 2), value: 65e3 },
   { group: "Sold", date: new Date(2019, 0, 3), value: 3e4 },
@@ -1732,7 +1732,7 @@ const pA = EN, mA = [
   simpleBarOptionsCustomTicks: S_,
   simpleBarSkeletonData: g_,
   simpleBarSkeletonOptions: K_,
-  simpleBarTimeSeriesData: U,
+  simpleBarTimeSeriesData: G,
   simpleBarTimeSeriesDenseData: n_,
   simpleBarTimeSeriesDenseOptions: O_,
   simpleBarTimeSeriesOptions: SA,
@@ -1821,7 +1821,7 @@ const pA = EN, mA = [
   simpleBoxplotOptions: Se,
   simpleVerticalBoxplotData: Me,
   simpleVerticalBoxplotOptions: Ee
-}, Symbol.toStringTag, { value: "Module" })), c = [
+}, Symbol.toStringTag, { value: "Module" })), d = [
   { group: "Dataset 1", key: "Qty", value: 34200 },
   { group: "Dataset 1", key: "More", value: 23500 },
   { group: "Dataset 1", key: "Sold", value: 53100 },
@@ -2277,7 +2277,7 @@ const pA = EN, mA = [
   dualLine: Be,
   lineCustomColorOptions: oe,
   lineCustomDomainOptions: De,
-  lineData: c,
+  lineData: d,
   lineEmptyStateData: se,
   lineEmptyStateOptions: ue,
   lineLogAxisData: Ie,
@@ -45399,7 +45399,7 @@ const pA = EN, mA = [
   comboStackedAreaLineOptions: Ma,
   comboStackedData: we,
   comboStackedOptions: Je
-}, Symbol.toStringTag, { value: "Module" })), G = [
+}, Symbol.toStringTag, { value: "Module" })), g = [
   { group: "2V2N 9KYPM version 1", value: 2e4 },
   { group: "L22I P66EP L22I P66EP L22I P66EP", value: 65e3 },
   { group: "JQAI 2M4L1", value: 75e3 },
@@ -45409,7 +45409,7 @@ const pA = EN, mA = [
 ], ta = {
   title: "Pie",
   resizable: !0
-}, La = G, Da = {
+}, La = g, Da = {
   title: "Pie (centered)",
   resizable: !0,
   legend: {
@@ -45444,7 +45444,7 @@ const pA = EN, mA = [
   __proto__: null,
   pieCenteredData: La,
   pieCenteredOptions: Da,
-  pieData: G,
+  pieData: g,
   pieDataMapsTo: oA,
   pieEmptyStateData: na,
   pieEmptyStateOptions: oa,
@@ -45452,7 +45452,7 @@ const pA = EN, mA = [
   pieOptions: ta,
   pieSkeletonData: ia,
   pieSkeletonOptions: Ca
-}, Symbol.toStringTag, { value: "Module" })), Oa = G, Ra = {
+}, Symbol.toStringTag, { value: "Module" })), Oa = g, Ra = {
   title: "Donut",
   resizable: !0,
   donut: {
@@ -45460,7 +45460,7 @@ const pA = EN, mA = [
       label: "Browsers"
     }
   }
-}, Fa = G, Ia = {
+}, Fa = g, Ia = {
   title: "Donut (centered)",
   resizable: !0,
   legend: {
@@ -46271,7 +46271,7 @@ const pA = EN, mA = [
 }, Symbol.toStringTag, { value: "Module" })), ES = Object.assign({}, tA, {
   title: "Step (discrete)",
   curve: "curveStepAfter"
-}), NS = c, FA = Object.assign({}, s, {
+}), NS = d, FA = Object.assign({}, s, {
   title: "Step (time series)",
   curve: "curveStepAfter"
 }), IA = R, tS = [], LS = Object.assign({}, s, {
@@ -47626,7 +47626,7 @@ const pA = EN, mA = [
   }
 }), _), aM = H, SM = L(
   Object.assign({}, eA)
-), MM = U, EM = L(
+), MM = G, EM = L(
   Object.assign({}, SA),
   { sliderView: !0 }
 ), NM = h, tM = L(
@@ -47734,7 +47734,7 @@ f.zoomBar.top.data = [
     value: 10
   }
 ];
-const BM = [], g = L(
+const BM = [], K = L(
   Object.assign(
     {
       data: {
@@ -47745,9 +47745,9 @@ const BM = [], g = L(
   ),
   { includeDefinedZoomBarData: !0 }
 );
-g.title = "Zoom bar (Locked)";
-g.zoomBar.top.locked = !0;
-g.zoomBar.top.initialZoomDomain = [new Date(2019, 0, 3), new Date(2019, 0, 15)];
+K.title = "Zoom bar (Locked)";
+K.zoomBar.top.locked = !0;
+K.zoomBar.top.initialZoomDomain = [new Date(2019, 0, 3), new Date(2019, 0, 15)];
 const cM = [], Z = L(
   Object.assign(
     {
@@ -47776,7 +47776,7 @@ const P3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   zoomBarLineTimeSeriesInitDomainOptions: k,
   zoomBarLineTimeSeriesOptions: OM,
   zoomBarLockedData: BM,
-  zoomBarLockedOptions: g,
+  zoomBarLockedOptions: K,
   zoomBarScatterTimeSeriesData: RM,
   zoomBarScatterTimeSeriesOptions: FM,
   zoomBarSimpleBarTimeSeriesData: MM,
@@ -48162,7 +48162,7 @@ const P3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   boundedAreaTimeSeriesWithHighlightsOptions: TA,
   boundedAreaTimeSeriesWithHighlightsZoomOptions: HM,
   highlightBoundedAreaTimeSeriesData: AA
-}, Symbol.toStringTag, { value: "Module" })), m = [
+}, Symbol.toStringTag, { value: "Module" })), U = [
   {
     letter: "A",
     month: "January",
@@ -48802,7 +48802,7 @@ const P3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   heatmap: {
     colorLegend: { title: "Legend title", type: "quantize" }
   }
-}), bM = m.map((_) => ({
+}), bM = U.map((_) => ({
   ..._,
   value: _.value / 10 * (Math.round(Math.random()) ? -1 : 1)
 })), VM = {
@@ -49296,7 +49296,7 @@ const P3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }, d3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  heatmapData: m,
+  heatmapData: U,
   heatmapDomainOptions: VM,
   heatmapMissingData: YM,
   heatmapMissingDataOptions: kM,
@@ -49304,7 +49304,7 @@ const P3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   heatmapPositiveNegativeData: bM,
   heatmapPositiveNegativeOptions: WM,
   heatmapQuantizeLegendOption: hM
-}, Symbol.toStringTag, { value: "Module" })), RN = "@carbon/charts", FN = "1.10.2", IN = "Carbon Charts component library", lN = "./dist/index.mjs", sN = "./dist/index.js", uN = "./dist/index.d.ts", TN = {
+}, Symbol.toStringTag, { value: "Module" })), RN = "@carbon/charts", FN = "1.10.4", IN = "Carbon Charts component library", lN = "./dist/index.mjs", sN = "./dist/index.js", uN = "./dist/index.d.ts", TN = {
   "./package.json": "./package.json",
   "./styles.min.css": "./dist/styles.min.css",
   "./styles.css": "./dist/styles.css",
@@ -50143,19 +50143,19 @@ new Vue({
 						</option>
 					${S ? Object.keys(S).map((T) => {
     const x = S ? S[T] : 0;
-    let d = `<optgroup class="cds--select-optgroup" label="${T} groups">`;
+    let p = `<optgroup class="cds--select-optgroup" label="${T} groups">`;
     const P = parseInt(T);
     if (P !== 14)
-      for (let p = 1; p <= x; p++)
-        d += `
-								<option class="cds--select-option" ${C || P < D ? "disabled" : ""} value="${T}-option-${p}" ${u === `${P}-${p}` ? "selected" : ""}>
-									${P}-color groups, option ${p}
+      for (let m = 1; m <= x; m++)
+        p += `
+								<option class="cds--select-option" ${C || P < D ? "disabled" : ""} value="${T}-option-${m}" ${u === `${P}-${m}` ? "selected" : ""}>
+									${P}-color groups, option ${m}
 								</option>`;
     else
-      d += `<option class="cds--select-option" value="14-color-option-1" ${u === "14-1" || C ? "selected" : ""}>
+      p += `<option class="cds--select-option" value="14-color-option-1" ${u === "14-1" || C ? "selected" : ""}>
 								Categorical palette
 							</option>`;
-    return d;
+    return p;
   }).join("") : ""}
 						</select>
 						<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="cds--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
@@ -50163,8 +50163,8 @@ new Vue({
 				</div>
 			</div>
 		</div>`, (z = F == null ? void 0 : F.querySelector("#color-palette-select")) == null || z.addEventListener("change", (T) => {
-    const { value: x } = T.target, [d, P] = x.split("-color-option-");
-    M.color.pairing.numberOfVariants = d, M.color.pairing.option = P, e.model.setOptions(M);
+    const { value: x } = T.target, [p, P] = x.split("-color-option-");
+    M.color.pairing.numberOfVariants = p, M.color.pairing.option = P, e.model.setOptions(M);
   }), (BA = _ == null ? void 0 : _.querySelector("#charting-controls")) == null || BA.appendChild(F);
 }, p3 = (_, e, a, S = { colorPairingOptions: null }) => {
   var M, E;
@@ -50359,7 +50359,7 @@ new Vue({
     angular: "ibm-wordcloud-chart",
     vue: "CcvWordCloudChart"
   }
-}, K = O.version, xN = O.dependencies.d3, XN = O.dependencies["@carbon/styles"], QN = [
+}, B = O.version, xN = O.dependencies.d3, XN = O.dependencies["@carbon/styles"], QN = [
   {
     title: "Axes",
     demos: [
@@ -50380,7 +50380,7 @@ new Vue({
       },
       {
         options: De,
-        data: c,
+        data: d,
         chartType: A.LineChart
       },
       {
@@ -50485,7 +50485,7 @@ new Vue({
       },
       {
         options: oe,
-        data: c,
+        data: d,
         chartType: A.LineChart
       },
       {
@@ -50530,7 +50530,7 @@ new Vue({
       },
       {
         options: ce,
-        data: c,
+        data: d,
         chartType: A.LineChart
       }
     ]
@@ -50664,7 +50664,7 @@ new Vue({
         chartType: A.LineChart
       },
       {
-        options: g,
+        options: K,
         data: BM,
         chartType: A.StackedBarChart
       },
@@ -50745,7 +50745,7 @@ new Vue({
       },
       {
         options: SA,
-        data: U,
+        data: G,
         chartType: A.SimpleBarChart
       },
       {
@@ -51123,7 +51123,7 @@ new Vue({
     demos: [
       {
         options: tA,
-        data: c,
+        data: d,
         chartType: A.LineChart
       },
       {
@@ -51175,7 +51175,7 @@ new Vue({
     demos: [
       {
         options: ta,
-        data: G,
+        data: g,
         chartType: A.PieChart,
         mainDemo: !0
       },
@@ -51453,12 +51453,12 @@ new Vue({
     demos: [
       {
         options: PA,
-        data: m,
+        data: U,
         chartType: A.HeatmapChart
       },
       {
         options: hM,
-        data: m,
+        data: U,
         chartType: A.HeatmapChart
       },
       {
@@ -51473,7 +51473,7 @@ new Vue({
       },
       {
         options: VM,
-        data: m,
+        data: U,
         chartType: A.HeatmapChart
       }
     ]
@@ -51516,7 +51516,7 @@ const cA = (_) => _.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase(
     template: "javascript",
     description: a.title,
     dependencies: {
-      "@carbon/charts": K,
+      "@carbon/charts": B,
       "@carbon/styles": XN,
       d3: xN
     }
@@ -51528,8 +51528,8 @@ const cA = (_) => _.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase(
     title: "Carbon Charts Angular Example",
     dependencies: {
       ...S.dependencies,
-      "@carbon/charts": "next",
-      "@carbon/charts-angular": "next"
+      "@carbon/charts": B,
+      "@carbon/charts-angular": B
     }
   }, a.code.react = {
     ...S,
@@ -51538,7 +51538,7 @@ const cA = (_) => _.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase(
     title: "Carbon Charts React Example",
     dependencies: {
       ...S.dependencies,
-      "@carbon/charts-react": K
+      "@carbon/charts-react": B
     }
   }, a.code.svelte = {
     ...S,
@@ -51547,7 +51547,7 @@ const cA = (_) => _.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase(
     title: "Carbon Charts Svelte Example",
     dependencies: {
       ...S.dependencies,
-      "@carbon/charts-svelte": K
+      "@carbon/charts-svelte": B
     }
   }, a.code.vue = {
     ...S,
@@ -51556,7 +51556,7 @@ const cA = (_) => _.replace(/[^\w\s]/gi, "").replace(/\s\s+/g, " ").toLowerCase(
     title: "Carbon Charts Vue Example",
     dependencies: {
       ...S.dependencies,
-      "@carbon/charts-vue": K
+      "@carbon/charts-vue": B
     }
   }, a;
 }), e));