@progress/kendo-themes-html 5.5.1-dev.2 → 5.6.1-dev.1

package/dist/chart/tests/chart.js

@@ -20,632 +20,639 @@
     }
     return to;
   };
-  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
   // src/chart/tests/chart.tsx
   var import_react = __toESM(__require("react"));
   var import_client = __toESM(__require("react-dom/client"));
-  var root = import_client.default.createRoot(document.getElementById("app"));
-  root.render(/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    id: "test-area",
-    className: "k-d-grid k-grid-cols-1"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-chart",
-    style: { position: "relative" }
-  }, /* @__PURE__ */ import_react.default.createElement("svg", {
-    style: { width: "100%", height: "100%", overflow: "hidden", left: "0px", top: "-0.15625px" },
-    xmlns: "http://www.w3.org/2000/svg",
-    version: "1.1"
-  }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "kdef3"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38 68 L 1319 68 1319 338 38 338Z",
-    stroke: "#000",
-    strokeLinejoin: "miter",
-    fill: "none"
-  })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
-    id: "kdef4"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M0 0 L 1337 0 1337 400 0 400Z",
-    stroke: "#000",
-    strokeLinejoin: "miter",
-    fill: "none"
-  }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M0 0 L 1337 0 1337 400 0 400Z",
-    stroke: "none",
-    className: "k-var--background"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38 68 L 1319 68 1319 338 38 338Z",
-    stroke: "none",
-    className: "k-var--background",
-    fillOpacity: "0"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 311.5 L 1319.5 311.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 284.5 L 1319.5 284.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 257.5 L 1319.5 257.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 230.5 L 1319.5 230.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 203.5 L 1319.5 203.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 176.5 L 1319.5 176.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 149.5 L 1319.5 149.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 122.5 L 1319.5 122.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 95.5 L 1319.5 95.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 68.5 L 1319.5 68.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 338.5 L 1319.5 338.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38.5 338.5 L 38.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M180.5 338.5 L 180.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M323.5 338.5 L 323.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M465.5 338.5 L 465.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M607.5 338.5 L 607.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M750.5 338.5 L 750.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M892.5 338.5 L 892.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M1034.5 338.5 L 1034.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M1177.5 338.5 L 1177.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M1319.5 338.5 L 1319.5 342.5",
-    stroke: "#c8c8c8",
-    strokeWidth: "1",
-    fill: "none"
-  })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", {
-    clipPath: "url(#kdef4)"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38 177.255 C 85.397 159.112 132.936 122.77 180.333 122.77 227.73 122.77 275.27 124.052 322.667 124.052 370.064 124.052 417.603 104.666 465 104.666 512.397 104.666 559.936 104.95 607.333 104.95 654.73 104.95 702.27 97.687 749.667 97.687 797.064 97.687 844.603 177.485 892 177.485 939.397 177.485 986.936 131.514 1034.333 118.787 1081.73 106.06 1129.27 101.048 1176.667 101.048 1224.064 101.048 1271.603 125.333 1319 137.457 L 1319 338 38 338",
-    stroke: "none",
-    className: "k-var--series-a",
-    fillOpacity: "0.8"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38 203.162 C 85.397 199.813 132.936 197.613 180.333 193.104 227.73 188.596 275.27 176.081 322.667 176.081 370.064 176.081 417.603 183.236 465 183.236 512.397 183.236 559.936 175.986 607.333 175.986 654.73 175.986 743.051 175.986 749.667 176.824 797.064 182.82 844.603 198.104 892 212.005 939.397 225.905 986.936 260.308 1034.333 260.308 1081.73 260.308 1129.27 171.424 1176.667 171.424 1224.064 171.424 1271.603 185.939 1319 193.186 L 1319 338 38 338",
-    stroke: "none",
-    className: "k-var--series-b",
-    fillOpacity: "0.8"
-  }), /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M38 233.416 C 85.397 230.651 132.936 225.113 180.333 225.113 227.73 225.113 275.27 277.506 322.667 277.506 370.064 277.506 417.603 218.685 465 205.714 487.345 199.598 559.936 203.069 607.333 199.598 654.73 196.127 702.27 184.87 749.667 184.87 797.064 184.87 844.603 218.62 892 218.62 939.397 218.62 986.936 191.161 1034.333 191.161 1081.73 191.161 1129.27 303.116 1176.667 303.116 1224.064 303.116 1271.603 204.012 1319 154.535 L 1319 338 38 338",
-    stroke: "none",
-    className: "k-var--series-c",
-    fillOpacity: "0.8"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "465",
-    cy: "182.382",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "465",
-    cy: "204.693",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "607.333",
-    cy: "198.623",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "749.667",
-    cy: "184.004",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "892",
-    cy: "217.504",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1034.333",
-    cy: "190.248",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1176.667",
-    cy: "301.374",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "607.333",
-    cy: "104.676",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "465",
-    cy: "104.394",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "322.667",
-    cy: "175.28",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "322.667",
-    cy: "123.637",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "180.333",
-    cy: "122.364",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "749.667",
-    cy: "97.467",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "749.667",
-    cy: "176.017",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "892",
-    cy: "210.938",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "892",
-    cy: "176.674",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "607.333",
-    cy: "175.187",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "322.667",
-    cy: "275.955",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "38",
-    cy: "176.446",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1034.333",
-    cy: "118.411",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1176.667",
-    cy: "100.803",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1319",
-    cy: "136.943",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-a",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "38",
-    cy: "202.161",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "180.333",
-    cy: "192.178",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1034.333",
-    cy: "258.883",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1176.667",
-    cy: "170.657",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1319",
-    cy: "192.258",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-b",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "38",
-    cy: "232.19",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "180.333",
-    cy: "223.949",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "1319",
-    cy: "153.894",
-    r: "5",
-    stroke: "#fff",
-    strokeWidth: "2",
-    strokeOpacity: "1",
-    className: "k-var--series-c",
-    fillOpacity: "1"
-  }), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "24.5",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2002"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "166.833",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2003"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "309.167",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2004"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "451.5",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2005"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "593.833",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2006"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "736.167",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2007"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "878.5",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2008"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "1020.8330000000001",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2009"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "1163.167",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2010"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "1306",
-    y: "358",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2011"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "8",
-    y: "342",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "-8%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "8",
-    y: "315",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "-6%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "8",
-    y: "288",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "-4%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "8",
-    y: "261",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "-2%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "12",
-    y: "234",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "0%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "12",
-    y: "207",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "2%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "12",
-    y: "180",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "4%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "12",
-    y: "153",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "6%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "12",
-    y: "126",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "8%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "5",
-    y: "99",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "10%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "5",
-    y: "72",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "12%"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "16px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "558",
-    y: "29",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "Gross domestic product growth"), /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "16px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "611",
-    y: "47",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "/GDP annual %/"), /* @__PURE__ */ import_react.default.createElement("g", {
-    transform: "matrix(1,0,0,1,590.5,371)"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
-    stroke: "#008fd3",
-    strokeWidth: "0",
-    className: "k-var--series-a"
-  }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "21",
-    y: "11",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "India")), /* @__PURE__ */ import_react.default.createElement("path", {
-    style: { cursor: "pointer" },
-    d: "M0 0 L 47 0 47 14 0 14Z",
-    stroke: "none",
-    fill: "#fff",
-    fillOpacity: "0"
-  })), /* @__PURE__ */ import_react.default.createElement("g", {
-    transform: "matrix(1,0,0,1,643.5,371)"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
-    stroke: "#99d101",
-    strokeWidth: "0",
-    className: "k-var--series-b"
-  }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "21",
-    y: "11",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "World")), /* @__PURE__ */ import_react.default.createElement("path", {
-    style: { cursor: "pointer" },
-    d: "M0 0 L 52 0 52 14 0 14Z",
-    stroke: "none",
-    fill: "#fff",
-    fillOpacity: "0"
-  })), /* @__PURE__ */ import_react.default.createElement("g", {
-    transform: "matrix(1,0,0,1,701.5,371)"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
-    stroke: "#f39b02",
-    strokeWidth: "0",
-    className: "k-var--series-c"
-  }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
-    style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
-    x: "21",
-    y: "11",
-    stroke: "none",
-    fillOpacity: "1"
-  }, "Haiti")), /* @__PURE__ */ import_react.default.createElement("path", {
-    style: { cursor: "pointer" },
-    d: "M0 0 L 45 0 45 14 0 14Z",
-    stroke: "none",
-    fill: "#fff",
-    fillOpacity: "0"
-  })))))))));
+  var root = import_client.default.createRoot(
+    document.getElementById("app")
+  );
+  root.render(
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      id: "test-area",
+      className: "k-d-grid k-grid-cols-1"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-chart",
+      style: { position: "relative" }
+    }, /* @__PURE__ */ import_react.default.createElement("svg", {
+      style: { width: "100%", height: "100%", overflow: "hidden", left: "0px", top: "-0.15625px" },
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1"
+    }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
+      id: "kdef3"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38 68 L 1319 68 1319 338 38 338Z",
+      stroke: "#000",
+      strokeLinejoin: "miter",
+      fill: "none"
+    })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
+      id: "kdef4"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M0 0 L 1337 0 1337 400 0 400Z",
+      stroke: "#000",
+      strokeLinejoin: "miter",
+      fill: "none"
+    }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M0 0 L 1337 0 1337 400 0 400Z",
+      stroke: "none",
+      className: "k-var--background"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38 68 L 1319 68 1319 338 38 338Z",
+      stroke: "none",
+      className: "k-var--background",
+      fillOpacity: "0"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 311.5 L 1319.5 311.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 284.5 L 1319.5 284.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 257.5 L 1319.5 257.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 230.5 L 1319.5 230.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 203.5 L 1319.5 203.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 176.5 L 1319.5 176.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 149.5 L 1319.5 149.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 122.5 L 1319.5 122.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 95.5 L 1319.5 95.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 68.5 L 1319.5 68.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 338.5 L 1319.5 338.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38.5 338.5 L 38.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M180.5 338.5 L 180.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M323.5 338.5 L 323.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M465.5 338.5 L 465.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M607.5 338.5 L 607.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M750.5 338.5 L 750.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M892.5 338.5 L 892.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M1034.5 338.5 L 1034.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M1177.5 338.5 L 1177.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M1319.5 338.5 L 1319.5 342.5",
+      stroke: "#c8c8c8",
+      strokeWidth: "1",
+      fill: "none"
+    })), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", {
+      clipPath: "url(#kdef4)"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38 177.255 C 85.397 159.112 132.936 122.77 180.333 122.77 227.73 122.77 275.27 124.052 322.667 124.052 370.064 124.052 417.603 104.666 465 104.666 512.397 104.666 559.936 104.95 607.333 104.95 654.73 104.95 702.27 97.687 749.667 97.687 797.064 97.687 844.603 177.485 892 177.485 939.397 177.485 986.936 131.514 1034.333 118.787 1081.73 106.06 1129.27 101.048 1176.667 101.048 1224.064 101.048 1271.603 125.333 1319 137.457 L 1319 338 38 338",
+      stroke: "none",
+      className: "k-var--series-a",
+      fillOpacity: "0.8"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38 203.162 C 85.397 199.813 132.936 197.613 180.333 193.104 227.73 188.596 275.27 176.081 322.667 176.081 370.064 176.081 417.603 183.236 465 183.236 512.397 183.236 559.936 175.986 607.333 175.986 654.73 175.986 743.051 175.986 749.667 176.824 797.064 182.82 844.603 198.104 892 212.005 939.397 225.905 986.936 260.308 1034.333 260.308 1081.73 260.308 1129.27 171.424 1176.667 171.424 1224.064 171.424 1271.603 185.939 1319 193.186 L 1319 338 38 338",
+      stroke: "none",
+      className: "k-var--series-b",
+      fillOpacity: "0.8"
+    }), /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M38 233.416 C 85.397 230.651 132.936 225.113 180.333 225.113 227.73 225.113 275.27 277.506 322.667 277.506 370.064 277.506 417.603 218.685 465 205.714 487.345 199.598 559.936 203.069 607.333 199.598 654.73 196.127 702.27 184.87 749.667 184.87 797.064 184.87 844.603 218.62 892 218.62 939.397 218.62 986.936 191.161 1034.333 191.161 1081.73 191.161 1129.27 303.116 1176.667 303.116 1224.064 303.116 1271.603 204.012 1319 154.535 L 1319 338 38 338",
+      stroke: "none",
+      className: "k-var--series-c",
+      fillOpacity: "0.8"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "465",
+      cy: "182.382",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "465",
+      cy: "204.693",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "607.333",
+      cy: "198.623",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "749.667",
+      cy: "184.004",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "892",
+      cy: "217.504",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1034.333",
+      cy: "190.248",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1176.667",
+      cy: "301.374",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "607.333",
+      cy: "104.676",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "465",
+      cy: "104.394",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "322.667",
+      cy: "175.28",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "322.667",
+      cy: "123.637",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "180.333",
+      cy: "122.364",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "749.667",
+      cy: "97.467",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "749.667",
+      cy: "176.017",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "892",
+      cy: "210.938",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "892",
+      cy: "176.674",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "607.333",
+      cy: "175.187",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "322.667",
+      cy: "275.955",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "38",
+      cy: "176.446",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1034.333",
+      cy: "118.411",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1176.667",
+      cy: "100.803",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1319",
+      cy: "136.943",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-a",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "38",
+      cy: "202.161",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "180.333",
+      cy: "192.178",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1034.333",
+      cy: "258.883",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1176.667",
+      cy: "170.657",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1319",
+      cy: "192.258",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-b",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "38",
+      cy: "232.19",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "180.333",
+      cy: "223.949",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("circle", {
+      cx: "1319",
+      cy: "153.894",
+      r: "5",
+      stroke: "#fff",
+      strokeWidth: "2",
+      strokeOpacity: "1",
+      className: "k-var--series-c",
+      fillOpacity: "1"
+    }), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "24.5",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2002"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "166.833",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2003"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "309.167",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2004"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "451.5",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2005"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "593.833",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2006"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "736.167",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2007"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "878.5",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2008"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "1020.8330000000001",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2009"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "1163.167",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2010"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "1306",
+      y: "358",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2011"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "8",
+      y: "342",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "-8%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "8",
+      y: "315",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "-6%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "8",
+      y: "288",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "-4%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "8",
+      y: "261",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "-2%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "12",
+      y: "234",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "0%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "12",
+      y: "207",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "2%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "12",
+      y: "180",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "4%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "12",
+      y: "153",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "6%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "12",
+      y: "126",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "8%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "5",
+      y: "99",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "10%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "5",
+      y: "72",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "12%"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "16px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "558",
+      y: "29",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "Gross domestic product growth"), /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "16px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "611",
+      y: "47",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "/GDP annual %/"), /* @__PURE__ */ import_react.default.createElement("g", {
+      transform: "matrix(1,0,0,1,590.5,371)"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
+      stroke: "#008fd3",
+      strokeWidth: "0",
+      className: "k-var--series-a"
+    }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "21",
+      y: "11",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "India")), /* @__PURE__ */ import_react.default.createElement("path", {
+      style: { cursor: "pointer" },
+      d: "M0 0 L 47 0 47 14 0 14Z",
+      stroke: "none",
+      fill: "#fff",
+      fillOpacity: "0"
+    })), /* @__PURE__ */ import_react.default.createElement("g", {
+      transform: "matrix(1,0,0,1,643.5,371)"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
+      stroke: "#99d101",
+      strokeWidth: "0",
+      className: "k-var--series-b"
+    }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "21",
+      y: "11",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "World")), /* @__PURE__ */ import_react.default.createElement("path", {
+      style: { cursor: "pointer" },
+      d: "M0 0 L 52 0 52 14 0 14Z",
+      stroke: "none",
+      fill: "#fff",
+      fillOpacity: "0"
+    })), /* @__PURE__ */ import_react.default.createElement("g", {
+      transform: "matrix(1,0,0,1,701.5,371)"
+    }, /* @__PURE__ */ import_react.default.createElement("path", {
+      d: "M0 5.5 L 15 5.5 15 8.5 0 8.5Z",
+      stroke: "#f39b02",
+      strokeWidth: "0",
+      className: "k-var--series-c"
+    }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("text", {
+      style: { font: "12px Arial, Helvetica, sans-serif", whiteSpace: "pre" },
+      x: "21",
+      y: "11",
+      stroke: "none",
+      fillOpacity: "1"
+    }, "Haiti")), /* @__PURE__ */ import_react.default.createElement("path", {
+      style: { cursor: "pointer" },
+      d: "M0 0 L 45 0 45 14 0 14Z",
+      stroke: "none",
+      fill: "#fff",
+      fillOpacity: "0"
+    }))))))))
+  );
 })();
 //# sourceMappingURL=chart.js.map