@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

package/dist/esm/grid/tests/grid-angular.js

@@ -5974,201 +5974,211 @@ Skeleton.options = options26;
 Skeleton.className = SKELETON_CLASSNAME;
 Skeleton.defaultProps = defaultProps24;
 
+// src/skeleton/templates/skeleton-normal.tsx
+import { jsx as jsx61 } from "react/jsx-runtime";
+var SkeletonNormal = (props) => /* @__PURE__ */ jsx61(Skeleton, { ...props });
+
+// src/skeleton/templates/skeleton-rectangle.tsx
+import { jsx as jsx62 } from "react/jsx-runtime";
+
+// src/skeleton/templates/skeleton-circle.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+
 // src/grid/tests/grid-angular.tsx
-import { Fragment as Fragment16, jsx as jsx61, jsxs as jsxs23 } from "react/jsx-runtime";
-var grid_angular_default = () => /* @__PURE__ */ jsx61(Fragment16, { children: /* @__PURE__ */ jsxs23("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-  /* @__PURE__ */ jsx61("span", { className: "col-3", children: "Angular grid" }),
-  /* @__PURE__ */ jsx61("section", { className: "col-3", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
+import { Fragment as Fragment16, jsx as jsx64, jsxs as jsxs23 } from "react/jsx-runtime";
+var grid_angular_default = () => /* @__PURE__ */ jsx64(Fragment16, { children: /* @__PURE__ */ jsxs23("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
+  /* @__PURE__ */ jsx64("span", { className: "col-3", children: "Angular grid" }),
+  /* @__PURE__ */ jsx64("section", { className: "col-3", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", children: [
     /* @__PURE__ */ jsxs23("div", { className: "k-grid-aria-root", children: [
-      /* @__PURE__ */ jsx61("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx61("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ jsx64("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx64("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
         /* @__PURE__ */ jsxs23("colgroup", { children: [
-          /* @__PURE__ */ jsx61("col", { style: { width: "100px" } }),
-          /* @__PURE__ */ jsx61("col", {})
+          /* @__PURE__ */ jsx64("col", { style: { width: "100px" } }),
+          /* @__PURE__ */ jsx64("col", {})
         ] }),
-        /* @__PURE__ */ jsx61("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx61("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "100px" }) }) }) }),
-          /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx61("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "no width" }) }) }) })
+        /* @__PURE__ */ jsx64("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx64("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "100px" }) }) }) }),
+          /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx64("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "no width" }) }) }) })
         ] }) })
       ] }) }) }),
-      /* @__PURE__ */ jsx61("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
-        /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
+      /* @__PURE__ */ jsx64("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
+        /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
           /* @__PURE__ */ jsxs23("colgroup", { children: [
-            /* @__PURE__ */ jsx61("col", { style: { width: "100px" } }),
-            /* @__PURE__ */ jsx61("col", {})
+            /* @__PURE__ */ jsx64("col", { style: { width: "100px" } }),
+            /* @__PURE__ */ jsx64("col", {})
           ] }),
           /* @__PURE__ */ jsxs23("tbody", { className: "k-table-tbody", children: [
             /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "1" }),
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Row" })
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "1" }),
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Row" })
             ] }),
             /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "2" }),
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Alt row" })
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "2" }),
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Alt row" })
             ] }),
             /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "3" }),
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment." })
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "3" }),
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "This text continues to the end of the grid to test overflow behavior of row contents, as well as line height and vertical alignment." })
             ] }),
             /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-alt", children: [
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "4" }),
-              /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: /* @__PURE__ */ jsx61(Skeleton, { animation: false }) })
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "4" }),
+              /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: /* @__PURE__ */ jsx64(SkeletonNormal, { animation: false }) })
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx61("div", { className: "k-height-container", children: /* @__PURE__ */ jsx61("div", { style: { height: "0px" } }) })
+        /* @__PURE__ */ jsx64("div", { className: "k-height-container", children: /* @__PURE__ */ jsx64("div", { style: { height: "0px" } }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx61(Pager, { className: "k-grid-pager" })
+    /* @__PURE__ */ jsx64(Pager, { className: "k-grid-pager" })
   ] }) }),
