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

package/dist/cjs/grid/tests/grid-grouping.js

@@ -7652,20 +7652,32 @@ ToolbarPopup.options = options46;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps43;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 var import_jsx_runtime110 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-resizable.tsx
+// src/split-button/templates/split-button-popup.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
 
-// src/chip/chip-action.tsx
+// src/toolbar/templates/toolbar-normal.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-resizable.tsx
+var import_jsx_runtime115 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+var import_jsx_runtime116 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-resizable.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
+
+// src/chip/chip-action.tsx
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var CHIPACTION_CLASSNAME = `k-chip-action`;
 var ChipAction = (props) => {
   const {
@@ -7675,15 +7687,15 @@ var ChipAction = (props) => {
   let icon;
   switch (type) {
     case "remove" /* REMOVE */:
-      icon = /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { icon: "x-circle", size: "small" });
+      icon = /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { icon: "x-circle", size: "small" });
       break;
     case "more" /* MORE */:
-      icon = /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { icon: "more-vertical", size: "small" });
+      icon = /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { icon: "more-vertical", size: "small" });
       break;
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Icon, { icon: type, size: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { icon: type, size: "small" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "span",
     {
       ...other,
@@ -7698,7 +7710,7 @@ var ChipAction = (props) => {
 };
 
 // src/avatar/avatar.spec.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var AVATAR_CLASSNAME = `k-avatar`;
 var states49 = [
   States.hover,
@@ -7743,7 +7755,7 @@ var Avatar = (props) => {
     border = defaultProps44.border,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     "div",
     {
       ...other,
@@ -7760,7 +7772,7 @@ var Avatar = (props) => {
           [`${AVATAR_CLASSNAME}-bordered`]: border
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: `${AVATAR_CLASSNAME}-${type}`, children: props.children })
     }
   );
 };
@@ -7770,16 +7782,16 @@ Avatar.className = AVATAR_CLASSNAME;
 Avatar.defaultProps = defaultProps44;
 
 // src/avatar/templates/avatar-icon.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 
 // src/avatar/templates/avatar-text.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 
 // src/avatar/templates/avatar-image.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 
 // src/chip/chip.spec.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var CHIP_CLASSNAME = `k-chip`;
 var states50 = [
   States.hover,
@@ -7823,7 +7835,7 @@ var Chip = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "div",
     {
       ...other,
@@ -7845,10 +7857,10 @@ var Chip = (props) => {
         })
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
-        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
-        actions && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "k-chip-actions", children: actions })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { className: "k-chip-icon", icon, size: "small" }),
+        showAvatar && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Avatar, { className: "k-chip-avatar", type: "image", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("img", { src: "/packages/html/assets/avatar.jpg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "k-chip-content", children: props.children ? props.children : text && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "k-chip-label k-text-ellipsis", children: text }) }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "k-chip-actions", children: actions })
       ]
     }
   );
