npm - @progress/kendo-themes-html - Versions diffs - 6.1.1-dev.8 → 6.2.1-dev.0 - Mend

@progress/kendo-themes-html 6.1.1-dev.8 → 6.2.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

package/dist/spreadsheet/tests/spreadsheet.js CHANGED Viewed

@@ -524,7 +524,7 @@
           Button,
           {
             className: "k-input-button",
-            icon: "arrow-s",
+            icon: "caret-alt-down",
             rounded: null,
             size: this.props.size,
             fillMode: this.props.fillMode
@@ -1098,7 +1098,7 @@
     }
 `;
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%" }, className: "k-widget k-spreadsheet" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-quick-access-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "undo" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "redo" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-header k-tabstrip k-tabstrip-top k-spreadsheet-tabstrip" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-items-wrapper k-hstack" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-tabstrip-items k-reset", style: { paddingLeft: "76px" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-first k-tab-on-top k-active" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Home")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Insert")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-last" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Data")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-content k-active", style: { display: "block" } }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-spreadsheet-toolbar", resizable: true }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "folder-open", className: "k-upload-button" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "download" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "cut" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "copy" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "paste" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "link-horizontal" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "comment" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "paint", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "foreground-color", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "borders-all", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Combobox, { placeholder: "Combobox..." }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Arial" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "align-left", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "text-wrap" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "decimal-decrease" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "decimal-increase" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Custom format", showValue: false, valueIconName: "custom-format" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "cells-merge", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "pane-freeze", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "border-no" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-action-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-name-editor" }, /* @__PURE__ */ import_react.default.createElement(Combobox, { placeholder: "Combobox..." })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-formula-bar" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "formula-fx" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-formula-input k-spreadsheet-array-formula" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-startexp k-syntax-at-point" }, "="), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-func" }, "Product"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-punc" }, "("), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-ref k-series-a" }, "C3:C11"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-punc" }, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-tooltip", style: { position: "absolute", display: "none" } }, "A1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-group-header", style: { display: "none" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-list-scroller" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-view" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-fixed-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-pane k-top k-left", style: { top: "0px", left: "0px", height: "100%", width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-data", style: { position: "relative", left: "32px", top: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "0px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "100px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "315px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "430px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "545px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "660px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "815px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "879px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "943px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "0px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "70px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "95px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "115px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "135px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "155px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "175px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "195px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "215px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "235px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "255px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "275px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "295px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "315px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "340px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "390px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "410px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { outline: "rgb(86, 163, 230) solid 1px", backgroundColor: "rgb(96, 181, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "32px", left: "1px", top: "1px", width: "878px", height: "69px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Invoice #52 - 06/23/2015")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "71px", width: "99px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "ID")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "101px", top: "71px", width: "214px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Product")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Quantity")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "431px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Price")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "546px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Tax")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "661px", top: "71px", width: "154px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Amount")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "71px", width: "63px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "96px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "216321")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "96px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Calzone")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "96px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "96px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$12.39"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "96px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.48"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "96px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$14.87"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-single k-spreadsheet-has-comment k-dirty-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "96px", width: "63px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-dirty" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "116px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "546897")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "116px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Margarita")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "116px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "2")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "116px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$8.79"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "116px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$3.52"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "116px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$21.10"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "116px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "136px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "456231")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "136px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Pollo Formaggio")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "136px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "136px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$13.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "136px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.80"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "136px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$16.79"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "136px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "156px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "455873")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "156px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Greek Salad")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "156px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "156px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$9.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "156px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$1.90"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "156px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$11.39"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "156px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "176px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "456892")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "176px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Spinach and Blue Cheese")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "176px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "176px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$11.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "176px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.89"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "176px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$41.36"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "176px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "196px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "546564")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "196px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Rigoletto")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "196px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "196px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$10.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "196px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.20"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "196px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$13.19"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "196px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "216px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "789455")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "216px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Creme Brulee")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "216px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "5")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "216px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "216px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "216px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$41.94"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "216px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "236px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "123002")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "236px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Radeberger Beer")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "236px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "4")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "236px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$4.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "236px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$3.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "236px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$23.95"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "236px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "256px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "564896")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "256px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Budweiser Beer")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "256px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "256px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$4.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "256px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.69"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "256px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$16.16"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "256px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "276px", width: "99px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "276px", width: "214px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "276px", width: "154px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "276px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "296px", width: "99px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "296px", width: "214px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-drawing-anchor-cell", style: { outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing k-spreadsheet-active-drawing", style: { width: "53px", height: "40px", top: "305px", left: "350px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-image", style: { backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==)", opacity: "1" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle N" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle NE" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle E" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle SE" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle S" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle SW" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle W" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle NW" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "296px", width: "154px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "296px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "316px", width: "99px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "316px", width: "214px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "316px", width: "114px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "316px", width: "114px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "12px", left: "546px", top: "316px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Tip:")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontWeight: "bold", fontSize: "12px", left: "661px", top: "316px", width: "154px", height: "24px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$20.07"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "316px", width: "63px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "341px", width: "99px", height: "49px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "341px", width: "214px", height: "49px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "20px", left: "316px", top: "341px", width: "344px", height: "49px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Total Amount:")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontWeight: "bold", fontSize: "20px", left: "661px", top: "341px", width: "154px", height: "49px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$220.82"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "341px", width: "63px", height: "49px" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-selection k-single-selection", style: { width: "216px", height: "21px", top: "135px", left: "132px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button k-spreadsheet-editor-button", style: { left: "347px", top: "135px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "calendar" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-active-cell k-top k-single", style: { outline: "rgb(86, 163, 230) solid 1px", backgroundColor: "rgb(96, 181, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "32px", left: "33px", top: "21px", width: "878px", height: "69px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Invoice #52 - 06/23/2015"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-auto-fill-wrapper" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-wrapper" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-range", style: { width: "816px", height: "206px", top: "90px", left: "32px" } }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "113px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "328px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "443px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "558px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "673px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "828px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "arrow-s" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-row-header", style: { width: "32px", top: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { width: "32px", height: "70px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "25px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "2")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "4")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "5")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "6")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "7")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "8")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "9")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "10")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "11")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "12")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "13")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "25px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "14")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "50px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "15")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "16"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-column-header", style: { top: "0px", left: "32px", width: "943px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "0px", width: "100px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "A")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "100px", width: "215px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "B")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "315px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "C")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "430px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "D")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "545px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "E")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "660px", width: "155px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "F")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "815px", width: "64px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "G")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { position: "absolute", left: "879px", width: "64px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "H")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-top-corner", style: { width: "32px", height: "20px" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-scroller" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-view-size", style: { height: "200%", width: "200%" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-clipboard" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "kendo-clipboard-9e2af5b1-fb37-4868-83b5-033657aa47e5", style: { left: "0px", top: "0px", height: "70px", width: "879px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "215px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "155px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "64px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", { style: { height: "70px" } }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, rowSpan: 1, style: { backgroundColor: "rgb(96, 181, 255)", color: "white", fontFamily: "Arial", textAlign: "center", fontSize: "32px", borderColor: "rgb(96, 181, 255)" } }, "Invoice #52 - 06/23/2015"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell-editor k-spreadsheet-formula-input", style: { whiteSpace: "pre" } }, "Invoice #52 - 06/23/2015"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-tooltip", style: { position: "absolute", display: "none" } }, "A1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-group-header", style: { display: "none" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-list-scroller" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-sheets-bar k-widget k-header" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "add", className: "k-spreadsheet-sheets-bar-add" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-sheets-items k-tabstrip-scrollable k-tabstrip k-tabstrip-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-items-wrapper k-hstack" }, /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", rounded: null, size: null, icon: "arrow-60-left", className: "k-tabstrip-prev" }), /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-tabstrip-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-active k-tab-on-top k-spreadsheet-sheets-bar-active" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Food Order"), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", icon: "close", className: "k-spreadsheet-sheets-remove k-remove-tab" })), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-spreadsheet-sheets-bar-inactive" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Balance Sheet"), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", icon: "close", className: "k-spreadsheet-sheets-remove k-remove-tab" }))), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", rounded: null, size: null, icon: "arrow-60-right", className: "k-tabstrip-next" })))))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%" }, className: "k-widget k-spreadsheet" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-quick-access-toolbar" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "undo" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "redo" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-header k-tabstrip k-tabstrip-top k-spreadsheet-tabstrip" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-items-wrapper k-hstack" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-tabstrip-items k-reset", style: { paddingLeft: "76px" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-first k-tab-on-top k-active" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Home")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Insert")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-last" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-loading k-complete" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Data")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-content k-active", style: { display: "block" } }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-spreadsheet-toolbar", resizable: true }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "folder-open", className: "k-upload-button" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "download" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "cut" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "copy" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "paste" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "bold" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "italic" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "underline" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "link-horizontal" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "comment" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "paint", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "foreground-color", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "borders-all", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Combobox, { placeholder: "Combobox..." }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Arial" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "align-left", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "text-wrap" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button-group" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "decimal-decrease" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "decimal-increase" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(DropdownList, { value: "Custom format", showValue: false, valueIconName: "custom-format" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "cells-merge", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(MenuButton, { icon: "pane-freeze", showArrow: true }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "filter" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-separator" }), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "border-no" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-action-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-name-editor" }, /* @__PURE__ */ import_react.default.createElement(Combobox, { placeholder: "Combobox..." })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-formula-bar" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "formula-fx" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-formula-input k-spreadsheet-array-formula" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-startexp k-syntax-at-point" }, "="), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-func" }, "Product"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-punc" }, "("), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-ref k-series-a" }, "C3:C11"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-syntax-punc" }, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-tooltip", style: { position: "absolute", display: "none" } }, "A1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-group-header", style: { display: "none" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-list-scroller" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-view" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-fixed-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-pane k-top k-left", style: { top: "0px", left: "0px", height: "100%", width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-data", style: { position: "relative", left: "32px", top: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "0px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "100px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "315px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "430px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "545px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "660px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "815px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "879px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-vaxis", style: { left: "943px", height: "410px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "0px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "70px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "95px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "115px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "135px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "155px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "175px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "195px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "215px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "235px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "255px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "275px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "295px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "315px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "340px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "390px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-haxis", style: { top: "410px", width: "943px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { outline: "rgb(86, 163, 230) solid 1px", backgroundColor: "rgb(96, 181, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "32px", left: "1px", top: "1px", width: "878px", height: "69px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Invoice #52 - 06/23/2015")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "71px", width: "99px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "ID")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "101px", top: "71px", width: "214px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Product")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Quantity")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "431px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Price")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "546px", top: "71px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Tax")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "661px", top: "71px", width: "154px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Amount")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(150, 193, 230) solid 1px", backgroundColor: "rgb(167, 214, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "71px", width: "63px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "96px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "216321")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "96px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Calzone")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "96px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "96px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$12.39"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "96px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.48"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "96px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$14.87"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-single k-spreadsheet-has-comment k-dirty-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "96px", width: "63px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-dirty" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "116px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "546897")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "116px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Margarita")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "116px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "2")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "116px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$8.79"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "116px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$3.52"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "116px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$21.10"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "116px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "136px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "456231")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "136px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Pollo Formaggio")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "136px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "136px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$13.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "136px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.80"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "136px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$16.79"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "136px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "156px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "455873")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "156px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Greek Salad")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "156px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "156px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$9.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "156px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$1.90"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "156px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$11.39"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "156px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "176px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "456892")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "176px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Spinach and Blue Cheese")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "176px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "176px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$11.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "176px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.89"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "176px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$41.36"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "176px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "196px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "546564")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "196px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Rigoletto")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "196px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "196px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$10.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "196px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.20"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "196px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$13.19"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "196px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "216px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "789455")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "216px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Creme Brulee")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "216px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "5")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "216px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "216px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$6.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "216px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$41.94"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "216px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "236px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "123002")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "236px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Radeberger Beer")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "236px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "4")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "236px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$4.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "236px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$3.99"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "236px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$23.95"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "236px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "1px", top: "256px", width: "99px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "564896")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "256px", width: "214px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Budweiser Beer")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "12px", left: "316px", top: "256px", width: "114px", height: "19px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "256px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$4.49"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "256px", width: "114px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$2.69"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "256px", width: "154px", height: "19px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$16.16"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "256px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "276px", width: "99px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "276px", width: "214px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "276px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "276px", width: "154px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(206, 219, 230) solid 1px", backgroundColor: "rgb(229, 243, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "276px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "296px", width: "99px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "296px", width: "214px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-drawing-anchor-cell", style: { outline: "rgb(230, 230, 230) solid 1px", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing k-spreadsheet-active-drawing", style: { width: "53px", height: "40px", top: "305px", left: "350px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-image", style: { backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==)", opacity: "1" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle N" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle NE" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle E" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle SE" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle S" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle SW" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle W" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-drawing-handle NW" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "546px", top: "296px", width: "114px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "661px", top: "296px", width: "154px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(230, 230, 230) solid 1px", backgroundColor: "rgb(255, 255, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "296px", width: "63px", height: "19px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "316px", width: "99px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "316px", width: "214px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "316px", top: "316px", width: "114px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "431px", top: "316px", width: "114px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "12px", left: "546px", top: "316px", width: "114px", height: "24px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Tip:")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontWeight: "bold", fontSize: "12px", left: "661px", top: "316px", width: "154px", height: "24px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$20.07"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "316px", width: "63px", height: "24px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "1px", top: "341px", width: "99px", height: "49px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "101px", top: "341px", width: "214px", height: "49px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-merged-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "right", fontSize: "20px", left: "316px", top: "341px", width: "344px", height: "49px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Total Amount:")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontWeight: "bold", fontSize: "20px", left: "661px", top: "341px", width: "154px", height: "49px", textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$220.82"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell", style: { outline: "rgb(174, 203, 230) solid 1px", backgroundColor: "rgb(193, 226, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", fontSize: "12px", left: "816px", top: "341px", width: "63px", height: "49px" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-selection k-single-selection", style: { width: "216px", height: "21px", top: "135px", left: "132px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-button k-spreadsheet-editor-button", style: { left: "347px", top: "135px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "calendar" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell k-spreadsheet-active-cell k-top k-single", style: { outline: "rgb(86, 163, 230) solid 1px", backgroundColor: "rgb(96, 181, 255)", color: "rgb(0, 62, 117)", fontFamily: "Arial", textAlign: "center", fontSize: "32px", left: "33px", top: "21px", width: "878px", height: "69px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-bottom" }, "Invoice #52 - 06/23/2015"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-auto-fill-wrapper" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-wrapper" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-filter-range", style: { width: "816px", height: "206px", top: "90px", left: "32px" } }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "113px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "328px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "443px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "558px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "673px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spreadsheet-filter", style: { left: "828px", top: "93px" } }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-row-header", style: { width: "32px", top: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { width: "32px", height: "70px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "1")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "25px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "2")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "3")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "4")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "5")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "6")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "7")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "8")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "9")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "10")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "11")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "12")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "13")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "25px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "14")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "50px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "15")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { width: "32px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "16"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-column-header", style: { top: "0px", left: "32px", width: "943px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "0px", width: "100px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "A")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "100px", width: "215px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "B")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "315px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "C")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "430px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "D")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "545px", width: "115px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "E")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "660px", width: "155px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "F")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-partial", style: { position: "absolute", left: "815px", width: "64px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "G")), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-selection-none", style: { position: "absolute", left: "879px", width: "64px", height: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-vertical-align-center" }, "H")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-top-corner", style: { width: "32px", height: "20px" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-scroller" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-view-size", style: { height: "200%", width: "200%" } })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-clipboard" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "kendo-clipboard-9e2af5b1-fb37-4868-83b5-033657aa47e5", style: { left: "0px", top: "0px", height: "70px", width: "879px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "100px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "215px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "115px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "155px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "64px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", { style: { height: "70px" } }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, rowSpan: 1, style: { backgroundColor: "rgb(96, 181, 255)", color: "white", fontFamily: "Arial", textAlign: "center", fontSize: "32px", borderColor: "rgb(96, 181, 255)" } }, "Invoice #52 - 06/23/2015"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-cell-editor k-spreadsheet-formula-input", style: { whiteSpace: "pre" } }, "Invoice #52 - 06/23/2015"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-tooltip", style: { position: "absolute", display: "none" } }, "A1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-group-header", style: { display: "none" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-list-scroller" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-sheets-bar k-widget k-header" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "add", className: "k-spreadsheet-sheets-bar-add" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-spreadsheet-sheets-items k-tabstrip-scrollable k-tabstrip k-tabstrip-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-tabstrip-items-wrapper k-hstack" }, /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", rounded: null, size: null, icon: "caret-alt-left", className: "k-tabstrip-prev" }), /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-tabstrip-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-active k-tab-on-top k-spreadsheet-sheets-bar-active" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Food Order"), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", icon: "close", className: "k-spreadsheet-sheets-remove k-remove-tab" })), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-item k-spreadsheet-sheets-bar-inactive" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, "Balance Sheet"), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", icon: "close", className: "k-spreadsheet-sheets-remove k-remove-tab" }))), /* @__PURE__ */ import_react.default.createElement(Button, { fillMode: "flat", rounded: null, size: null, icon: "caret-alt-right", className: "k-tabstrip-next" })))))))
   );
 })();
 //# sourceMappingURL=spreadsheet.js.map