-  /* @__PURE__ */ jsx61("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
-  /* @__PURE__ */ jsx61("section", { className: "col-3", children: /* @__PURE__ */ jsx61("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-aria-root", children: [
-    /* @__PURE__ */ jsx61("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx61("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
+  /* @__PURE__ */ jsx64("span", { className: "col-3", children: "Angular -- fixed height, hierarchy, filter menu, sort icon" }),
+  /* @__PURE__ */ jsx64("section", { className: "col-3", children: /* @__PURE__ */ jsx64("div", { className: "k-grid k-grid-md k-grid-no-scrollbar", style: { height: "240px" }, children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-aria-root", children: [
+    /* @__PURE__ */ jsx64("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx64("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
       /* @__PURE__ */ jsxs23("colgroup", { children: [
-        /* @__PURE__ */ jsx61("col", { className: "k-hierarchy-col" }),
-        /* @__PURE__ */ jsx61("col", { style: { width: "80px" } }),
-        /* @__PURE__ */ jsx61("col", {}),
-        /* @__PURE__ */ jsx61("col", {}),
-        /* @__PURE__ */ jsx61("col", {}),
-        /* @__PURE__ */ jsx61("col", {})
+        /* @__PURE__ */ jsx64("col", { className: "k-hierarchy-col" }),
+        /* @__PURE__ */ jsx64("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ jsx64("col", {}),
+        /* @__PURE__ */ jsx64("col", {}),
+        /* @__PURE__ */ jsx64("col", {}),
+        /* @__PURE__ */ jsx64("col", {})
       ] }),
-      /* @__PURE__ */ jsx61("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-hierarchy-cell" }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header" }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Default" }) }),
-          /* @__PURE__ */ jsx61("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx61(Icon, { icon: "filter" }) })
+      /* @__PURE__ */ jsx64("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-hierarchy-cell" }),
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header" }),
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Default" }) }),
+          /* @__PURE__ */ jsx64("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx64(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Hover" }) }),
-          /* @__PURE__ */ jsx61("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx61(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Hover" }) }),
+          /* @__PURE__ */ jsx64("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx64(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Focus" }) }),
-          /* @__PURE__ */ jsx61("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx61(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-filterable k-focus", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Focus" }) }),
+          /* @__PURE__ */ jsx64("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx64(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
-          /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Active" }) }),
-          /* @__PURE__ */ jsx61("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ jsx61(Icon, { icon: "filter" }) })
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-filterable", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
+          /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Active" }) }),
+          /* @__PURE__ */ jsx64("a", { className: "k-grid-filter-menu k-grid-header-menu k-active", children: /* @__PURE__ */ jsx64(Icon, { icon: "filter" }) })
         ] }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header k-filterable k-sorted", children: /* @__PURE__ */ jsxs23("span", { className: "k-cell-inner", children: [
           /* @__PURE__ */ jsxs23("span", { className: "k-link", children: [
-            /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Sorted" }),
-            /* @__PURE__ */ jsx61("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx61(Icon, { icon: "sort-asc-small" }) })
+            /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Sorted" }),
+            /* @__PURE__ */ jsx64("span", { className: "k-sort-icon", children: /* @__PURE__ */ jsx64(Icon, { icon: "sort-asc-small" }) })
           ] }),
-          /* @__PURE__ */ jsx61("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx61(Icon, { icon: "filter" }) })
+          /* @__PURE__ */ jsx64("a", { className: "k-grid-filter-menu k-grid-header-menu", children: /* @__PURE__ */ jsx64(Icon, { icon: "filter" }) })
         ] }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx61("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ jsx61("div", { children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
+    /* @__PURE__ */ jsx64("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
         /* @__PURE__ */ jsxs23("colgroup", { children: [
-          /* @__PURE__ */ jsx61("col", { className: "k-hierarchy-col" }),
-          /* @__PURE__ */ jsx61("col", { style: { width: "80px" } }),
-          /* @__PURE__ */ jsx61("col", {}),
-          /* @__PURE__ */ jsx61("col", {}),
-          /* @__PURE__ */ jsx61("col", {}),
-          /* @__PURE__ */ jsx61("col", {})
+          /* @__PURE__ */ jsx64("col", { className: "k-hierarchy-col" }),
+          /* @__PURE__ */ jsx64("col", { style: { width: "80px" } }),
+          /* @__PURE__ */ jsx64("col", {}),
+          /* @__PURE__ */ jsx64("col", {}),
+          /* @__PURE__ */ jsx64("col", {}),
+          /* @__PURE__ */ jsx64("col", {})
         ] }),
         /* @__PURE__ */ jsxs23("tbody", { className: "k-table-tbody", children: [
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row k-expanded", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx61(Icon, { icon: "minus" }) }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx64(Icon, { icon: "minus" }) }),
             /* @__PURE__ */ jsxs23("td", { className: "k-table-td", children: [
-              /* @__PURE__ */ jsx61(Checkbox, {}),
-              /* @__PURE__ */ jsx61("label", { className: "k-checkbox-label" })
+              /* @__PURE__ */ jsx64(Checkbox, {}),
+              /* @__PURE__ */ jsx64("label", { className: "k-checkbox-label" })
             ] }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "1" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "1" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" })
           ] }),
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-detail-row", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td k-hierarchy-cell" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ jsx61("div", { style: { padding: "10px" }, children: "Nested content" }) })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td k-hierarchy-cell" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td k-detail-cell", colSpan: 6, children: /* @__PURE__ */ jsx64("div", { style: { padding: "10px" }, children: "Nested content" }) })
           ] }),
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx61(Icon, { icon: "plus" }) }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td k-hierarchy-cell", children: /* @__PURE__ */ jsx64(Icon, { icon: "plus" }) }),
             /* @__PURE__ */ jsxs23("td", { className: "k-table-td", children: [
-              /* @__PURE__ */ jsx61(Checkbox, {}),
-              /* @__PURE__ */ jsx61("label", { className: "k-checkbox-label" })
+              /* @__PURE__ */ jsx64(Checkbox, {}),
+              /* @__PURE__ */ jsx64("label", { className: "k-checkbox-label" })
             ] }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "2" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Text" })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "2" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Text" })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx61("div", { className: "k-height-container", children: /* @__PURE__ */ jsx61("div", {}) })
