@progress/kendo-themes-html 7.0.1-dev.1 → 7.0.2-dev.0

package/dist/esm/grid/tests/grid-row-reordering.js

@@ -7902,20 +7902,32 @@ ToolbarPopup.options = options47;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps44;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 import { jsx as jsx115 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 import { jsx as jsx116 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 import { jsx as jsx117 } from "react/jsx-runtime";
 
+// src/split-button/templates/split-button-popup.tsx
+import { jsx as jsx118, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-normal.tsx
+import { Fragment as Fragment29, jsx as jsx119, jsxs as jsxs49 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-resizable.tsx
+import { jsx as jsx120 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+import { jsx as jsx121 } from "react/jsx-runtime";
+
 // src/toolbar/templates/toolbar-angular-resizable.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 
 // src/table/data-table.spec.tsx
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var DATATABLE_CLASSNAME = `k-data-table`;
 var states50 = [];
 var options48 = {
@@ -7929,7 +7941,7 @@ var DataTable = (props) => {
     size = defaultProps45.size,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       ...other,
@@ -7950,16 +7962,16 @@ DataTable.className = DATATABLE_CLASSNAME;
 DataTable.defaultProps = defaultProps45;
 
 // src/table/table-header.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 
 // src/table/table-body.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 
 // src/table/table-footer.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 
 // src/table/table.spec.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var TABLE_CLASSNAME = `k-table`;
 var states51 = [];
 var options49 = {
@@ -7971,7 +7983,7 @@ var Table = (props) => {
     size,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx127(
     "table",
     {
       ...other,
@@ -7992,7 +8004,7 @@ Table.className = TABLE_CLASSNAME;
 Table.defaultProps = defaultProps46;
 
 // src/table/table-list.spec.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var TABLELIST_CLASSNAME = `k-table-list`;
 var states52 = [];
 var options50 = {
@@ -8005,7 +8017,7 @@ var TableList = (props) => {
     virtualization,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx128(
     "ul",
     {
       ...other,
@@ -8030,9 +8042,9 @@ TableList.className = TABLELIST_CLASSNAME;
 TableList.defaultProps = defaultProps47;
 
 // src/table/table-thead.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var className13 = `k-table-thead`;
-var TableThead = (props) => /* @__PURE__ */ jsx125(
+var TableThead = (props) => /* @__PURE__ */ jsx129(
   "thead",
   {
     className: classNames(
@@ -8044,9 +8056,9 @@ var TableThead = (props) => /* @__PURE__ */ jsx125(
 );
 
 // src/table/table-tbody.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var className14 = `k-table-tbody`;
-var TableTbody = (props) => /* @__PURE__ */ jsx126(
+var TableTbody = (props) => /* @__PURE__ */ jsx130(
   "tbody",
   {
     className: classNames(
@@ -8058,10 +8070,10 @@ var TableTbody = (props) => /* @__PURE__ */ jsx126(
 );
 
 // src/table/table-tfoot.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 
 // src/table/table-row.tsx
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var TABLEROW_CLASSNAME = `k-table-row`;
 var states53 = [
   States.hover,
@@ -8078,7 +8090,7 @@ var TableRow = (props) => {
     alt,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx132(
     "tr",
     {
       ...other,
@@ -8101,7 +8113,7 @@ var TableRow = (props) => {
 };
 
 // src/table/table-list-row.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 var states54 = [
   States.hover,
   States.focus,
@@ -8110,7 +8122,7 @@ var states54 = [
 ];
 
 // src/table/table-th.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx134 } from "react/jsx-runtime";
 var className15 = `k-table-th`;
 var TableTh = (props) => {
   const {
@@ -8119,7 +8131,7 @@ var TableTh = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsx134(
     "th",
     {
       colSpan: colspan,
@@ -8134,10 +8146,10 @@ var TableTh = (props) => {
 };
 
 // src/table/table-list-th.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx135 } from "react/jsx-runtime";
 
 // src/table/table-td.tsx
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx136 } from "react/jsx-runtime";
 var className16 = `k-table-td`;
 var TableTd = (props) => {
   const {
@@ -8146,7 +8158,7 @@ var TableTd = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx136(
     "td",
     {
       colSpan: colspan,
@@ -8161,119 +8173,119 @@ var TableTd = (props) => {
 };
 
 // src/table/table-list-td.tsx
-import { jsx as jsx133 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 
 // src/table/table-group-header.tsx
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 
 // src/table/table-group-sticky-header.tsx
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 
 // src/table/table-group-row.tsx
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx140 } from "react/jsx-runtime";
 
 // src/table/table-list-group-row.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 
 // src/table/templates/table-list.tsx
-import { jsx as jsx138, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs50 } from "react/jsx-runtime";
 
 // src/table/templates/table-list-virtualization.tsx
-import { jsx as jsx139, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs51 } from "react/jsx-runtime";
 
 // src/table/templates/data-table-normal.tsx
-import { jsx as jsx140, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs52 } from "react/jsx-runtime";
 
 // src/table/templates/table-native.tsx
-import { jsx as jsx141, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs53 } from "react/jsx-runtime";
 
 // src/grid/tests/grid-row-reordering.tsx
-import { Fragment as Fragment29, jsx as jsx142, jsxs as jsxs52 } from "react/jsx-runtime";
-var grid_row_reordering_default = () => /* @__PURE__ */ jsx142(Fragment29, { children: /* @__PURE__ */ jsx142("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx142("section", { children: /* @__PURE__ */ jsxs52("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
-  /* @__PURE__ */ jsx142(Toolbar, { className: "k-grid-toolbar", children: /* @__PURE__ */ jsx142(Button, { className: "k-toolbar-button", themeColor: "primary", children: "Add New" }) }),
-  /* @__PURE__ */ jsx142("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx142("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs52(Table, { size: "medium", className: "k-grid-header-table", children: [
-    /* @__PURE__ */ jsxs52("colgroup", { children: [
-      /* @__PURE__ */ jsx142("col", { className: "k-drag-col" }),
-      /* @__PURE__ */ jsx142("col", {}),
-      /* @__PURE__ */ jsx142("col", {})
+import { Fragment as Fragment30, jsx as jsx146, jsxs as jsxs54 } from "react/jsx-runtime";
+var grid_row_reordering_default = () => /* @__PURE__ */ jsx146(Fragment30, { children: /* @__PURE__ */ jsx146("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx146("section", { children: /* @__PURE__ */ jsxs54("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+  /* @__PURE__ */ jsx146(Toolbar, { className: "k-grid-toolbar", children: /* @__PURE__ */ jsx146(Button, { className: "k-toolbar-button", themeColor: "primary", children: "Add New" }) }),
+  /* @__PURE__ */ jsx146("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx146("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs54(Table, { size: "medium", className: "k-grid-header-table", children: [
+    /* @__PURE__ */ jsxs54("colgroup", { children: [
+      /* @__PURE__ */ jsx146("col", { className: "k-drag-col" }),
+      /* @__PURE__ */ jsx146("col", {}),
+      /* @__PURE__ */ jsx146("col", {})
     ] }),
-    /* @__PURE__ */ jsx142(TableThead, { children: /* @__PURE__ */ jsxs52(TableRow, { children: [
-      /* @__PURE__ */ jsx142(TableTh, { className: "k-drag-cell k-header" }),
-      /* @__PURE__ */ jsx142(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs52("span", { className: "k-cell-inner", children: [
-        /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-          /* @__PURE__ */ jsx142("span", { className: "k-column-title", children: "Product Id" }),
-          /* @__PURE__ */ jsx142("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx142(Icon, { icon: "sort-asc-small" }) })
+    /* @__PURE__ */ jsx146(TableThead, { children: /* @__PURE__ */ jsxs54(TableRow, { children: [
+      /* @__PURE__ */ jsx146(TableTh, { className: "k-drag-cell k-header" }),
+      /* @__PURE__ */ jsx146(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs54("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+          /* @__PURE__ */ jsx146("span", { className: "k-column-title", children: "Product Id" }),
+          /* @__PURE__ */ jsx146("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx146(Icon, { icon: "sort-asc-small" }) })
         ] }),
-        /* @__PURE__ */ jsx142("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx142(Icon, { icon: "more-vertical" }) })
+        /* @__PURE__ */ jsx146("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx146(Icon, { icon: "more-vertical" }) })
       ] }) }),
-      /* @__PURE__ */ jsx142(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs52("span", { className: "k-cell-inner", children: [
-        /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-          /* @__PURE__ */ jsx142("span", { className: "k-column-title", children: "Unit Price" }),
-          /* @__PURE__ */ jsx142("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx142(Icon, { icon: "sort-asc-small" }) })
+      /* @__PURE__ */ jsx146(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs54("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+          /* @__PURE__ */ jsx146("span", { className: "k-column-title", children: "Unit Price" }),
+          /* @__PURE__ */ jsx146("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx146(Icon, { icon: "sort-asc-small" }) })
         ] }),
-        /* @__PURE__ */ jsx142("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx142(Icon, { icon: "more-vertical" }) })
+        /* @__PURE__ */ jsx146("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx146(Icon, { icon: "more-vertical" }) })
       ] }) }),
-      /* @__PURE__ */ jsx142(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs52("span", { className: "k-cell-inner", children: [
-        /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-          /* @__PURE__ */ jsx142("span", { className: "k-column-title", children: "Discontinued" }),
-          /* @__PURE__ */ jsx142("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx142(Icon, { icon: "sort-asc-small" }) })
+      /* @__PURE__ */ jsx146(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs54("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+          /* @__PURE__ */ jsx146("span", { className: "k-column-title", children: "Discontinued" }),
+          /* @__PURE__ */ jsx146("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx146(Icon, { icon: "sort-asc-small" }) })
         ] }),
-        /* @__PURE__ */ jsx142("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx142(Icon, { icon: "more-vertical" }) })
+        /* @__PURE__ */ jsx146("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx146(Icon, { icon: "more-vertical" }) })
       ] }) }),
-      /* @__PURE__ */ jsx142(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs52("span", { className: "k-cell-inner", children: [
-        /* @__PURE__ */ jsxs52("span", { className: "k-link", children: [
-          /* @__PURE__ */ jsx142("span", { className: "k-column-title", children: "Category" }),
-          /* @__PURE__ */ jsx142("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx142(Icon, { icon: "sort-asc-small" }) })
+      /* @__PURE__ */ jsx146(TableTh, { className: "k-header k-sorted", children: /* @__PURE__ */ jsxs54("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsxs54("span", { className: "k-link", children: [
+          /* @__PURE__ */ jsx146("span", { className: "k-column-title", children: "Category" }),
+          /* @__PURE__ */ jsx146("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx146(Icon, { icon: "sort-asc-small" }) })
         ] }),
-        /* @__PURE__ */ jsx142("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx142(Icon, { icon: "more-vertical" }) })
+        /* @__PURE__ */ jsx146("a", { href: "#", className: "k-grid-header-menu k-grid-column-menu", children: /* @__PURE__ */ jsx146(Icon, { icon: "more-vertical" }) })
       ] }) })
     ] }) })
   ] }) }) }),
-  /* @__PURE__ */ jsx142("div", { className: "k-grid-content", children: /* @__PURE__ */ jsxs52(Table, { size: "medium", className: "k-grid-table", children: [
-    /* @__PURE__ */ jsxs52("colgroup", { children: [
-      /* @__PURE__ */ jsx142("col", { className: "k-drag-col" }),
-      /* @__PURE__ */ jsx142("col", {}),
-      /* @__PURE__ */ jsx142("col", {})
+  /* @__PURE__ */ jsx146("div", { className: "k-grid-content", children: /* @__PURE__ */ jsxs54(Table, { size: "medium", className: "k-grid-table", children: [
+    /* @__PURE__ */ jsxs54("colgroup", { children: [
+      /* @__PURE__ */ jsx146("col", { className: "k-drag-col" }),
+      /* @__PURE__ */ jsx146("col", {}),
+      /* @__PURE__ */ jsx146("col", {})
     ] }),
-    /* @__PURE__ */ jsxs52(TableTbody, { children: [
-      /* @__PURE__ */ jsxs52(TableRow, { className: "k-master-row", children: [
-        /* @__PURE__ */ jsx142(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx142(Icon, { icon: "reorder" }) }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Chef Anton's Gumbo" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "21.35" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "0" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Condiments" })
+    /* @__PURE__ */ jsxs54(TableTbody, { children: [
+      /* @__PURE__ */ jsxs54(TableRow, { className: "k-master-row", children: [
+        /* @__PURE__ */ jsx146(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx146(Icon, { icon: "reorder" }) }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Chef Anton's Gumbo" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "21.35" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "0" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Condiments" })
       ] }),
-      /* @__PURE__ */ jsxs52(TableRow, { alt: true, children: [
-        /* @__PURE__ */ jsx142(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx142(Icon, { icon: "reorder" }) }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Alice Mutton" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "39" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "0" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Meat/Poultry" })
+      /* @__PURE__ */ jsxs54(TableRow, { alt: true, children: [
+        /* @__PURE__ */ jsx146(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx146(Icon, { icon: "reorder" }) }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Alice Mutton" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "39" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "0" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Meat/Poultry" })
       ] }),
-      /* @__PURE__ */ jsxs52(TableRow, { className: "k-master-row", children: [
-        /* @__PURE__ */ jsx142(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx142(Icon, { icon: "reorder" }) }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Singaporean Hokkien Fried Mee" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "123.79" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "1" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Meat/Poultry" })
+      /* @__PURE__ */ jsxs54(TableRow, { className: "k-master-row", children: [
+        /* @__PURE__ */ jsx146(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx146(Icon, { icon: "reorder" }) }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Singaporean Hokkien Fried Mee" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "123.79" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "1" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Meat/Poultry" })
       ] }),
-      /* @__PURE__ */ jsxs52(TableRow, { alt: true, children: [
-        /* @__PURE__ */ jsx142(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx142(Icon, { icon: "reorder" }) }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Gorgonzola Telino" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "12.5" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "0" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Meat/Poultry" })
+      /* @__PURE__ */ jsxs54(TableRow, { alt: true, children: [
+        /* @__PURE__ */ jsx146(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx146(Icon, { icon: "reorder" }) }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Gorgonzola Telino" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "12.5" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "0" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Meat/Poultry" })
       ] }),
-      /* @__PURE__ */ jsxs52(TableRow, { className: "k-master-row", children: [
-        /* @__PURE__ */ jsx142(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx142(Icon, { icon: "reorder" }) }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Perth Pasties" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "32.8" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "0" }),
-        /* @__PURE__ */ jsx142(TableTd, { children: "Meat/Poultry" })
+      /* @__PURE__ */ jsxs54(TableRow, { className: "k-master-row", children: [
+        /* @__PURE__ */ jsx146(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx146(Icon, { icon: "reorder" }) }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Perth Pasties" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "32.8" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "0" }),
+        /* @__PURE__ */ jsx146(TableTd, { children: "Meat/Poultry" })
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ jsx142(Pager, { refresh: false, className: "k-grid-pager" })
+  /* @__PURE__ */ jsx146(Pager, { refresh: false, className: "k-grid-pager" })
 ] }) }) }) });
 export {
   grid_row_reordering_default as default