@progress/kendo-themes-html 7.1.0-dev.8 → 7.1.0-dev.9

package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js

@@ -129,6 +129,18 @@ var States = {
   "checked": "checked",
   "readonly": "readonly"
 };
+var kendoThemeMaps = {
+  calloutMap: {
+    top: "n",
+    bottom: "s",
+    left: "w",
+    right: "e"
+  },
+  orientationMap: {
+    vertical: "vstack",
+    horizontal: "hstack"
+  }
+};
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -6320,7 +6332,9 @@ var defaultProps31 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6329,6 +6343,8 @@ var Slider = (props) => {
     readonly = defaultProps31.readonly,
     disabled = defaultProps31.disabled,
     handlePosition = defaultProps31.handlePosition,
+    showButtons = defaultProps31.showButtons,
+    showTicks = defaultProps31.showTicks,
     hover,
     focus,
     active,
@@ -6357,9 +6373,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: classNames(
@@ -6382,7 +6398,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states32;
@@ -6442,6 +6458,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime84
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SliderTick, {}),
@@ -7854,8 +7872,89 @@ var import_jsx_runtime128 = require("react/jsx-runtime");
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
 
-// src/spreadsheet/tests/spreadsheet-formula.tsx
+// src/tooltip/tooltip.spec.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
+var TOOLTIP_CLASSNAME = `k-tooltip`;
+var states49 = [];
+var options47 = {
+  themeColor: [
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps47 = {
+  closable: false
+};
+var Tooltip = (props) => {
+  const {
+    callout,
+    closable,
+    themeColor,
+    title,
+    content,
+    icon,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        TOOLTIP_CLASSNAME,
+        optionClassNames(TOOLTIP_CLASSNAME, {
+          themeColor
+        }),
+        {
+          "k-tooltip-closable": closable
+        }
+      ),
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { className: "k-tooltip-icon", icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-tooltip-content", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-tooltip-title", children: title }),
+          content
+        ] }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-tooltip-button", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { icon: "x" }) }),
+        callout && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: classNames(
+          "k-callout",
+          {
+            [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
+          }
+        ) })
+      ]
+    }
+  );
+};
+Tooltip.states = states49;
+Tooltip.options = options47;
+Tooltip.className = TOOLTIP_CLASSNAME;
+Tooltip.defaultProps = defaultProps47;
+var tooltip_spec_default = Tooltip;
+
+// src/tooltip/templates/tooltip-normal.tsx
+var import_jsx_runtime131 = require("react/jsx-runtime");
+var TooltipNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  tooltip_spec_default,
+  {
+    content: "Tooltip Content",
+    ...props
+  }
+);
+
+// src/tooltip/templates/tooltip-closable.tsx
+var import_jsx_runtime132 = require("react/jsx-runtime");
+
+// src/spreadsheet/tests/spreadsheet-formula.tsx
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var style = `
     #test-area {
         max-width: 1150px;
@@ -7866,245 +7965,245 @@ var style = `
         white-space: normal !important;
     }
 `;
-var spreadsheet_formula_default = () => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { id: "test-area", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: { width: "100%" }, className: "k-spreadsheet", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("ul", { id: "menu", className: "k-spreadsheet-menu k-widget k-reset k-header k-menu k-menu-horizontal", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item k-first", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "File" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "Home" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "Insert" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "Format" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item k-active", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "Formulas" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "Data" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("li", { className: "k-item k-menu-item k-last", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link k-menu-link", children: "View" }) })
+var spreadsheet_formula_default = () => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { id: "test-area", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: { width: "100%" }, className: "k-spreadsheet", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("ul", { id: "menu", className: "k-spreadsheet-menu k-widget k-reset k-header k-menu k-menu-horizontal", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item k-first", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "File" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "Home" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "Insert" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "Format" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item k-active", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "Formulas" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "Data" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { className: "k-item k-menu-item k-last", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link k-menu-link", children: "View" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Toolbar, { className: "k-spreadsheet-toolbar k-toolbar-flat", resizable: true, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { icon: "formula-fx", fillMode: "flat", children: "Insert Formula" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Toolbar, { className: "k-spreadsheet-toolbar k-toolbar-flat", resizable: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "formula-fx", fillMode: "flat", children: "Insert Formula" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-action-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-name-editor", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Combobox, { placeholder: "B6", fillMode: "flat" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-formula-bar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-separator k-separator-vertical" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { icon: "formula-fx", fillMode: "flat" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-separator k-separator-vertical" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-formula-input k-textbox k-input k-input-md k-input-flat k-rounded-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-startexp", children: "=" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-func", children: "SUM" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-punc", children: "(" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-op", children: "+" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-punc", children: ")" })
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-action-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-name-editor", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Combobox, { placeholder: "B6", fillMode: "flat" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-formula-bar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-separator k-separator-vertical" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { icon: "formula-fx", fillMode: "flat" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-separator k-separator-vertical" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-formula-input k-textbox k-input k-input-md k-input-flat k-rounded-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-startexp", children: "=" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-func", children: "SUM" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-punc", children: "(" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-op", children: "+" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-punc", children: ")" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-view", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-fixed-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: { top: 0, left: 0, height: "100%", width: "100%" }, className: "k-spreadsheet-pane k-top k-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-data", style: { position: "relative", left: "30px", top: "30px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: 0, height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "100px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "315px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "430px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "545px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "660px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "815px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "879px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "943px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1007px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1071px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1135px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1199px", height: "405px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "0px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "70px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "95px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "125px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "155px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "185px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "215px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "245px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "275px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "305px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "335px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "365px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "395px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "426px", width: "1199px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-disabled-mask", style: { top: "1px", width: "878px", left: "1px", height: "69px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { left: "1px", top: "1px", width: "878px", height: "69px", background: "rgb(96, 181, 255)", outline: "rgb(86, 163, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "30px", whiteSpace: "pre", overflowWrap: "normal" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Invoice #52 - 06/23/2015" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "71px", width: "99px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "ID" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "71px", width: "214px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Product" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Quantity" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Price" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Tax" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "71px", width: "154px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Amount" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "71px", width: "63px", height: "24px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "96px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell k-left k-single", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "216321" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "96px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Calzone" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$12.39" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$2.48" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "96px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$14.87" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "96px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "126px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "546897" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "126px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Margarita" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "2" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$8.79" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell k-spreadsheet-active-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$3.52" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "126px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$21.10" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "126px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "156px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "456231" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "156px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Pollo Formaggio" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$13.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$2.80" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "156px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$16.79" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "156px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "186px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "455873" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "186px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Greek Salad" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$9.49" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$1.90" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "186px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$11.39" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "186px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "216px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "456892" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "216px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Spinach and Blue Cheese" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$11.49" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$6.89" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "216px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$41.36" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "216px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "246px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "546564" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "246px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Rigoletto" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$10.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$2.20" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "246px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$13.19" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "246px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "276px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "789455" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "276px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Creme Brulee" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "5" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$6.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$6.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "276px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$41.94" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "276px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "306px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "123002" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "306px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Radeberger Beer" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$4.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$3.99" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "306px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$23.95" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "306px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "336px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "564896" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "336px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "Budweiser Beer" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$4.49" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$2.69" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "336px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: "$16.16" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "336px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "366px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "366px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "366px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "366px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "396px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "396px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "396px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "396px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" })
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-view", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-fixed-container", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: { top: 0, left: 0, height: "100%", width: "100%" }, className: "k-spreadsheet-pane k-top k-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-data", style: { position: "relative", left: "30px", top: "30px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: 0, height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "100px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "315px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "430px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "545px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "660px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "815px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "879px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "943px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1007px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1071px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1135px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-vaxis", style: { left: "1199px", height: "405px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "0px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "70px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "95px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "125px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "155px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "185px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "215px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "245px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "275px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "305px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "335px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "365px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "395px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-haxis", style: { top: "426px", width: "1199px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-disabled-mask", style: { top: "1px", width: "878px", left: "1px", height: "69px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { left: "1px", top: "1px", width: "878px", height: "69px", background: "rgb(96, 181, 255)", outline: "rgb(86, 163, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "30px", whiteSpace: "pre", overflowWrap: "normal" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Invoice #52 - 06/23/2015" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "71px", width: "99px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "ID" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "71px", width: "214px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Product" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Quantity" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Price" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "71px", width: "114px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Tax" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "71px", width: "154px", height: "24px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Amount" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(167, 214, 255)", outline: "rgb(150, 193, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "71px", width: "63px", height: "24px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "96px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell k-left k-single", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "216321" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "96px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Calzone" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$12.39" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "96px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$2.48" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "96px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$14.87" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "96px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "126px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "546897" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "126px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Margarita" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "2" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$8.79" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "126px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell k-spreadsheet-active-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$3.52" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "126px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$21.10" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "126px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "156px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "456231" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "156px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Pollo Formaggio" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$13.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "156px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$2.80" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "156px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$16.79" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "156px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "186px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "455873" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "186px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Greek Salad" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$9.49" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "186px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$1.90" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "186px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$11.39" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "186px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "216px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "456892" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "216px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Spinach and Blue Cheese" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$11.49" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "216px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$6.89" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "216px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$41.36" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "216px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "246px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "546564" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "246px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Rigoletto" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$10.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "246px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$2.20" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "246px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$13.19" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "246px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "276px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "789455" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "276px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Creme Brulee" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "5" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$6.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "276px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$6.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "276px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$41.94" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "276px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "306px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "123002" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "306px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Radeberger Beer" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$4.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "306px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$3.99" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "306px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$23.95" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "306px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "336px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "564896" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "left", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "336px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "Budweiser Beer" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$4.49" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "336px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$2.69" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "336px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "$16.16" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "336px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "366px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "366px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "366px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "366px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(229, 243, 255)", outline: "rgb(206, 219, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "366px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "1px", top: "396px", width: "99px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "101px", top: "396px", width: "214px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "316px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "431px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "546px", top: "396px", width: "114px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "661px", top: "396px", width: "154px", height: "30px" }, className: "k-spreadsheet-cell" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { background: "rgb(255, 255, 255)", outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", whiteSpace: "pre", overflowWrap: "normal", left: "816px", top: "396px", width: "63px", height: "30px" }, className: "k-spreadsheet-cell" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-selection k-single-selection", style: { width: "116px", height: "31px", top: "155px", left: "575px" } }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-auto-fill-wrapper" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-selection-wrapper", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-selection-highlight k-series-a", style: { width: "116px", height: "31px", top: "125px", left: "345px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-selection-highlight k-series-b", style: { width: "116px", height: "31px", top: "155px", left: "345px" } })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-selection k-single-selection", style: { width: "116px", height: "31px", top: "155px", left: "575px" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-auto-fill-wrapper" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-selection-wrapper", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-selection-highlight k-series-a", style: { width: "116px", height: "31px", top: "125px", left: "345px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-selection-highlight k-series-b", style: { width: "116px", height: "31px", top: "155px", left: "345px" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-filter-wrapper" }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-row-header", style: { width: "30px", top: "30px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "70px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "25px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "2" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-partial", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "5" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "6" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "7" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "8" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "9" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "10" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "11" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "12" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "13" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-filter-wrapper" }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-row-header", style: { width: "30px", top: "30px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "70px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "25px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "2" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "3" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-partial", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "5" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "6" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "7" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "8" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "9" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "10" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "11" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "12" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { width: "30px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "13" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-column-header", style: { top: "0px", left: "30px", width: "1199px", height: "30px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "0px", width: "100px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "A" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "100px", width: "215px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "B" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "315px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "C" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "430px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "D" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-partial", style: { position: "absolute", left: "545px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "E" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "660px", width: "155px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "F" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "815px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "G" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "879px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "H" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "943px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "I" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1007px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "J" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1071px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "K" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1135px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-vertical-align-center", children: "L" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-column-header", style: { top: "0px", left: "30px", width: "1199px", height: "30px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "0px", width: "100px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "A" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "100px", width: "215px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "B" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "315px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "C" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "430px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "D" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-partial", style: { position: "absolute", left: "545px", width: "115px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "E" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "660px", width: "155px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "F" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "815px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "G" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "879px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "H" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "943px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "I" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1007px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "J" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1071px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "K" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-selection-none", style: { position: "absolute", left: "1135px", width: "64px", height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-vertical-align-center", children: "L" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-cell-editor k-spreadsheet-formula-input", "data-role": "formulainput", style: { whiteSpace: "pre", top: "156px", left: "576px", width: "114px", height: "29px", display: "flex", alignItems: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-startexp", children: "=" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-func", children: "SUM" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-punc", children: "(" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-op", children: "+" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-syntax-punc", children: ")" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-cell-editor k-spreadsheet-formula-input", "data-role": "formulainput", style: { whiteSpace: "pre", top: "156px", left: "576px", width: "114px", height: "29px", display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-startexp", children: "=" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-func", children: "SUM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-punc", children: "(" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-op", children: "+" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-ref k-series-a", children: "C4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-syntax-punc", children: ")" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { width: "30px", height: "30px" }, className: "k-spreadsheet-top-corner" })
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { style: { width: "30px", height: "30px" }, className: "k-spreadsheet-top-corner" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-scroller", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-view-size", style: { height: "6080px", width: "3663px" } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-clipboard", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("table", { style: { left: "0px", top: "0px", height: "30px", width: "100px" }, className: "kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f", role: "presentation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("col", { style: { width: "100px" } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("tr", { style: { height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("td", { style: { backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", borderColor: "rgb(255, 255, 255)" }, children: "216321" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-scroller", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-view-size", style: { height: "6080px", width: "3663px" } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-clipboard", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("table", { style: { left: "0px", top: "0px", height: "30px", width: "100px" }, className: "kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f", role: "presentation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("col", { style: { width: "100px" } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("tr", { style: { height: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("td", { style: { backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "14px", borderColor: "rgb(255, 255, 255)" }, children: "216321" }) }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-widget k-tooltip", style: { position: "absolute", display: "none" }, children: "A1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-list-group-sticky-header", style: { display: "none" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-list-content k-list-scroller", unselectable: "on" })
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(TooltipNormal, { content: "A1", style: { position: "absolute", display: "none" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-list-group-sticky-header", style: { display: "none" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-list-content k-list-scroller", unselectable: "on" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-spreadsheet-sheets-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { className: "k-spreadsheet-sheet-add", fillMode: "flat", icon: "plus" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { className: "k-spreadsheet-sheets-menu", fillMode: "flat", icon: "menu" }),
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "k-spreadsheet-sheets k-tabstrip k-tabstrip-bottom k-tabstrip-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "k-tabstrip-items-wrapper k-vstack", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item k-first", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-spreadsheet-sheets-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { className: "k-spreadsheet-sheet-add", fillMode: "flat", icon: "plus" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { className: "k-spreadsheet-sheets-menu", fillMode: "flat", icon: "menu" }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "k-spreadsheet-sheets k-tabstrip k-tabstrip-bottom k-tabstrip-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "k-tabstrip-items-wrapper k-vstack", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("ul", { className: "k-reset k-tabstrip-items", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item k-first", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item k-active", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item k-active", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item k-focus", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item k-focus", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("li", { className: "k-item k-last k-disabled", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "k-link", children: "Sheet 6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("li", { className: "k-item k-last k-disabled", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "k-link", children: "Sheet 6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(MenuButton, { size: "medium", showArrow: false, icon: "caret-alt-down", fillMode: "flat" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { className: "k-tabstrip-prev", fillMode: "flat", icon: "caret-alt-left", rounded: null, size: null }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { className: "k-tabstrip-next", fillMode: "flat", icon: "caret-alt-right", rounded: null, size: null })
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { className: "k-tabstrip-prev", fillMode: "flat", icon: "caret-alt-left", rounded: null, size: null }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Button, { className: "k-tabstrip-next", fillMode: "flat", icon: "caret-alt-right", rounded: null, size: null })
       ] }) })
     ] })
   ] }) })