+      /* @__PURE__ */ jsx64("div", { className: "k-height-container", children: /* @__PURE__ */ jsx64("div", {}) })
     ] }) })
   ] }) }) }),
-  /* @__PURE__ */ jsx61("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
-  /* @__PURE__ */ jsx61("section", { className: "col-2", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid k-grid-md", children: [
+  /* @__PURE__ */ jsx64("span", { className: "col-3", children: "Angular -- standalone column chooser" }),
+  /* @__PURE__ */ jsx64("section", { className: "col-2", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid k-grid-md", children: [
     /* @__PURE__ */ jsxs23("div", { className: "k-toolbar k-grid-toolbar", children: [
-      /* @__PURE__ */ jsx61("div", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx61("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ jsx61(Button, { fillMode: "flat", icon: "columns" }) })
+      /* @__PURE__ */ jsx64("div", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx64("div", { className: "k-grid-column-chooser", children: /* @__PURE__ */ jsx64(Button, { fillMode: "flat", icon: "columns" }) })
     ] }),
-    /* @__PURE__ */ jsx61("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx61("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx64("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx64("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-header-table", children: [
       /* @__PURE__ */ jsxs23("colgroup", { children: [
-        /* @__PURE__ */ jsx61("col", {}),
-        /* @__PURE__ */ jsx61("col", {}),
-        /* @__PURE__ */ jsx61("col", {})
+        /* @__PURE__ */ jsx64("col", {}),
+        /* @__PURE__ */ jsx64("col", {}),
+        /* @__PURE__ */ jsx64("col", {})
       ] }),
-      /* @__PURE__ */ jsx61("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx61("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Product" }) }) }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx61("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
-        /* @__PURE__ */ jsx61("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx61("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx61("span", { className: "k-link", children: /* @__PURE__ */ jsx61("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
+      /* @__PURE__ */ jsx64("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsxs23("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx64("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Product" }) }) }) }),
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx64("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Unit Price" }) }) }) }),
+        /* @__PURE__ */ jsx64("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx64("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx64("span", { className: "k-link", children: /* @__PURE__ */ jsx64("span", { className: "k-column-title", children: "Qty Per Unit" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx61("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ jsx61("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
+    /* @__PURE__ */ jsx64("div", { className: "k-grid-container", children: /* @__PURE__ */ jsxs23("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ jsx64("div", { className: "k-grid-table-wrap", children: /* @__PURE__ */ jsxs23("table", { className: "k-table k-table-md k-grid-table", children: [
         /* @__PURE__ */ jsxs23("colgroup", { children: [
-          /* @__PURE__ */ jsx61("col", {}),
-          /* @__PURE__ */ jsx61("col", {}),
-          /* @__PURE__ */ jsx61("col", {})
+          /* @__PURE__ */ jsx64("col", {}),
+          /* @__PURE__ */ jsx64("col", {}),
+          /* @__PURE__ */ jsx64("col", {})
         ] }),
         /* @__PURE__ */ jsxs23("tbody", { className: "k-table-tbody", children: [
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-master-row k-expanded", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Chai" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "18" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Chai" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "18" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "10 boxes x 20 bags" })
           ] }),
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Chang" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "19" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Chang" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "19" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
           ] }),
           /* @__PURE__ */ jsxs23("tr", { className: "k-table-row k-table-alt-row k-alt k-master-row", children: [
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "Aniseed Syrup" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "20" }),
-            /* @__PURE__ */ jsx61("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "Aniseed Syrup" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "20" }),
+            /* @__PURE__ */ jsx64("td", { className: "k-table-td", children: "24 - 12 oz bottles" })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx61("div", { className: "k-height-container", children: /* @__PURE__ */ jsx61("div", {}) })
+      /* @__PURE__ */ jsx64("div", { className: "k-height-container", children: /* @__PURE__ */ jsx64("div", {}) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ jsx61("section", { className: "col-1", children: /* @__PURE__ */ jsxs23(Popup, { children: [
-    /* @__PURE__ */ jsx61("span", { className: "k-column-chooser-title", children: "Columns" }),
+  /* @__PURE__ */ jsx64("section", { className: "col-1", children: /* @__PURE__ */ jsxs23(Popup, { children: [
+    /* @__PURE__ */ jsx64("span", { className: "k-column-chooser-title", children: "Columns" }),
     /* @__PURE__ */ jsxs23("div", { className: "k-column-list-wrapper", children: [
       /* @__PURE__ */ jsxs23("div", { className: "k-column-list", children: [
         /* @__PURE__ */ jsxs23("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx61(Checkbox, {}),
-          /* @__PURE__ */ jsx61("span", { className: "k-checkbox-label", children: "ID" })
+          /* @__PURE__ */ jsx64(Checkbox, {}),
+          /* @__PURE__ */ jsx64("span", { className: "k-checkbox-label", children: "ID" })
         ] }),
         /* @__PURE__ */ jsxs23("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx61(Checkbox, {}),
-          /* @__PURE__ */ jsx61("span", { className: "k-checkbox-label", children: "Name" })
+          /* @__PURE__ */ jsx64(Checkbox, {}),
+          /* @__PURE__ */ jsx64("span", { className: "k-checkbox-label", children: "Name" })
         ] }),
         /* @__PURE__ */ jsxs23("label", { className: "k-column-list-item", children: [
-          /* @__PURE__ */ jsx61(Checkbox, {}),
-          /* @__PURE__ */ jsx61("span", { className: "k-checkbox-label", children: "Category" })
+          /* @__PURE__ */ jsx64(Checkbox, {}),
+          /* @__PURE__ */ jsx64("span", { className: "k-checkbox-label", children: "Category" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs23(ActionButtons, { children: [
-        /* @__PURE__ */ jsx61(Button, { children: "Reset" }),
-        /* @__PURE__ */ jsx61(Button, { themeColor: "primary", children: "Apply" })
+        /* @__PURE__ */ jsx64(Button, { children: "Reset" }),
+        /* @__PURE__ */ jsx64(Button, { themeColor: "primary", children: "Apply" })
       ] })
     ] })
   ] }) })