@@ -7859,7 +7871,7 @@ Chip.className = CHIP_CLASSNAME;
 Chip.defaultProps = defaultProps45;
 
 // src/chip/chip-list.spec.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var CHIPLIST_CLASSNAME = `k-chip-list`;
 var states51 = [];
 var options49 = {
@@ -7873,7 +7885,7 @@ var ChipList = (props) => {
     size = defaultProps46.size,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "div",
     {
       ...other,
@@ -7894,19 +7906,19 @@ ChipList.className = CHIPLIST_CLASSNAME;
 ChipList.defaultProps = defaultProps46;
 
 // src/chip/templates/chip-avatar.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-icon.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-normal.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 
 // src/chip/templates/chip-removable.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 
 // src/grid/tests/grid-grouping.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var styles = `
     .k-grouping-header .k-grouping-dropclue {
         left: 0;
@@ -7915,229 +7927,229 @@ var styles = `
         position: relative;
     }
 `;
-var grid_grouping_default = () => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "angular no grouping" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "jquery no grouping" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { children: "Button" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(ButtonGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "bold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "italic" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "underline" })
+var grid_grouping_default = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "angular no grouping" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "jquery no grouping" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Button" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ButtonGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "bold" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "italic" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "underline" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grouping-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-dropclue" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-drop-container", children: "Drag a column header and drop it here to group by that column" })
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grouping-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-dropclue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-drop-container", children: "Drag a column header and drop it here to group by that column" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid-aria-root", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid-aria-root", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-content k-virtual-content", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content k-virtual-content", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "Chai" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "false" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "15" })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "Chai" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "false" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "15" })
           ] }) })
         ] }) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { children: "Button" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-button-group", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "bold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "italic" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "underline" })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Button" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-button-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "bold" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "italic" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "underline" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grouping-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-dropclue" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-drop-container", children: "Drag a column header and drop it here to group by that column" })
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grouping-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-dropclue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-drop-container", children: "Drag a column header and drop it here to group by that column" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
         ] }) })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "Chai" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "30" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "false" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "Chai" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "30" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "false" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "15" })
         ] }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "angular with grouping" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "jquery with grouping" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { children: "Button" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(ButtonGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "bold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "italic" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "underline" })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "angular with grouping" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "jquery with grouping" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Button" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ButtonGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "bold" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "italic" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "underline" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grouping-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-dropclue" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(ChipList, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" }), children: "Price" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" }), children: "Name" })
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grouping-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-dropclue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ChipList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" }), children: "Price" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" }), children: "Name" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-drop-container" })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-drop-container" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid-aria-root", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", { className: "k-group-col" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid-aria-root", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-group-col" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-group-cell k-header" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Discontinued" }) }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-group-cell k-header" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Discontinued" }) }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-content k-virtual-content", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", { className: "k-group-col" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content k-virtual-content", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-group-col" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tbody", { className: "k-table-tbody", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "k-reset", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tbody", { className: "k-table-tbody", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "k-reset", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
               "Price: 19"
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "k-reset", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-down" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "k-reset", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-down" }),
               "Price: 30"
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td k-table-group-td k-group-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "Chai" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "30" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "false" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "15" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td k-table-group-td k-group-cell" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "Chai" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "30" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "false" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "15" })
             ] })
           ] })
         ] }) }) }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar k-grid-display-block", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { children: "Button" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(ButtonGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "bold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "italic" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { icon: "underline" })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid k-grid-md k-grid-no-scrollbar k-grid-display-block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-grid-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { children: "Button" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ButtonGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "bold" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "italic" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { icon: "underline" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grouping-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-dropclue" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(ChipList, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" }), children: "Price" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" }), children: "Name" })
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grouping-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-dropclue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(ChipList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Chip, { icon: "sort-asc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" }), children: "Price" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Chip, { icon: "sort-desc-small", actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" }), children: "Name" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grouping-drop-container" })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grouping-drop-container" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", { className: "k-group-col" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-group-col" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-group-cell k-header", scope: "col" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-group-cell k-header", scope: "col" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Available" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "Units" }) }) }) })
         ] }) })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-table", style: { height: "auto" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", { className: "k-group-col" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table", style: { height: "auto" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", { className: "k-group-col" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "k-reset", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "k-reset", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
             "Price: 19"
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "k-reset", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-down" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tr", { className: "k-table-row k-table-group-row k-grouping-row", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", colSpan: 5, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "k-reset", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-down" }),
             "Price: 30"
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td k-table-group-td k-group-cell", children: "\xA0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "Chai" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "false" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "15" })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td k-table-group-td k-group-cell", children: "\xA0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "Chai" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "false" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "15" })
           ] })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "angular grid drag clue" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "jquery grid drag clue" }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("section", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-header k-drag-clue", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { className: "k-drag-status", icon: "cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "angular grid drag clue" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "jquery grid drag clue" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("section", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-header k-drag-clue", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-drag-status", icon: "cancel" }),
       "Drag clue"
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("section", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-header k-drag-clue k-group-clue", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { className: "k-drag-status", icon: "plus" }),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("section", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-header k-drag-clue k-group-clue", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { className: "k-drag-status", icon: "plus" }),
       "Drag clue"
     ] }) })
   ] })